body {
    font-family: 'Poppins';
}

.darktble-row {
    background-color: #6266f55c !important;
}

span.pluse-icon {
    color: #6266f5;
    font-size: 14px;
    margin-right: 10px;
}

body a {
    text-decoration: none;
}

h1,
h2,
h3,
h4 {
    font-weight: 600;
}

body li {
    list-style: none;
}

html,
body {
    padding: 0;
    margin: 0;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.login-form {
    width: 84%;
    height: 100vh;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.bg-box {
    width: 100%;
    height: 900px;
    background-image: linear-gradient(WHITE, transparent, black, black);
    box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
    border-radius: 45px;
}

.login-form .left-box {
    background-color: black;
    width: 100%;
    height: 900px;
    padding: 70px 50px 140px;
    position: relative;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    border-top-right-radius: 130px;
}

    .login-form .left-box .logo {
        margin-bottom: 120px;
        max-width: 100%;
        top: 60px;
    }

        .login-form .left-box .logo img {
            width: 200px;
            margin-bottom: 11px;
        }

.login-form .form-box .logo-head img {
    display: none;
    margin-bottom: 20px;
    width: 200px;
    margin: auto;
}

.login-form .left-content {
    bottom: 120px;
}

    .login-form .left-content h3 {
        font-size: 26px;
        font-weight: 500;
        color: #ffffff;
        margin-bottom: 20px;
    }

    .login-form .left-content p {
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;
        margin-bottom: 0;
    }

.login-form .form-box {
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 900px;
    padding: 60px;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 130px;
    z-index: 999;
}

/* form start from here */
.form-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .form-box .login-form-inner p:nth-child(1) {
        font-size: 16px;
        color: #1d1d1d;
    }

    .form-box .login-form-inner {
        width: 50%;
    }

.welcom-sec {
    margin-bottom: 40px;
}

    .welcom-sec h2 {
        color: #191919;
        font-size: 29px;
        font-weight: 700;
    }

    .welcom-sec p {
        font-size: 17px;
        color: #191919;
    }

.form-box .forgot-password {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.password-fileds {
    position: relative;
}

.eye-icons {
    position: absolute;
    right: 20px;
    top: 14px;
    color: #828282;
}

.form-box .forgot-password .form-check-input {
    width: 1.2em;
    height: 1.2em;
}

.form-box .forgot-password a {
    font-size: 13px;
    text-decoration: none;
    font-weight: 600;
    color: #1592E6;
}

.captch-field {
    width: 100%;
    height: 60px;
    background-color: rgb(201, 240, 252);
    border-radius: 3px;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
}

.form-box .captch-field label {
    font-size: 16px;
    margin-left: 10px;
    color: #1d1d1d;
}

.form-box .captch-field .form-check-input {
    width: 1.2em;
    height: 1.2em;
}

.form-box .captch-field img {
    width: 55px;
}

ul.sidebar-body-menu {
    padding-left: 0;
}

.login-form-inner input[type="email" i],
.login-form-inner input[type="text" i],
.login-form-inner input[type="password" i] {
    border: 1px solid #C7C7C7;
    height: 50px;
    border-radius: 6px;
    padding-left: 15px;
}

    .login-form-inner input[type="email" i]::placeholder {
        color: #8B8989;
        font-size: 14px;
    }

    .login-form-inner input[type="text" i]::placeholder {
        color: #8B8989;
        font-size: 14px;
    }

    .login-form-inner input[type="password" i]::placeholder {
        color: #8B8989;
        font-size: 14px;
    }

.password-rows {
    position: relative;
}

.eye-icon-postion {
    position: absolute;
    right: 20px;
    top: 46px;
}

    .eye-icon-postion i {
        color: #828282;
    }

.black-btns-form {
    width: 100%;
    height: 50px;
    background-color: black;
    border-radius: 5px;
    color: #ffffff;
    font-size: 18px;
    margin-top: 40px;
    border: none;
}

.custom-check {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 14px;
    user-select: none;
}

    .custom-check input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.checkmark {
    position: absolute;
    top: -1px;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: transparent;
    border: 1px solid #DCDCDC;
    border-radius: 4px;
}

.custom-check :hover input ~ .checkmark {
    background-color: #ccc;
}

.custom-check input:checked ~ .checkmark {
    background-color: #d8d8ff;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.custom-check input:checked ~ .checkmark:after {
    display: block;
}

.custom-check .checkmark:after {
    top: 4px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #6266f5;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}


.card-details img {
    margin-left: 8px;
}

.available-crdtext {
    margin-left: 15px;
}

.availble-sec {
    display: flex;
    align-items: center;
    padding-bottom: 30px;
    margin-bottom: 32px;
    position: relative;
}

    .availble-sec::before {
        position: absolute;
        content: '';
        bottom: 0;
        right: 25px;
        border-top: 1px solid #707070;
        width: 87%;
    }

.available-crdtext p {
    color: #fff;
    font-size: 22px;
    margin-bottom: 0;
}

.available-crdtext h4 {
    font-size: 15px;
    color: #039808;
    font-weight: 600;
    margin-bottom: 0;
}

.user-names h1 {
    color: #191919;
    font-size: 28px;
    font-weight: 900;
    margin-bottom: 0;
}

    .user-names h1 span {
        font-weight: 500;
    }

.user-names {
    margin-left: 52px;
}










/*------------------------------------dasboard Page css--------------------------------- */
ul.cat-sub-menu li a {
    font-size: 15px;
    padding: 0 15px;
}

.menu-bruger .transparent-btn {
    position: absolute;
    top: 27px;
    left: 51px;
}

    .menu-bruger .transparent-btn.rotated {
        top: 22px;
    }

.hover-icon {
    display: none;
}

.sidebar-body-menu a.active .normal-icon,
.sidebar-body-menu a.active .normal-icon::after,
.sidebar-body-menu a:hover .normal-icon,
.sidebar-body-menu a:hover .normal-icon::after {
    display: none;
}

.sidebar-body-menu a.active .hover-icon,
.sidebar-body-menu a.active .hover-icon::after,
.sidebar-body-menu a:hover .hover-icon,
.sidebar-body-menu a:hover .hover-icon::after {
    display: block;
}

.sidebar-body-menu a.active .icon.arrow-down,
.sidebar-body-menu a.active .icon.arrow-down::after,
.sidebar-body-menu a:hover .icon.arrow-down,
.sidebar-body-menu a:hover .icon.arrow-down::after {
    filter: invert(1);
}

.sidebar-body-menu a.active,
.sidebar-body-menu a.active::after,
.sidebar-body-menu a:hover,
.sidebar-body-menu a:hover::after {
    background-color: #F6F6F6;
    border-radius: 15px 0px 0px 15px;
    color: #000000;
}

.sidebar.hidden + .main-wrapper {
    width: calc(100% - 85px);
    transition: .8s;
}

.submenu-links ul li:last-child {
    margin-bottom: 0;
}

.sidebar-body-menu ul.cat-sub-menu li {
    margin-bottom: 0;
}

    .sidebar-body-menu ul.cat-sub-menu li a:hover {
        background-color: #6266f5;
        color: #fff;
        border-radius: 0;
    }

.mega-submenu {
    position: absolute;
    left: 100%;
    border-radius: 0px 7px 7px 0px;
    background-color: #343434;
    top: 0;
    width: 290px;
    padding: 20px 0px;
    z-index: 9;
    display: none;
}

.report-mega {
    position: absolute;
    /* left: 100%; */
    border-radius: 7px;
    background-color: #343434;
    top: 66px;
    width: 225px;
    padding: 20px 0px;
    z-index: 9;
    display: none;
    overflow-y: auto;
    height: auto;
}

.sidebar-body-menu .submenu-content a.active .icon.arrow-down,
.sidebar-body-menu .submenu-content a.active .icon.arrow-down::after,
.sidebar-body-menu .submenu-content a:hover .icon.arrow-down,
.sidebar-body-menu .submenu-content a:hover .icon.arrow-down::after {
    filter: initial;
}

.sidebar-body-menu .submenu-content a.active,
.sidebar-body-menu .submenu-content a.active::after,
.sidebar-body-menu .submenu-content a:hover,
.sidebar-body-menu .submenu-content a:hover::after {
    background-color: transparent;
    border-radius: unset;
    color: unset;
}

    .sidebar-body-menu .submenu-content a.active::after {
        display: none;
    }

    .sidebar-body-menu .submenu-content a.active::before {
        display: none;
    }

    .sidebar-body-menu .submenu-content a:hover::after {
        display: none;
    }

    .sidebar-body-menu .submenu-content a:hover::before {
        display: none;
    }

.sidebar-body-menu a.active::after {
    position: absolute;
    content: '';
    top: -50px;
    right: 0;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    box-shadow: 35px 35px 0 10px #f6f6f6;
    background: transparent;
}

.sidebar-body-menu a.active::before {
    position: absolute;
    content: '';
    bottom: -50px;
    right: 0;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    box-shadow: 35px -35px 0 10px #f6f6f6;
    background: transparent;
}

.sidebar-body-menu a:hover::after {
    position: absolute;
    content: '';
    top: -50px;
    right: 0;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    box-shadow: 35px 35px 0 10px #f6f6f6;
    background: transparent;
}

.sidebar-body-menu a:hover::before {
    position: absolute;
    content: '';
    bottom: -50px;
    right: 0;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    box-shadow: 35px -35px 0 10px #f6f6f6;
    background: transparent;
}

.sidebar-body-menu .cat-sub-menu a:hover {
    border-radius: unset;
    color: #6266f5;
    opacity: 1;
    border-radius: 8px 0px 0px 6px;
}


.sidebar-body-menu .menu-item .submenu-links ul li:last-child {
    margin-bottom: 0;
}



ul.sidebar-body-menu li img {
    margin-right: 12px;
}

.sidebar-body-menu a img {
    padding-left: 12px;
}

.notification {
    background-image: url(../img/notifications-outline.png);
    width: 24px;
    height: 24px;
}

.sidebar-head a img {
    width: 200px;
}

.menu-toggle {
    background-image: url(../img/menu.png);
    width: 28px;
    height: 24px;
    background-size: contain;
}

.container-custom {
    padding: 30px 50px;
}

h2.main-title {
    margin-bottom: 30px;
}

.search-wrapper {
    margin-left: 40px;
}

.nav-user-wrapper button {
    border: none;
}

a,
a:hover {
    color: inherit;
    text-decoration: none;
}

ol,
ul {
    list-style-type: none;
    padding-left: 0;
}

.col-12,
img {
    max-width: 100%
}

:focus {
    outline-width: 0;
}

.me-11 {
    margin-right: 11px;
}

.me-10,
.sidebar-body-menu a > .icon {
    margin-right: 10px;
}

.ms-20 {
    margin-left: 20px;
}

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

.p-relative,
.sidebar-body-menu li {
    position: relative;
    margin: 0 0 12px 0;
}

.resize-none {
    resize: none;
}

.white-block,
.white-block.checkboxes label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.white-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
}

.white-block__title {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #171717;
    margin-bottom: 20px;
}

.white-block .select {
    width: 100%;
    background-color: #eff0f6;
}

.white-block.checkboxes label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

    .white-block.checkboxes label:last-child {
        margin-bottom: 0;
    }

.white-block.checkboxes input {
    margin-right: 12px;
    width: 16px;
    height: 16px;
}

.white-block.checkboxes span {
    font-size: 14px;
    line-height: 1.71;
}

.skip-link.sr-only,
.sr-only {
    border: 0;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
}

.sr-only {
    position: absolute;
    white-space: nowrap;
    clip: rect(0 0 0 0);
}

.skip-link {
    background-color: #eee;
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

    .skip-link.sr-only {
        clip: rect(1px, 1px, 1px, 1px);
        position: absolute !important;
        word-wrap: normal !important;
    }

        .skip-link.sr-only:focus {
            background-color: #fff;
            clip: auto !important;
            -webkit-clip-path: none;
            clip-path: none;
            color: #767676;
            display: block;
            font-size: 1em;
            height: auto;
            left: 5px;
            line-height: normal;
            padding: 15px 23px 14px;
            text-decoration: none;
            top: 5px;
            width: auto;
            z-index: 100000;
        }


.library-table-name span,
.page-center,
.page-flex,
.sidebar-user-img picture,
.users-table picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.library-table-name span,
.page-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.page-center {
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    padding: 30px 15px;
}

.main-wrapper {
    position: relative;
    width: calc(100% - 324px);
    background-color: #F6F6F6;
    transition: .8s;
}

.footer,
.layer {
    width: 100%;
    left: 0;
}

.footer {
    position: absolute;
    bottom: 0;
}

.layer {
    display: none;
    position: fixed;
    height: 100%;
    top: 0;
    z-index: 2;
}

    .layer.active {
        display: block;
    }

.icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
}

ul.sidebar-body-menu li a .arrow-down {
    background-image: url(../img/down-arrow.png);
    width: 24px;
    height: 24px;
    transform: rotate(270deg);
}

.search-wrapper svg {
    stroke: #D4D4D4;
    position: absolute;
    right: 11px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    z-index: 1;
}

.dropzone-start svg {
    width: 60px;
    height: 60px;
    color: #d6d7e3;
    stroke-width: 1px;
}

td#trt {
    position: relative;
}

/*.Linkblue a:hover + .cstm {
    display: block;
    z-index: 9999;
}*/

.transparent-btn:focus,
button:focus {
    outline: 0;
    border: none;
}

button.disabled {
    cursor: default;
    color: #d6d7e3;
}

    button.disabled:hover {
        color: #d6d7e3;
    }

    button.disabled:focus {
        border-color: transparent !important;
        outline: 0;
    }

.main-btns-wrapper button,
.main-btns-wrapper select {
    min-height: 48px;
    line-height: 1.5;
}

.transparent-btn {
    background-color: transparent;
    border: 2px solid transparent !important;
}

.primary-default-btn,
.primary-white-btn,
.secondary-default-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 4px;
    padding: 10px 20px;
}

.primary-default-btn {
    background-color: #2f49d1;
    color: #fff;
}

    .primary-default-btn:hover {
        background-color: #4661f0;
        color: #fff;
    }

.primary-white-btn,
.secondary-default-btn {
    color: #2f49d1;
}

.primary-white-btn {
    background-color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 2.43;
}

    .primary-white-btn:hover {
        color: #4661f0;
    }

.secondary-default-btn {
    border: 2px solid #2f49d1;
    background-color: transparent;
}

    .flat-btn,
    .secondary-default-btn:hover,
    .users-table tbody tr.active td {
        background-color: rgba(47, 73, 209, .1);
    }

.flat-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1.5;
    color: #2f49d1;
}

.sidebar-toggle {
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}

    .sidebar-toggle:hover {
        opacity: 1;
    }

    .category__btn.rotated .icon,
    .sidebar-toggle.rotated {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.category__btn,
.gray-circle-btn,
.ligt-circle-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%
}

.category__btn {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    right: 40px;
    top: 14px;
    z-index: 1;
}

.gray-circle-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #FFFFFF;
}

.gray-circle-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    color: #333333;
    background: #FFFFFF;
    border: none;
    outline: none;
    border-radius: 50%;
    box-shadow: 0 0px 4px rgb(0 0 0 / 16%);
    background-image: url(../img/notifications-outline.png);
    background-repeat: no-repeat;
    background-position: center;
}

.shopping-wrapper .icon-button-badge {
    background: #6266F5;
}

.shopping-wrapper .gray-circle-btn {
    background-image: url(../img/shopping-bag.png);
}

.icon-button-badge {
    position: absolute;
    top: -2px;
    right: -6px;
    width: 20px;
    height: 20px;
    background: #E6152A;
    color: #ffffff;
    display: flex;
    justify-content: center;
    border-radius: 50%;
    font-size: 14px;
}

.ligt-circle-btn {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #f5efff;
}

.lang-switcher,
.ligt-circle-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.extentions-btn,
.nav-user-btn {
    background-color: transparent;
}

.extentions-btn {
    border: 1px solid #eee !important;
    border-radius: 4px;
    padding: 5px 20px;
    color: #f26464;
}

    .extentions-btn.disabled {
        color: #d6d7e3;
    }

.filter-btn svg {
    margin-right: 6px;
}

.sort-btn {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.folder-btn,
.sort-btn,
.tag-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tag-btn {
    font-weight: 600;
    font-size: 12px;
    line-height: 1.67;
    color: #d6d7e3;
    padding: 2px 8px;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
}

    .tag-btn svg {
        margin-left: 8px;
        width: 16px;
        height: 16px;
    }

.folder-btn {
    width: 30px;
    height: 30px;
    background-color: #eff0f6;
    border-radius: 5px;
}

    .folder-btn svg {
        width: 16px;
        height: 16px;
        color: #b9b9b9;
    }

.media-table-btn,
.upgrade-btn {
    border-radius: 4px;
    font-size: 16px;
    line-height: 1.5;
}

.upgrade-btn {
    padding: 10px 17px;
    background: rgba(0, 97, 247, .1);
    font-style: normal;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #5f2eea;
}

    .upgrade-btn:hover {
        color: #5f2eea;
        background: rgba(0, 97, 247, .15);
    }

    .upgrade-btn svg {
        margin-left: 10px;
    }

.media-table-btn {
    padding: 10px 20px;
    background-color: transparent;
    border: 2px solid #eee;
    color: #b9b9b9;
}

.view-sort-btn {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background-color: #eff0f6;
    color: #d6d7e3;
}

    .view-sort-btn:hover {
        color: #fff;
        background-color: #e0e3f1;
    }

.dropdown-btn {
    color: #b9b9b9;
}

.link-info {
    color: #5887ff;
    border-bottom: dashed 1px transparent;
}

    .link-info:hover {
        color: #5887ff;
        border-bottom-color: #5887ff;
    }

.userdropdown-show {
    position: absolute;
    padding: 5px 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 -2px 24px rgba(160, 163, 189, .25);
    box-shadow: 0 -2px 24px rgba(160, 163, 189, .25);
    border-radius: 4px;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
    z-index: 3;
    display: none;
}

    .userdropdown-show::before {
        content: '';
        position: absolute;
        right: 6px;
        top: -10px;
        border-style: solid;
        border-width: 0 15px 15px;
        border-color: transparent transparent #fff;
    }

    .userdropdown-show li:last-child a {
        border-width: 0;
    }

.task-status-section h4 {
    font-size: 20px;
    color: #222222;
    margin-bottom: 20px;
}

.calender-section h4 {
    font-size: 20px;
    color: #222222;
    margin-bottom: 20px;
}

.dropdown a {
    display: inline-block;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    line-height: 2.43;
    color: #767676;
    border-bottom: 1px solid #eee;
    text-align: left;
}

.badge-active,
.badge-disabled,
.badge-pending,
.badge-success,
.badge-trashed {
    padding: 1px;
    width: 85px;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.67;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 100px;
    text-align: center;
}

.badge-active {
    color: #5887ff;
    background-color: rgba(88, 135, 255, .1);
}

.badge-pending {
    color: #ffb648;
    background-color: rgba(255, 172, 50, .1);
}

.badge-disabled {
    color: #fff;
    background-color: #ffb648;
}

.badge-trashed {
    color: #f26464;
    background-color: rgba(245, 91, 93, .1);
}

.badge-success {
    color: #4bde97;
    background-color: rgba(75, 222, 151, .1);
}

.check {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

label {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.new-page-content input {
    padding: 5px 16px;
}

.users-table table,
.users-table-info {
    line-height: 1.4;
    letter-spacing: -.3px;
    color: #767676;
}

.users-table table {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.users-table-info {
    height: 48px;
    border-bottom: 1.2px solid #dadbe4;
    font-size: 14px;
}

    .users-table-info th {
        font-weight: 500;
    }

.users-table__checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    cursor: pointer;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

    .footer-end li,
    .users-table__checkbox input {
        margin-right: 20px;
    }

.users-table td {
    background-color: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-top: 15px;
    padding-bottom: 15px;
}

    .users-table td:first-child {
        padding-left: 20px;
    }

.users-table tbody {
    font-size: 14px;
}

    .users-table tbody tr:last-child .users-item-dropdown {
        bottom: 250%;
        top: auto;
    }

        .users-table tbody tr:last-child .users-item-dropdown::before {
            bottom: -10px;
            top: auto;
            border-width: 15px 15px 0;
            border-color: #fff transparent transparent;
        }

.users-table .users-item-dropdown {
    right: -9px;
    top: 150%
}

.users-table img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 7px;
}

.table-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 20px;
}

    .table-wrapper table {
        min-width: 850px;
    }

        .table-wrapper table.posts-table {
            min-width: 944px;
        }

        .table-wrapper table.library-table {
            min-width: 483px;
        }

.col-10-second {
    width: 100%;
    padding: 0 20px;
}

.responsive-sidemenu .category__btn {
    right: 30px;
}

.sidebar {
    position: sticky;
    top: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 324px;
    padding: 30px 0px 39px 20px;
    -webkit-transition: .8s all;
    -o-transition: .8s all;
    transition: .8s all;
    min-height: 100vh;
    background-repeat: no-repeat;
    background-position: bottom;
    transition: .8s;
    background-color: #000000;
    box-shadow: 0px 0px 10px #00000030;
    border-radius: 0px 30px 30px 0px;
    z-index: 3;
}

.outerCard {
    display: inline-block;
    width: 100%;
}

.sidebar a:focus {
    outline: 0;
}

.sidebar-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 25px;
}

.sidebar-body-menu a,
.sidebar-user {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sidebar-body-menu a {
    position: relative;
    padding: 8px 0;
    color: #fff;
    font-size: 16px;
    line-height: 2.43;
}

.sidebar-user {
    border-radius: 10px;
    padding: 5px;
    background-color: rgba(255, 255, 255, .1);
}

.sidebar-body-menu a,
.sidebar-user,
.sidebar-user-img,
.sidebar-user-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.sidebar-user-img {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-right: 8px;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    overflow: hidden;
    background-color: #fff;
}

.sidebar-user-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.sidebar-user__title {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: .75px;
    color: #fff;
}

.sidebar-user__subtitle {
    font-weight: 500;
    font-size: 10px;
    line-height: 1.5;
    letter-spacing: .86px;
    color: rgba(255, 255, 255, .5);
}

.logo {
    margin-right: 9px;
}

.sidebar-start .sidebar-head {
    width: 100%;
    display: block;
    padding-left: 6px;
}

.logo-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.logo-text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
}

.logo-subtitle,
.logo-title {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .86px;
}

.logo-subtitle {
    font-size: 12px;
    font-weight: 500;
    line-height: 2.42;
}

.msg-counter,
.system-menu__title {
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: .75px;
}

.msg-counter {
    position: absolute;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 20px;
    height: 20px;
    background-color: #f26464;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 12px !important;
    color: #fff;
}

.system-menu__title {
    display: inline-block;
    margin-top: 13px;
    margin-bottom: 2px;
    text-transform: uppercase;
    font-size: 12px;
    color: rgba(255, 255, 255, .5);
}

.breadcrumb li {
    font-size: 13px;
    color: #656565;
}

/* .cat-sub-menu {
    padding-left: 34px;
    height: 0;
}
.cat-sub-menu.visible {
    height: auto;
}
.cat-sub-menu.visible a {
    opacity: 0.8;
    visibility: visible;
}
.cat-sub-menu a {
    opacity: 0;
    visibility: hidden;
} */
.category__btn .icon {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.main-nav {
    padding-top: 20px;
    padding-bottom: 20px;
    align-items: center;
    justify-content: space-between;
}

.breadcrumb {
    margin-bottom: 0;
}

.main-nav .menutops-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-nav a:focus {
    outline: 0;
}

.main-nav-end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .main-nav-end > * {
        margin-right: 22px;
    }

    .footer-end li:last-child,
    .main-btns-wrapper button:last-child,
    .main-nav-end > :last-child,
    .sort-bar .select-wrapper:last-child .select {
        margin-right: 0;
    }

.main-nav .notification-dropdown {
    right: 0;
    width: 236px;
    padding: 10px;
}

.main-nav .notification-dropdown-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 167px;
}

.main-nav .notification-dropdown__title {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.22;
    color: #171717;
    margin-bottom: 5px;
}

.main-nav .notification-dropdown__subtitle {
    font-size: 10px;
    line-height: 1.2;
    color: #767676;
}

.main-nav .notification-dropdown-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

    .main-nav .notification-dropdown-icon.info {
        background-color: rgba(88, 135, 255, .1);
        color: #5887ff;
    }

    .main-nav .notification-dropdown-icon.danger {
        background-color: rgba(242, 100, 100, .1);
        color: #f26464;
    }

.main-nav .notification-dropdown a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 10px;
    padding-top: 15px;
}

    .main-nav .notification-dropdown a.link-to-page {
        padding-top: 17px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        color: #5887ff;
    }

.main-nav .nav-user-wrapper,
.search-wrapper {
    position: relative;
}

    .main-nav .nav-user-wrapper .users-item-dropdown {
        width: 171px;
        right: 0;
    }

        .main-nav .nav-user-wrapper .users-item-dropdown svg {
            margin-right: 13px;
        }

        .main-nav .nav-user-img,
        .main-nav .nav-user-img picture,
        .main-nav .nav-user-wrapper .users-item-dropdown a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .main-nav .nav-user-wrapper .users-item-dropdown a.danger {
                color: #f26464;
            }

.main-nav .nav-user-img {
    justify-content: center;
    overflow: hidden;
    display: inline-flex;
    position: relative;
    width: 43px;
    height: 43px;
    color: #333333;
    background: #FFFFFF;
    border: none;
    outline: none;
    border-radius: 50%;
    box-shadow: 0 0px 4px rgb(0 0 0 / 16%);
}

    .main-nav .nav-user-img picture {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

.search-wrapper input {
    width: 534px;
    border-radius: 30px;
    background-color: #fff;
    padding: 3px 8px 3px 15px;
    height: 46px;
    border: 1px solid #D4D4D4;
}



.main-content {
    margin-top: 20px;
    margin-bottom: 20px;
    min-height: 65vh;
}

.main-title-wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 34px;
}

    .main-title-wrapper h2 {
        margin-bottom: 0;
    }

    .main-title-wrapper .primary-default-btn svg {
        margin-right: 9px;
    }

.main-btns-wrapper,
.main-title-wrapper,
.users-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.main-btns-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .main-btns-wrapper button {
        margin-right: 10px;
    }

.users .col-xl-3 {
    margin-bottom: 20px;
}

.users-item {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    border-radius: 10px;
    background-color: #fff;
    text-align: center;
}

    .users-item a:focus {
        outline: 0;
    }

.users-item-body {
    padding: 20px 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.users-item__img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 10px;
}

.users-item__name {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: -.3px;
    color: #171717;
}

.users-item__desc,
.users-item__role {
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: -.3px;
    color: #767676;
}

.users-item__desc {
    max-width: 231px;
    font-size: 12px;
    margin-bottom: 15px;
}

.users-item__more {
    position: absolute;
    top: 20px;
    right: 20px;
    opacity: .5;
}

.users-item-dropdown {
    right: 20px;
    top: 60px;
    width: 125px;
}

    .users-item-dropdown.active {
        opacity: 1;
        visibility: visible;
    }

.users-item .primary-white-btn {
    border-top: 1px solid #eee;
    width: 100%
}

.footer {
    border-top: 1px solid #e0e1ea;
    padding-top: 14px;
    padding-bottom: 14px;
    color: #b9b9b9;
    font-size: 12px;
}

.footer-start {
    text-align: center;
}

    .footer-start p {
        color: #e7e7e7;
        font-size: 16px;
    }

.footer a {
    border-bottom: 1px transparent dashed;
}

    .footer a:hover {
        color: #2f49d1;
        border-color: #2f49d1;
    }

.main-nav--bg {
    position: sticky;
    top: 0;
    z-index: 999;
    box-shadow: 2px 0px 6px 1px #0000001a;
    transition: .3s all;
    background-color: #F6F6F6;
}

#dashboard-footer .footer {
    background-color: #2C2C2C;
    padding: 20px;
}

#logo-mobile {
    display: none;
}

#dashboard-footer {
    margin-top: 70px;
}


/*------------------------------------shopping-wrapper css--------------------------------- */
.shopping-wrapper {
    position: relative;
}

.mycard-section::before {
    content: '';
    position: absolute;
    right: 30px;
    top: -13px;
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: transparent transparent #fff;
}

.mycard-section {
    background-color: #FFFFFF;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    width: 509px;
    border-radius: 14px;
    padding: 16px 18px;
    position: absolute;
    right: -24px;
    margin-top: 17px;
}

.mycard-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #BBBBBB;
    padding-bottom: 10px;
}

.mycard-heading h2 {
    color: #656565;
    font-size: 18px;
    font-weight: 600;
}

.mycard-item h4 {
    color: #191919;
    font-size: 16px;
    font-weight: 600;
}

.mycard-innerprt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #E1E1E1;
    padding: 10px 0px;
    position: relative;
}

.mycrd-img img {
    width: 100%;
}

.mycrd-content h3 {
    font-size: 15px;
    font-weight: 600;
}

.mycrd-content p {
    color: #191919;
    font-size: 15px;
    margin-bottom: 0;
}

    .mycrd-content p b {
        color: #6266F5;
    }

.mycrd-price h3 {
    font-size: 18px;
    font-weight: 600;
    color: #6266F5;
}

.mycrd-btn button {
    background-color: #FFE5E8;
    border: navajowhite;
    padding: 4px 10px;
    border-radius: 4px;
}

    .mycrd-btn button i {
        color: #E6152A;
    }

.mycard-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    padding-top: 20px;
}

.mycard-btn-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.viewcrd-btn {
    height: 38px;
    width: 210px;
    background-color: #343434;
    color: #fff;
    border-radius: 6px;
    border: none;
    font-size: 15px;
}

.proceedcrd-btn {
    height: 38px;
    width: 210px;
    background-color: #6266F5;
    color: #fff;
    border-radius: 6px;
    border: none;
    font-size: 15px;
}

/*------------------------------------notification-wrapper css--------------------------------- */
.notification-popup {
    background-color: #FFFFFF;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    width: 391px;
    border-radius: 14px;
    position: absolute;
    right: -24px;
    margin-top: 17px;
}

    .notification-popup::before {
        content: '';
        position: absolute;
        right: 30px;
        top: -13px;
        border-style: solid;
        border-width: 0 15px 15px;
        border-color: transparent transparent #6266f5;
    }

.notification-pop-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
}

.notification-pop-header {
    background-color: #6266F5;
}

.notification-pop-head button {
    background-color: #484EF5;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    border: none;
    padding: 6px 14px;
}

.notification-pop-head h3 {
    color: #fff;
    margin-bottom: 0;
    font-size: 16px;
}

.notificationtabs {
    justify-content: center;
    background-color: #6266F5;
    border: none;
    display: flex;
    padding-bottom: 10px;
}

    .notificationtabs .nav-item .nav-link.active {
        background-color: #787CFC;
        border-radius: 3px;
        color: #FFFFFF;
    }

    .notificationtabs .nav-item .nav-link {
        color: #ADAFF9;
        font-size: 15px;
    }

.allnotification-row {
    display: flex;
    align-items: center;
    padding: 10px 0px;
}

.notification-namebg h3 {
    background-color: #E6C315;
    border-radius: 50px;
    height: 37px;
    width: 37px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    line-height: 37px;
    color: #fff;
    letter-spacing: 1px;
}

.notification-textmid p {
    font-size: 13px;
    color: #656565;
    margin-bottom: 0;
    text-align: left;
}

.refill {
    color: #1592E6;
}

.notification-textmid {
    margin-left: 13px;
}

.notification-popup .tab-pane {
    padding: 0px 22px 22px;
}

.seeall-btn button {
    color: #6266F5;
    border: 1px solid #6266F5;
    background-color: #fff;
    width: 103px;
    height: 32px;
    font-size: 15px;
    border-radius: 6px;
}

p.clockbold {
    font-weight: 600;
    font-size: 11px;
}

.seeall-btn {
    margin-top: 15px;
}

.bluebg h3 {
    background-color: #1592E6;
}

.redbg h3 {
    background-color: #E6152A;
}

.greenbg h3 {
    background-color: #13CE7D;
}

.notification-wrapper {
    position: relative;
}

/*------------------------------------user-profile-wrapper css--------------------------------- */
.outer_cardItem:last-child {
    padding-right: 0;
}

.profiletoggle {
    background-color: transparent;
}

.outer_cardItem:first-child {
    padding-left: 0;
}

.outer_cardItem {
    padding: 0 11px;
    width: 20%;
}

.user-profile li:last-child {
    margin-bottom: 0;
}

.user-profile li {
    margin-bottom: 10px;
}

    .user-profile li a {
        color: #000000;
        font-size: 15px;
    }

.user-profile {
    background-color: #FFFFFF;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    width: 174px;
    border-radius: 14px;
    padding: 16px 18px;
    position: absolute;
    right: -24px;
    margin-top: 17px;
}

    .user-profile::before {
        content: '';
        position: absolute;
        right: 30px;
        top: -13px;
        border-style: solid;
        border-width: 0 15px 15px;
        border-color: transparent transparent #ffffff;
    }

.profile-wrapper {
    position: relative;
}

.profiletoggle {
    border: none;
}

li.divided::after {
    position: absolute;
    content: '';
    top: 0;
    right: 25px;
    border-top: 1px solid #707070;
    width: 87%;
}

li.divided::before {
    position: absolute;
    content: '';
    bottom: 0;
    right: 25px;
    border-top: 1px solid #707070;
    width: 87%;
}

.sidebar.hidden #logo-mobile {
    display: block;
}

.sidebar.hidden .sidebar-head {
    width: 100%;
    padding-left: 5px;
}

a#logo-mobile img {
    width: auto;
}

.close-menu {
    position: absolute;
    top: 10px;
    right: 10px;
    display: none;
    width: 38px;
}

/*------------------------------------five card css--------------------------------- */
.card-design-sec {
    margin-bottom: 50px;
}

.order-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #F2F2FF;
    border-radius: 15px;
    border: 1px solid #6266F5;
    width: 100%;
    padding: 20px 15px;
}

.cardbox-inner {
    display: flex;
}

.card-text-left h2 {
    color: #191919;
    font-size: 30px;
    margin-bottom: 0;
}

.card-text-left p {
    color: #191919;
    font-size: 12px;
    margin-bottom: 4px;
    text-align: left;
}

.card-icn-rigt {
    margin-top: -15px;
}

.order-card.holdbg {
    background-color: #D5F2E6;
    border: 1px solid #357E5E;
}

.order-card.totalbg {
    background-color: #FFEAD8;
    border: 1px solid #D8731A;
}

.order-card.activebg {
    background-color: #E4E4E4;
    border: 1px solid #555555;
}

.order-card.inactivebg {
    background-color: #FEDEE1;
    border: 1px solid #E6152A;
}

/*------------------------------------chart-wrap css--------------------------------- */
#chart-wrap img {
    width: 100%;
}

#chart-wrap {
    background-color: #fff;
    box-shadow: 0 0px 15px rgb(0 0 0 / 9%);
    border-radius: 15px;
    padding: 30px;
    height: 100%;
}

/*------------------------------------data table css--------------------------------- */

.refilldata-table {
    background-color: #fff;
    box-shadow: 0 0px 15px rgb(0 0 0 / 9%);
    border-radius: 15px;
    height: 100%;
}

.tableheader-section {
    display: flex;
    justify-content: space-between;
    align-content: center;
    background-color: #FFFFFF;
    padding: 30px 30px 10px;
}

.duetotal ul li {
    display: inline-block;
    margin: 0px 20px;
}

    .duetotal ul li a {
        color: #000000;
        font-size: 21px;
    }

    .duetotal ul li.seemore-btns a {
        color: #656565;
        font-size: 16px;
        font-weight: 600;
    }

.seemore-btns {
    color: #656565;
    font-size: 16px;
    font-weight: 600;
}

.refreshbrder {
    position: relative;
}

    .refreshbrder::after {
        position: absolute;
        content: '';
        height: 29px;
        left: 0;
        border-left: 1px solid #BCBCBC;
    }

    .refreshbrder::before {
        position: absolute;
        content: '';
        height: 29px;
        right: 0;
        border-left: 1px solid #BCBCBC;
    }

.duetotal ul li a img {
    padding: 0px 20px;
}

.refilldata-table #refilldata-table_length {
    display: none;
}

.refilldata-table #refilldata-table_filter {
    display: none;
}

.custom-dropmenu .form-select:focus {
    border-color: unset;
    outline: 0;
    box-shadow: unset;
}

.refilldata-table table.dataTable.table-striped > tbody > tr.odd > * {
    box-shadow: none;
}

.refilldata-table #refilldata-table_info {
    display: none;
}

.refilldata-table #refilldata-table_paginate {
    display: none;
}

.refilldata-table thead tr th {
    font-size: 18px;
    color: #343434;
    font-weight: 500;
}

.refilldata-table thead {
    background-color: #F2F2FF;
}

.refill-section {
    margin-bottom: 50px;
}

.refilldata-table table thead tr th {
    text-align: center;
}

.refilldata-table table tbody tr td {
    text-align: center;
}

/*------------------------------------Our New Products css--------------------------------- */
.tooltip-custom-bottom {
    background-color: #000000c9;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    border-radius: 5px;
    position: absolute;
    font-size: 13px;
    padding: 5px 10px;
    display: none;
    white-space: nowrap;
    color: #fff;
    margin-top: 26px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.legend-tooltip-bottom ul li .tooltip-custom-bottom::before {
    content: '';
    position: absolute;
    top: -4px;
    border-style: solid;
    border-width: 0 14px 16px;
    border-color: transparent transparent #000000c9;
    left: 50%;
    transform: translate(-50%, -50%);
}

.legend-tooltip-bottom ul li:hover .tooltip-custom-bottom {
    display: block;
}

.price-legend-tooltip-section .legend-tooltip-bottom {
    width: 50%;
}

.tooltip-custom-bottom p {
    margin-bottom: 0;
    text-align: center;
}

.productslider-inner {
    background-color: #F5F1FF;
    box-shadow: 0 4px 2px rgb(0 0 0 / 16%);
    border: 1px solid #D2BDFE;
    border-radius: 18px;
    padding: 12px 10px;
    min-height: 720px;
}

.productslider-mid {
    background-color: #FFFFFF;
    border-radius: 7px;
    padding-bottom: 14px;
}

.legend-tooltip-bottom ul {
    margin-bottom: 0;
}

.price-legend-tooltip-section {
    display: flex;
    justify-content: space-between;
    margin-left: 10px;
    min-height: 70px;
}

.outerCard .productslider-img {
    text-align: center;
    width: auto;
    margin: 0px auto;
}

.productslider-idnum {
    padding: 0px 18px;
}

.productslider-price h3 {
    background-color: #191919;
    color: #fff;
    font-size: 23px;
    border-radius: 7px 7px 7px 0px;
    display: inline-block;
    padding: 6px 24px;
    font-weight: 500;
}

.productslider-img {
    margin: 35px auto;
}

.productslider-img {
    text-align: center;
    width: 74px;
}

.outerCard .productslider-img img {
    width: 64%;
    display: unset;
}

.productslider-idnum p {
    font-size: 16px;
    font-weight: 600;
    color: #656565;
}

    .productslider-idnum p b {
        color: #191919;
    }

.productslider-name h4 {
    color: #191919;
    font-size: 16px;
    margin-bottom: 7px;
    word-wrap: break-word;
}

.productslider-name p {
    font-size: 15px;
    color: #4A4848;
    font-weight: 500;
}

.productslider-footer {
    padding: 25px 17px;
}

.ournew-products {
    background-color: #fff;
    box-shadow: 0 0px 15px rgb(0 0 0 / 9%);
    border-radius: 15px;
    padding: 30px;
    height: 100%;
    margin-bottom: 50px;
}

.ournew-header {
    justify-content: space-between;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 35px;
}

.ourproduct-heading h4 {
    font-size: 20px;
    color: #191919;
    font-weight: 500;
}

.seemore-text p {
    color: #656565;
    font-size: 18px;
}

.slick-slider .slick-prev .slick-prev-icon {
    background-image: url(../img/arrow-back.png);
    object-fit: cover;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    width: 37px;
    height: 60px;
    opacity: unset !important;
    left: 1px;
}

.slick-slider .slick-next .slick-next-icon {
    background-image: url(../img/arrow-next.png);
    object-fit: cover;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    width: 37px;
    height: 60px;
    opacity: unset !important;
    right: 0px;
}

.slick-prev .slick-prev-icon:before {
    display: none;
}

.slick-next .slick-next-icon:before {
    display: none;
}

.card-slider {
    width: 100%;
}

    .card-slider .slick-prev-icon,
    .card-slider .slick-next-icon {
        color: black;
    }

    .card-slider .slick-slide {
        padding: 0 10px;
    }

    .card-slider .card {
        position: relative;
        display: flex !important;
        flex-direction: column;
        border-radius: 3px;
        border: 1px solid rgba(0, 0, 0, 0.2);
        background-color: white;
        text-decoration: none;
        color: rgba(0, 0, 0, 0.9);
        transition: all 0.1s linear;
    }

.productslider-crds {
    display: flex;
    justify-items: center;
    justify-content: space-between;
}

.incress-number .wrap {
    width: 122px;
}

    .incress-number .wrap input[type=text] {
        padding: 0;
        width: 45px;
        text-align: center;
        min-height: 33px;
        border: none;
    }

    .incress-number .wrap form {
        background-color: #6266F5;
        color: #fff;
        border: none;
        border-radius: 6px;
        height: 39px;
        position: relative;
    }

    .incress-number .wrap .btn-counter {
        background-color: transparent;
        border: none;
        width: 34px;
        height: 39px;
        color: #fff;
        font-size: 17px;
    }

/*------------------------------------Recent Shipments css--------------------------------- */
.cmntable-hides table tbody tr.even {
    background-color: #ECECEC;
}

.tracking-heading h4 {
    font-size: 20px;
    color: #656565;
    font-weight: 500;
    margin-bottom: 0;
}

.cmntable-hides #recent-shipments_length {
    display: none;
}

.cmntable-hides #recent-shipments_filter {
    display: none;
}

.cmntable-hides #recent-shipments_info {
    display: none;
}

.cmntable-hides #recent-shipments_paginate {
    display: none;
}

.date-picker input {
    background-color: #E2E2E2;
    border: none;
    border-radius: 6px;
    padding: 7px 10px;
    color: #000000;
    font-size: 14px;
}


/*------------------------------------Payment Due and Communications css--------------------------------- */
.communication-sec {
    background-color: #fff;
    box-shadow: 0 0px 15px rgb(0 0 0 / 9%);
    border-radius: 15px;
    height: 100%;
}

.communication-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E8E7E7;
    padding: 17px 20px;
}

.communication-heading h5 {
    font-size: 20px;
    color: #191919;
    margin-bottom: 0;
}

.communication-seemor p {
    color: #656565;
    font-size: 15px;
    margin-bottom: 0;
}

.communication-sec .notification-textmid p {
    font-size: 15px;
    color: #343434;
    margin-bottom: 0;
    text-align: left;
}

.communication-sec .allnotification-section .clockbold {
    font-weight: 600;
    font-size: 12px;
    color: #686868;
}

.parpalbg h3 {
    background-color: #6266F5;
}

.notificatin-even {
    background-color: #EDF6FD;
}

.communication-sec .allnotification-section .allnotification-row {
    padding: 6px 20px;
}

.communication-sec .allnotification-section {
    padding: 8px 0px 0px;
}

.td-pending {
    color: #E6152A !important;
}

.recent-shipments .dataTables_length {
    display: none;
}

.recent-shipments .dataTables_filter {
    display: none;
}

.recent-shipments .dataTables_info {
    display: none;
}

.recent-shipments .pagination {
    display: none;
}

.refilldata-table .tableheader-section {
    border-radius: 15px 15px 0px 0px;
}

.paymentdue-communications .duetotal ul li {
    margin: 0px 7px;
}

    .paymentdue-communications .duetotal ul li.refreshbrder::before {
        border: none;
    }

    .paymentdue-communications .duetotal ul li a img {
        padding: 0px 0px 0px 15px;
    }

.recent-tblheading p {
    color: #191919;
    font-size: 20px;
}

table tbody tr:last-child {
    border: 1px solid #fff;
}

table tbody tr {
    height: 30px;
    line-height: 30px;
}

table thead tr {
    height: 35px;
    line-height: 35px;
}


/*------------------------------------Order History Page css--------------------------------- */
.reuestdetails-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.reuestdetails-column {
    width: 35%;
}

.reuestdetails-columnprt {
    width: 65%;
}

.reuestdetails-column p {
    color: #191919;
    font-size: 16px;
    font-weight: 600;
}

.reuestdetails-columnprt p {
    color: #656565;
    font-size: 16px;
}

.danger-icon-big img {
    width: 80px;
}

.danger-contacts {
    text-align: center;
    margin-bottom: 25px;
}

    .danger-contacts h3 {
        font-size: 24px;
    }

    .danger-contacts p {
        color: #555555;
        font-size: 16px;
    }

.danger-icon-big {
    text-align: center;
    margin-bottom: 25px;
}

.approved-formes textarea {
    border-radius: 5px;
    border: 1px solid #DEDEDE;
}

    .approved-formes textarea::placeholder {
        font-size: 15px;
        color: #D3D3D3;
    }

.upload__inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.upload__btn {
    display: inline-block;
    color: #fff;
    text-align: center;
    padding: 10px 18px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    background-color: #6266F5;
}

label.upload__btn p {
    margin-bottom: 0;
}

.upload__btn-box {
    margin-bottom: 10px;
}

.upload__img-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.upload__img-box {
    width: 100px;
    padding: 10px 10px;
    border: 1px solid #DEDEDE;
    margin: 0px 10px;
    border-radius: 5px;
}

.upload__img-close {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #e6152a;
    position: absolute;
    top: -17px;
    right: -17px;
    text-align: center;
    line-height: 16px;
    z-index: 1;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .upload__img-close:after {
        content: '\2716';
        font-size: 12px;
        color: #fff;
    }

.upload__box .img-bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding-bottom: 100%;
}

.replaceoder-rows {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.replaceodercheck-box input[type="checkbox"] {
    appearance: none;
}

.orderreplacement-forms .replaceoder-quantity select {
    height: 40px;
    border-radius: 5px;
    border: 1px solid #DEDEDE;
}

.orderreplacement-popbox {
    padding: 20px 30px 0px;
}

.replaceodercheck-box {
    display: flex;
}

.orderreplacement-forms select {
    height: 50px;
    border-radius: 5px;
    border: 1px solid #DEDEDE;
}

.orderreplacement-forms textarea {
    border-radius: 5px;
    border: 1px solid #DEDEDE;
}

.order-tableouter .dataTables_scrollBody::-webkit-scrollbar {
    height: 8px;
}

.order-tableouter table thead .smallcheck-custom .checkmark {
    top: -7px;
}

.order-tableouter .dataTables_scrollBody::-webkit-scrollbar-thumb {
    background: #a3a3a3;
    border-radius: 12px;
}

.order-tableouter .dataTables_scrollBody::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

.order-tableouter table tbody tr .yestd-color {
    color: #039808;
    font-weight: 600;
}

.order-tableouter table tbody tr .notd-color {
    color: #e6152a;
    font-weight: 600;
}

.proccessing-td {
    background-color: cornflowerblue;
    color: #000;
    padding: 3px 10px;
    border-radius: 3px;
}

#order-histable_wrapper .sticky-colh {
    background-color: #f2f2ff;
}

#order-histable_wrapper .sticky-colt {
    background-color: #fff;
}

.complate-td {
    background-color: #92db95;
    color: #000;
    padding: 3px 10px;
    border-radius: 3px;
}

#order-histable_wrapper table {
    margin-top: 0px !important;
}

.order-history-section {
    background-color: #fff;
    box-shadow: 0 0px 10px rgb(0 0 0 / 6%);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 26px;
}

.orderhist-tabs .nav-tabs .nav-link.active {
    background-color: #F2F2FF;
    color: #191919;
    font-size: 18px;
    border: 1px solid #F2F2FF;
}

.similartable thead {
    background-color: #F2F2FF;
}

.orderhist-tabs .nav-tabs .nav-link {
    color: #9A9999;
    font-size: 16px;
    border: 1px solid #CFCDCD;
}

.similartable .dataTables_info {
    color: #2D2B2B;
}

.similartable .dataTables_length {
    display: block;
}

.similartable .dataTables_filter {
    display: block;
}

.similartable .pagination li a {
    border: medium;
}

.similartable .pagination .active > .page-link {
    background-color: #DADAFE;
    border-radius: 5px;
    color: #191919;
}

.similartable .pagination li .page-link {
    color: #8B8B8B;
}

.ordertble-hedpart {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.export-data button img {
    margin-left: 8px;
}

.export-data button {
    background-color: #6266F5;
    border: none;
    color: #fff;
    border-radius: 8px;
    white-space: nowrap;
    padding: 7px 20px 7px 12px;
}

.tble-serch {
    position: relative;
    margin-right: 15px;
}

    .tble-serch .input {
        width: 298px;
        padding: 0px 23px;
        border-radius: 10px;
        color: #656565;
        font-size: 15px;
        outline: none;
        border: 1px solid #D6D6D6;
        box-shadow: inset 0 0px 6px rgb(0 0 0 / 9%);
        height: 42px;
    }

    .tble-serch .close-btn {
        position: absolute;
        top: 21px;
        right: 50px;
        cursor: pointer;
        width: 120px;
        height: 55px;
        background: #fff;
        color: #fc913a;
        border: 0;
        border-radius: 50px;
        outline: none;
        text-transform: uppercase;
        font-weight: bold;
    }

    .tble-serch .close-btn {
        position: absolute;
        top: 3px;
        right: 4px;
        cursor: pointer;
        width: 37px;
        height: 36px;
        background: #6266F5;
        border: 0;
        border-radius: 6px;
        outline: none;
        text-align: center;
        line-height: 36px;
    }

.order-checkboxs .checkmark {
    right: 0;
    top: 7px;
    height: 24px;
    width: 24px;
    background-color: transparent;
    border: 1px solid #DCDCDC;
    border-radius: 4px;
    left: unset;
}

.order-checkboxs .custom-check {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    user-select: none;
    border: 1px solid #DCDCDC;
    border-radius: 7px;
    padding-right: 46px;
    height: 38px;
    padding-left: 10px;
    line-height: 38px;
}

.order-checkboxs {
    display: flex;
    align-items: center;
    margin-right: 20px;
}

    .order-checkboxs span {
        color: #191919;
        font-size: 14px;
        margin-right: 11px;
        white-space: nowrap;
    }

.select-options .option input {
    appearance: none;
}

.select-options .checkmark {
    height: 20px;
    width: 20px;
}

.select-options .custom-check .checkmark:after {
    top: 2px;
    left: 7px;
    width: 6px;
    height: 12px;
}

.select-list .title {
    border: 1px solid #D6D6D6;
    background-color: #ECEBEB;
    border-radius: 6px;
    height: 38px;
    line-height: 38px;
    padding: 0px 8px;
    color: #191919;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
}

.select-options::-webkit-scrollbar {
    width: 5px;
}

.select-options::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

.select-options::-webkit-scrollbar-thumb {
    background: #a3a3a3;
    border-radius: 12px;
}

.select-options {
    display: none;
    background-color: #FFFFFF;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    padding: 0px 16px 35px;
    position: absolute;
    z-index: 10;
    width: 200px;
    height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.orderleft-heads {
    display: flex;
    align-items: center;
}

.orderrights-heads {
    display: flex;
    align-items: center;
}

.calendaricon {
    position: absolute;
    right: 5px;
    top: 0;
}

.date-range label {
    color: #656565;
    font-size: 14px;
    white-space: nowrap;
    margin-right: 10px;
}

.date-range {
    display: flex;
    position: relative;
    height: 38px;
    line-height: 38px;
    margin-right: 20px;
}

    .date-range input {
        font-size: 14px;
        color: #191919;
        cursor: pointer;
    }

.select-list .title i {
    margin-left: 5px;
}

.select-options .option {
    height: 28px;
}

.daterangepicker.show-calendar .drp-buttons .applyBtn {
    background: #6266F5;
    border-radius: 4px;
    border: none;
}

.daterangepicker.show-calendar .drp-buttons .cancelBtn {
    background: #656565;
    border-radius: 4px;
    border: none;
    color: #fff;
}

.actiontable-icon {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.track-order-section {
    background-color: #fff;
    box-shadow: 0 0px 10px rgb(0 0 0 / 6%);
    border-radius: 12px;
    padding: 25px 30px;
}

    .track-order-section p {
        color: #656565;
        font-size: 18px;
    }

.track-order-menu ul li {
    display: inline-block;
    margin: 0px 15px;
}

    .track-order-menu ul li:first-child {
        margin-left: 0;
    }

    .track-order-menu ul li:last-child {
        margin-right: 0;
    }

    .track-order-menu ul li a {
        color: #6266F5;
        font-size: 20px;
    }

.track-order-menu ul {
    margin-bottom: 0;
}

.modal-title {
    color: #ffffff;
    font-size: 24px;
    font-weight: 500;
}

.ordername-row {
    justify-content: space-between;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.patientrname-row {
    justify-content: space-between;
    display: flex;
    align-items: center;
}

.replay-btn button {
    background-color: #6266F5;
    border: none;
    color: #fff;
    border-radius: 6px;
    padding: 7px 17px;
    float: right;
}

.modal-header {
    background-color: #6266F5;
    padding: 10px 16px;
}

    .modal-header .btn-close {
        filter: invert(1);
        opacity: unset;
    }

.ordername-row p {
    margin-bottom: 0;
    font-weight: 600;
}

.patientrname-row p {
    margin-bottom: 0;
    font-weight: 600;
}


.msger {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    width: 100%;
    max-width: 867px;
    margin: 25px 0px;
    height: calc(100% - 50px);
}

.msg-bubble {
    max-width: 380px;
    padding: 15px;
    border-radius: 15px;
    background: #ededed;
}

.right-msg .msg-bubble {
    background: #6266F5;
    color: #fff;
    border-bottom-right-radius: 0;
}

.msger-chat {
    overflow-y: auto;
    padding: 10px;
    margin-bottom: 20px;
    height: 300px;
}

.msger-input {
    flex: 1;
    background: #fff;
}

.msger-inputarea {
    display: flex;
    padding: 10px;
    background: #eee;
}

.msger-send-btn {
    margin-left: 10px;
    color: #fff;
    background-color: #6266F5;
}

.msger-inputarea * {
    padding: 10px;
    border: none;
    border-radius: 3px;
    font-size: 1em;
}

.report-mega::-webkit-scrollbar {
    width: 6px;
}

.report-mega::-webkit-scrollbar-track {
    background: #ddd;
}

.report-mega::-webkit-scrollbar-thumb {
    background: #bdbdbd;
}

.msger-chat::-webkit-scrollbar {
    width: 6px;
}

.msger-chat::-webkit-scrollbar-track {
    background: #ddd;
}

.msger-chat::-webkit-scrollbar-thumb {
    background: #bdbdbd;
}

.msg {
    display: flex;
    align-items: flex-end;
    margin-bottom: 15px;
}

    .msg:last-of-type {
        margin: 0;
    }

.msg-img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    background: #ddd;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgb(0 0 0 / 20%);
    border: 1px solid #efefef;
}

.msg-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.msg-info-name {
    margin-right: 10px;
    font-weight: 500;
}

.msg-info-time {
    font-size: 12px;
}

.left-msg .msg-bubble {
    border-bottom-left-radius: 0;
}

.right-msg {
    flex-direction: row-reverse;
}

    .right-msg .msg-img {
        margin: 0 0 0 10px;
    }

.msg-text {
    font-size: 14px;
}

.msg-img {
    /* background-image: url(../img/admin-user.png);*/
    background-repeat: no-repeat;
    background-position: center;
}

.userbg {
    /* background-image: url(../img/user-chat.png);*/
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

#communication-unred .msger-chat {
    height: auto;
}

.paitentbil-row {
    justify-content: space-between;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding: 0px 10px;
}

    .paitentbil-row p {
        margin-bottom: 0px;
        color: #191919;
        font-size: 14px;
    }

    .paitentbil-row label {
        color: #000;
        font-size: 14px;
        font-weight: 600;
        width: 280px;
    }

.order_item {
    border-bottom: 1px solid #f1f1f1;
}

.order-details-custom table thead tr .product-total {
    text-align: right;
}

.order-details-custom table tr .product-total {
    text-align: right;
}

.order-details-custom tfoot {
    background-color: #f5f5f5;
}

    .order-details-custom tfoot tr:last-child .price-amount {
        font-weight: 600;
    }

.short-desc {
    font-style: italic;
    color: #778181;
    font-size: 13px;
    margin-bottom: 0;
}

.order-details-custom tfoot tr:last-child {
    border-top: 1px solid #c9c9c9;
}

td.product-name a {
    color: #191919;
    font-size: 14px;
}

.order-details-custom .details-title {
    margin-bottom: 10px;
}

.viewdetails-pop {
    padding: 10px 30px;
}

.details-title {
    color: #000;
    font-size: 16px;
    background-color: #F2F2FF;
    font-weight: 600;
    padding: 10px 10px;
    margin-bottom: 20px;
}

.viewdetails-pop-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.totlhilights label {
    color: #04AA6D;
    font-size: 20px;
    font-weight: 500;
}

button.download-btn {
    background-color: #6266F5;
    border: none;
    color: #fff;
    border-radius: 6px;
    padding: 8px 18px;
}

.orderagin-btns {
    background-color: #191919;
    border: none;
    color: #fff;
    border-radius: 6px;
    padding: 8px 18px;
    margin-right: 15px;
}

.order-details-custom tfoot tr td {
    text-align: right;
}

.claim-message p {
    background-color: #04AA6D;
    display: inline-block;
    padding: 5px;
    color: #fff;
}

.claim-message {
    margin-top: 20px;
    margin-bottom: 15px;
}

.thanks-received p {
    font-size: 20px;
    color: #191919;
    margin-bottom: 0;
}

.patients-details-box {
    margin-bottom: 30px;
}

.order-details-custom {
    margin-bottom: 30px;
}

.billingadress-box {
    margin-bottom: 30px;
}

table thead tr th {
    white-space: nowrap;
    vertical-align: middle;
}

/*------------------------------------Manage Accounts page css--------------------------------- */

.manage-account-section {
    background-color: #fff;
    box-shadow: 0 0px 10px rgb(0 0 0 / 6%);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 26px;
}

.manage-account-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.manage-account-note p {
    color: #191919;
    font-size: 18px;
    margin-bottom: 0;
    text-align: left;
}

.manage-account-new button {
    background-color: #6266F5;
    border: none;
    color: #fff;
    border-radius: 6px;
    padding: 10px 28px;
    font-size: 18px;
}

.smallcheck-custom input {
    appearance: none;
}

.permissions-checklist input {
    appearance: none;
}

.permissions-checklist .checkmark {
    height: 20px;
    width: 20px;
    top: 5px;
}

.permissions-checklist .custom-check {
    padding-left: 30px;
}

    .permissions-checklist .custom-check .checkmark:after {
        top: 2px;
        left: 7px;
        width: 6px;
        height: 12px;
    }

.permissions-checklist {
    display: flex;
}

    .permissions-checklist:last-child {
        margin-right: 0px;
    }

.permissions-checklist {
    margin-right: 30px;
}

.permissions-td-sec {
    display: flex;
    align-items: center;
}

.tablehead-bg thead {
    background-color: #F2F2FF;
}

.tablehead-bg .dataTables_scrollHead {
    margin-top: 10px;
}

.tablehead-bg .pagination .active > .page-link {
    background-color: #DADAFE;
    border-radius: 5px;
    color: #191919;
}

.tablehead-bg .pagination li a {
    border: none;
}

.tablehead-bg .pagination li .page-link {
    color: #8B8B8B;
}

.edit-delete-icon {
    display: flex;
}

.edit-td-icon {
    margin-right: 15px;
}

.smallcheck-custom {
    display: flex;
    margin-bottom: 5px;
    margin-right: 15px;
}

.permissionstable {
    padding: 20px 30px 0px;
}

.smallcheck-custom .custom-check {
    color: #191919;
    font-size: 15px;
}

.smallcheck-custom .checkmark {
    height: 22px;
    width: 22px;
    top: 4px;
}

.permissionstable table thead {
    background-color: #F2F2FF;
}

.smallcheck-custom .custom-check .checkmark:after {
    top: 2px;
    left: 8px;
}

.all-Permissions-list label {
    margin-bottom: 0.5rem;
}

.newaccount-modelbox {
    padding: 20px 30px 0px;
}

.modelsubmit-btn {
    background-color: #6266F5;
    border: none;
    color: #fff;
    border-radius: 6px;
    padding: 10px 28px;
    font-size: 18px;
}

.delate-icon-big img {
    width: 40px;
}

.newaccount-modelbox input[type="email" i],
.newaccount-modelbox input[type="password" i] {
    border: 1px solid #C7C7C7;
    height: 48px;
    border-radius: 6px;
    padding-left: 15px;
}

    .newaccount-modelbox input[type="email" i]::placeholder,
    .newaccount-modelbox input[type="password" i]::placeholder {
        font-size: 14px;
    }

.delete-sure h3 {
    color: #191919;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
}

.delate-icon-big {
    text-align: center;
    margin-bottom: 36px;
}

.deleteaccount-modelbox {
    padding: 20px 30px 5px;
}

.modelcancel-btn {
    background-color: #656565;
    border: none;
    color: #fff;
    border-radius: 6px;
    padding: 10px 28px;
    font-size: 18px;
}

.manage-account-new img {
    width: 13px;
}


/*------------------------------------OTP page css--------------------------------- */
#otp {
    display: flex;
    align-items: center;
    justify-content: start;
}

.validate-btn {
    width: 100%;
    height: 50px;
    background-color: black;
    border-radius: 5px;
    color: #ffffff;
    font-size: 18px;
    margin-top: 40px;
    border: none;
}

#otp .rounded:last-child {
    margin-right: 0px;
}

#otp .rounded {
    height: 50px;
    margin-right: 12px;
}

.reset-otp {
    text-align: center;
    margin-top: 50px;
}

.opt-form .otp-form-inner .reset-otp p {
    font-size: 14px;
    color: #656565;
    margin-bottom: 5px;
}

.opt-form .otp-form-inner .reset-otp a {
    font-size: 15px;
    color: #191919;
    font-weight: 600;
    text-decoration: underline;
}

.opt-form .otp-form-inner .otptime-left p {
    font-size: 16px;
}

.opt-form .otp-form-inner .otptime-left b {
    font-weight: 600;
    font-size: 16px;
}

.otptime-left {
    margin-top: 20px;
    margin-bottom: 20px;
}

li.liblock .mega-submenu {
    display: block;
}

li.liblock .report-mega {
    display: block;
}

/*------------------------------------Product page css--------------------------------- */
.legend-symbols-flx {
    align-items: center;
    display: flex;
}

.legend-symbols .select-options {
    width: 285px;
    padding: 20px 16px 10px;
    height: auto;
}

.legend-symbols .option {
    display: flex;
    align-items: center;
    margin-bottom: 3px;
}

.legend-symbols .select-options .option {
    height: auto;
}

.legend-symbols .select-options .custom-check img {
    width: 26px;
}

.legend-symbols .select-list .select-options .checkmark {
    top: 3px;
}

.legend-symbols .select-list .title i {
    margin-left: 10px;
    margin-top: -4px;
}

.legend-symbols .select-list .title {
    height: 48px;
    font-size: 15px;
    background-color: #fff;
}

.legend-symbols-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-box-section .legend-symbols-section .productslider-idnum {
    text-align: left;
    padding-top: 13px;
    padding-left: 10px;
}

.legend-symbols-toltip {
    position: relative;
    margin-right: 10px;
}

.symbols-toltip-icon span {
    margin-left: -8px;
}

.legend-tooltip {
    background-color: #ffffff;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    width: 190px;
    border-radius: 5px;
    position: absolute;
    font-size: 13px;
    padding: 10px;
    display: none;
}

    .legend-tooltip ul {
        margin-bottom: 0;
    }

.legend-symbols-toltip:hover .legend-tooltip {
    display: block;
}

.legend-symbols {
    margin-left: 20px;
}

.legend-tooltip-bottom ul li {
    display: inline-block;
    position: relative;
}

    .legend-tooltip-bottom ul li img {
        width: 30px;
    }




.categories-section-inner {
    background-color: #fff;
    box-shadow: 0 0px 10px rgb(0 0 0 / 6%);
    border-radius: 12px;
    padding: 16px 13px;
}

.showing-text-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.default-sort-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.showing-text p {
    color: #656565;
    font-size: 16px;
}

/*.showing-results p {
    color: #656565;
    font-size: 16px;
    margin-right: 72px;
}*/
.showing-results p {
    color: #656565;
    font-size: 18px;
}

.product-box-section .productslider-idnum {
    text-align: center;
    padding-top: 15px;
}

.product-price-txt {
    text-align: right;
    margin-right: 10px;
}

    .product-price-txt p {
        color: #6266F5;
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 0;
    }

.categories-column {
    width: 250px;
}

.showing-all-column {
    width: calc(100% - 250px);
}

.product-box-section .productslider-footer {
    padding: 20px 0px 2px;
}

.productslider-crd-incress {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .productslider-crd-incress .qty-container button {
        text-align: center;
    }

        .productslider-crd-incress .qty-container button img {
            display: unset;
        }

    .productslider-crd-incress .qty-container button {
        border: 1px solid #6266f5;
        margin: 0px 5px;
        border-radius: 4px;
    }

    .productslider-crd-incress .qty-container .input-qty {
        height: 40px;
        max-width: 40px;
        border: 1px solid #6266f5;
    }

    .productslider-crd-incress .addcrd-btn button {
        padding: 9px 14px;
    }

.tooltip-custom {
    background-color: #FFFFFF;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    width: 92px;
    border-radius: 5px;
    position: absolute;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    right: -27px;
    margin-top: 10px;
    display: none;
}

.addcrd-btn:hover .tooltip-custom {
    display: block;
}

.addcrd-btn {
    position: relative;
}

.tooltip-custom::before {
    content: '';
    position: absolute;
    right: 34px;
    top: -9px;
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: transparent transparent #fff;
}

.product-box-section .incress-number .wrap {
    width: 115px;
}

    .product-box-section .incress-number .wrap input[type=text] {
        width: 36px;
        border: 1px solid #6266f5;
        color: #000;
        border-radius: 4px;
        min-height: 35px;
    }

    .product-box-section .incress-number .wrap .btn-counter {
        width: 35px;
        border: 1px solid #6266f5;
        color: #000;
        border-radius: 4px;
        height: 35px;
    }

    .product-box-section .incress-number .wrap form {
        background-color: transparent;
    }

.product-box-section .productslider-name {
    padding-left: 0px;
    /* min-height: 105px;*/
}

.addcrd-btn button {
    padding: 5px 10px;
    border-radius: 5px;
    background-color: transparent;
    border: 1px solid #6266f5;
    height: 37px;
}

    .addcrd-btn button img {
        width: 20px;
    }

.product-box-section .productslider-crds {
    border-top: 1px solid #d9d9d9;
    padding-top: 16px;
}

.showing-product-details {
    background-color: #fff;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 6%);
    border-radius: 12px;
    padding: 30px 20px 30px;
}

.pagination-custom .pagination li a {
    border: none;
    color: #8B8B8B;
    font-size: 17px;
    width: 45px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .pagination-custom .pagination li a.active {
        background-color: #DADAFE;
        color: #191919;
    }

.pagination-custom {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 15px;
}

    .pagination-custom .pagination {
        margin-bottom: 0px;
    }

.list-category-menu ul.cat-sub-menulist {
    display: block;
    margin-left: 20px;
    margin-top: -9px;
}

.list-category-active span.arrow-gray-img {
    transform: rotate(270deg);
}

.list-category-active {
    background-color: #F2F2FF;
}

.categories-menus ul li .cat-sub-menulist li a {
    color: #656565;
}

.cat-sub-menulist {
    display: none;
}

span.arrow-gray-img {
    position: absolute;
    display: flex;
    align-items: center;
    right: 20px;
    top: 13px;
    z-index: 1;
}

.categories-menus ul li a {
    color: #191919;
    font-size: 16px;
    padding: 6px 20px;
    display: flex;
    margin-bottom: 9px;
    position: relative;
}

    .categories-menus ul li a img {
        width: 30px;
        margin-right: 10px;
    }

    .categories-menus ul li a .arrow-gray-img img {
        width: unset;
    }

    .categories-menus ul li a.active {
        background-color: #F2F2FF;
    }

    .categories-menus ul li a:last-child {
        margin-bottom: 0px;
    }

label.categories-lable {
    color: #656565;
    font-size: 18px;
    margin-bottom: 13px;
}

.default-sorting select {
    border: 1px solid #D6D6D6;
    border-radius: 10px;
    height: 48px;
}

.categories-section::-webkit-scrollbar {
    width: 5px;
}

.categories-section::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

.categories-section::-webkit-scrollbar-thumb {
    background: #a3a3a3;
    border-radius: 12px;
}

.categories-section {
    overflow: auto;
    position: sticky;
    top: 140px;
    height: calc(100vh - 140px);
}

.search-product .tble-serch .input {
    height: 46px;
}

.search-product .tble-serch .close-btn {
    top: 4px;
    height: 38px;
    line-height: 38px;
}

.add-product-btn a {
    background-color: #6266F5;
    border: none;
    color: #fff;
    border-radius: 8px;
    padding: 10px 16px;
}

.search-product {
    display: flex;
    align-items: center;
}

.add-product-btn a img {
    width: 14px;
}

.productdetails-name-bold p {
    font-size: 16px;
    margin-bottom: 0;
    color: #848484;
}

.productdetails-name-unbold p {
    font-size: 16px;
    margin-bottom: 0;
    color: #191919;
}

.productdetails-name-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.productdetails-name-bold {
    width: 35%;
}

.productdetails-name-unbold {
    width: 65%;
}

.incress-number .qty-container button {
    width: 37px;
    border: 1px solid #6266f5;
    color: #000;
    border-radius: 4px;
    height: 37px;
}

.incress-number .qty-container .input-qty {
    box-shadow: unset;
    margin: 0px 6px;
    height: 37px;
    border: 1px solid #6266f5;
}
/*------------------------------------Add New Product page css--------------------------------- */
.product-categories-multiselect button {
    height: 48px;
    line-height: 35px;
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    background-color: #F2F2FF;
    color: #191919;
    font-size: 16px;
}

.product-categories-multiselect .bootstrap-select > .dropdown-toggle.bs-placeholder,
.product-categories-multiselect .bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.product-categories-multiselect .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.product-categories-multiselect .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    background-color: #F2F2FF;
    color: #191919;
    border: none;
    outline: none;
    box-shadow: none;
    outline-offset: unset;
}

.actions-btn.bs-select-all {
    font-size: 15px;
}

.actions-btn.bs-deselect-all {
    font-size: 15px;
}

.bs-actionsbox button {
    background-color: #ffffff;
    color: #6266f5;
    border: 1px solid #6266f5;
    height: unset;
}

.bootstrap-select .dropdown-menu li a.dropdown-item:active {
    background-color: #6266f5;
}

.product-categories-multiselect .inner::-webkit-scrollbar {
    width: 5px;
}

.product-categories-multiselect .inner::-webkit-scrollbar-thumb {
    background: #a3a3a3;
    border-radius: 12px;
}

.product-categories-multiselect .inner::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #80808047;
    border-radius: 10px;
}






.add-new-product-section {
    background-color: #fff;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 6%);
    border-radius: 12px;
    padding: 35px 42px 30px;
}

.tbContainer {
    display: none;
}

.product-label.addinputfiledbtn {
    position: relative;
}

.addinputfiledbtn a {
    display: initial;
    color: #6266F5;
    border-radius: 4px;
    padding: 8px 18px;
    border: 1px solid #6266F5;
    position: absolute;
    top: 34px;
}

.tbContainer {
    position: relative;
    margin-bottom: 10px;
}

    .tbContainer input[type="text"] {
        width: 100%;
        padding: 15px;
    }

button.remove.hidden {
    position: absolute;
    border: none;
    background-color: transparent;
    margin-left: 10px;
    border-radius: 4px;
    color: #e6152a;
    top: 13px;
    display: block;
    right: -27px;
}

.fieldsGroup {
    margin-bottom: 30px;
}

.product-subheading p {
    font-size: 24px;
    color: #000000;
    border-bottom: 1px solid #CECECE;
    padding-bottom: 10px;
    margin-bottom: 28px;
    text-align: left;
}

.product-label label {
    color: #343434;
    font-size: 14px;
    display: initial;
}

.productadd-box input[type="text" i]::placeholder {
    font-size: 15px;
}

.visviltyhiden {
    visibility: hidden;
}

.productadd-box input[type="text" i], .productadd-box input[type="number" i], .productadd-box select {
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    height: 50px;
    background-color: #FBFBFB;
}

.productadd-box textarea {
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    background-color: #FBFBFB;
    height: 50px;
}

.categorychecklist .checkmark {
    height: 20px;
    width: 20px;
}

.categorychecklist .custom-check .checkmark:after {
    top: 3px;
    left: 7px;
    width: 5px;
    height: 12px;
}

.categorychecklist li {
    margin-bottom: 6px;
}

ul.children {
    padding-left: 20px;
}

.product-label-txt p {
    color: #343434;
    font-size: 14px;
}

.category-collapse-sec a {
    background-color: #6266F5;
    border: none;
    color: #fff;
    border-radius: 5px;
    padding: 8px 18px;
}

.newproduct-cat input[type="text" i] {
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    height: 50px;
    background-color: #FBFBFB;
}

.newproduct-cat-parent select {
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    height: 50px;
    background-color: #FBFBFB;
    width: 100%;
}

.category-add-submit {
    color: #6266F5;
    border-radius: 4px;
    padding: 10px 25px;
    border: 1px solid #6266F5;
    background-color: transparent;
}

.category-collapse-sec {
    text-align: right;
}

#nav-tabcategories {
    padding-top: 20px;
}

.product-categories-tabs .nav-tabs .nav-link.active {
    background-color: #F2F2FF;
    color: #191919;
    font-size: 18px;
    border: 1px solid #F2F2FF;
}

.product-categories-tabs .nav-tabs .nav-link {
    color: #9A9999;
    font-size: 16px;
    border: 1px solid #CFCDCD;
}

.multi-collapse.show {
    margin: 20px 0px;
}

.producttag-sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .producttag-sec input[type="text" i] {
        border: 1px solid #DEDEDE;
        border-radius: 5px;
        height: 50px;
        background-color: #FBFBFB;
    }

    .producttag-sec button {
        background-color: #6266F5;
        border: none;
        color: #fff;
        border-radius: 8px;
        padding: 8px 20px;
        margin-left: 20px;
        height: 50px;
        font-size: 18px;
    }

.product-label-select {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .product-label-select label {
        white-space: nowrap;
        margin-right: 10px;
    }

    .product-label-select select {
        border: 1px solid #DEDEDE;
        border-radius: 5px;
        height: 50px;
        background-color: #FBFBFB;
    }

.product-label-select-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.custom-textinput input[type="text" i],
.custom-textinput input[type="date" i] {
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    height: 50px;
    background-color: #FBFBFB;
}

.custom-textinput input[type="time" i] {
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    height: 50px;
    background-color: #FBFBFB;
}

.timevisviltys {
    visibility: hidden;
}

.product-subheading-child p {
    font-size: 20px;
    color: #000000;
    text-align: left;
}

.bothbtns-section {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    /*margin-top: 7rem;*/
}

.both-submitbtn {
    background-color: #6266F5;
    border: none;
    color: #fff;
    border-radius: 8px;
    padding: 8px 20px;
    height: 50px;
    font-size: 18px;
    width: 205px;
}

.both-canclebtn {
    background-color: #656565;
    border: none;
    color: #fff;
    border-radius: 8px;
    padding: 8px 20px;
    height: 50px;
    font-size: 18px;
    width: 205px;
    margin-right: 20px;
}

/*------------------------------------Product Details page css--------------------------------- */
.search-details-tbl .tble-serch {
    margin-right: 0;
}

.product-image img {
    width: 67%;
    margin: 0 auto;
}

.product-image2 {
    text-align: center;
    padding: 30px 0px;
}

.productdetails-name h4 {
    color: #191919;
    font-size: 22px;
}

.product-image {
    border: 1px solid #D8D8DB;
    border-radius: 7px;
    width: 100%;
}

.productdetails-name p {
    color: #4A4848;
    font-size: 20px;
    margin-bottom: 26px;
}

.productdetails-stock {
    border-bottom: 1px solid #D8D8D8;
    margin-bottom: 18px;
    text-align: right;
}

.stock-in {
    color: #ffffff;
    border-radius: 6px;
    font-size: 12px;
    background-color: #039808;
    width: 98px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    display: block;
}

.prodname-parpal p {
    color: #6266F5;
}

.productdetails-stock h4 {
    color: #6266F5;
    font-size: 33px;
}

.view-detail-txt p span {
    width: 7%;
    display: flex;
}

.view-detail-txt label {
    width: 93%;
    display: flex;
}

.productdetails-ids h5 {
    color: #8E8E8E;
    font-size: 22px;
    margin-bottom: 16px;
}

    .productdetails-ids h5 span {
        color: #6266F5;
    }

.productdetails-supplies {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px;
}

    .productdetails-supplies p {
        color: #8E8E8E;
        font-size: 18px;
        margin-bottom: 0;
    }

        .productdetails-supplies p span {
            color: #6266F5;
        }

.productdetails-des p {
    color: #343434;
    font-size: 16px;
    margin-bottom: 10px;
    text-align: left;
}

    .productdetails-des p span {
        color: #848484;
        font-size: 16px;
    }

.productdetails-add-card .incress-number .wrap .btn-counter {
    font-size: 17px;
    width: 35px;
    border: 1px solid #6266f5;
    color: #000;
    border-radius: 4px;
    height: 35px;
}

.productdetails-add-card .incress-number .wrap input[type=text] {
    width: 36px;
    border: 1px solid #6266f5;
    color: #000;
    border-radius: 4px;
    min-height: 35px;
}

.productdetails-add-card .incress-number .wrap form {
    background-color: transparent;
}

.productdetails-add-card .incress-number .wrap {
    width: 115px;
}

/* .productdetails-add-card button {
    background-color: #6266F5;
    border-radius: 6px;
    font-size: 18px;
    color: #FFFFFF;
    width: 320px;
    height: 46px;
    border: none;
}
.productdetails-add-card button img {
    margin-right: 5px;
} */
.productdetails-add-card {
    display: flex;
    align-items: center;
}

    /* .productdetails-add-card .incress-number .wrap input[type=text] {
    padding: 0;
    width: 45px;
    text-align: center;
    min-height: 39px;
    border: none;
} */
    /* .productdetails-add-card .incress-number .wrap .btn-counter {
    background-color: transparent;
    border: none;
    width: 40px;
    height: 46px;
    color: #fff;
    font-size: 17px;
} */
    /* .productdetails-add-card .incress-number .wrap form {
    background-color: #6266F5;
    color: #fff;
    border: none;
    border-radius: 6px;
    height: 46px;
    position: relative;
} */
    /* .productdetails-add-card .incress-number .wrap {
    width: 135px;
} */
    .productdetails-add-card .incress-number {
        margin-left: 24px;
    }

.view-details-sec a {
    color: #8E8E8E;
    font-size: 15px;
    text-decoration: underline;
}

.view-details-sec {
    text-align: right;
    margin-bottom: 25px;
}

.view-detail-txt p {
    color: #343434;
    font-size: 16px;
    margin-bottom: 12px;
    text-align: left;
    display: flex;
    align-items: center;
}

.view-detail-show {
    margin-bottom: 25px;
}

.hide-detailsbtn {
    display: none;
}

/*------------------------------------All User page css--------------------------------- */
.tdtble-checkbox {
    display: flex;
    align-items: center;
    position: relative;
}

    .tdtble-checkbox input[type="checkbox"] {
        appearance: none;
    }

    .tdtble-checkbox .checkmark {
        top: 3px;
    }

.thtble-checkbox {
    display: flex;
    align-items: center;
    position: relative;
}

    .thtble-checkbox input[type="checkbox"] {
        appearance: none;
    }

    .thtble-checkbox .checkmark {
        top: 5px;
    }

.newuser-modelbox input[type="email" i],
.newuser-modelbox input[type="number" i],
.newuser-modelbox select,
.newuser-modelbox input[type="password" i],
.newuser-modelbox input[type="text" i] {
    border: 1px solid #C7C7C7;
    height: 48px;
    border-radius: 6px;
    padding-left: 15px;
}

    .newuser-modelbox input[type="email" i]::placeholder,
    .newuser-modelbox input[type="password" i]::placeholder,
    .newuser-modelbox input[type="text" i]::placeholder {
        font-size: 14px;
    }

.all-role-select select {
    border: 1px solid #C7C7C7;
    height: 48px;
    border-radius: 6px;
    padding-left: 15px;
}

.all-role-list label {
    margin-bottom: 0.5rem;
}

.newuser-modelbox {
    padding: 20px 30px 20px;
}

.all-delete-btn {
    background-color: #e6152a;
    border: none;
    color: #fff;
    border-radius: 6px;
    padding: 10px 28px;
    font-size: 18px;
    display: flex;
    align-items: center;
    margin-right: 25px;
}

    .all-delete-btn img {
        margin-right: 8px;
    }

.all-delete-btn {
    display: none;
}

button.adduser-btns {
    background-color: #6266F5;
    border: none;
    color: #fff;
    border-radius: 6px;
    padding: 10px 28px;
    font-size: 18px;
    display: flex;
    align-items: center;
}

    button.adduser-btns img {
        width: 15px;
        margin-right: 3px;
    }

.usertwobtn-right {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 25px;
}

/*------------------------------------Patients Information page css--------------------------------- */
.addpatient-btns button {
    background-color: #6266F5;
    border: none;
    color: #fff;
    border-radius: 8px;
    padding: 7px 17px;
}

.patientrights-heads .tble-serch {
    margin-right: 0px;
}

.addpatient-btns {
    margin: 0px 15px;
}


.switcher + div.switcher {
    margin-top: 10px;
}

.switcher label {
    padding: 0;
}

    .switcher label * {
        vertical-align: middle;
    }

    .switcher label input {
        display: none;
    }

        .switcher label input + span {
            position: relative;
            display: inline-block;
            margin-right: 10px;
            width: 50px;
            height: 26px;
            background: #9E9999;
            border: 2px solid #9E9999;
            border-radius: 50px;
            transition: all 0.3s ease-in-out;
            cursor: pointer;
        }

            .switcher label input + span small {
                position: absolute;
                display: block;
                width: 50%;
                height: 100%;
                background: #fff;
                border-radius: 50%;
                transition: all 0.3s ease-in-out;
                left: 0;
            }

        .switcher label input:checked + span {
            background: #6266F5;
            border-color: #6266F5;
        }

            .switcher label input:checked + span small {
                left: 50%;
            }

.switcher-outer {
    margin: 0px 15px;
}

.dot-details {
    background-color: #F2F2FF;
    width: 37px;
    height: 37px;
    text-align: center;
    border-radius: 3px;
    line-height: 37px;
}

.patient-tables-outer table.dataTable.table-striped > tbody > tr.odd > * {
    box-shadow: unset;
}

.three-dot i {
    color: #6266F5;
}

.col-action .dropdown ul li a {
    padding: 0px 10px;
    color: #191919;
    border-bottom: none;
}

.col-action .dropdown ul {
    margin-bottom: 0;
}

    .col-action .dropdown ul li a img {
        margin-right: 10px;
        width: 22px;
        height: 22px;
        object-fit: scale-down;
    }

.col-action .dropdown {
    border: none;
}

.col-action .dropdown-menu.show {
    border: none;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    width: 170px;
}

.actiondot-sec {
    position: relative;
}

.actionall-datalist ul li a {
    color: #191919;
    font-size: 15px;
}

    .actionall-datalist ul li a img {
        margin-right: 10px;
        width: 19px;
    }

.actionall-datalist ul li {
    margin-bottom: 12px;
}

    .actionall-datalist ul li:last-child {
        margin-bottom: 0;
    }

.patient-tables-outer {
    position: relative;
    white-space: nowrap;
}

    .patient-tables-outer .dataTables_scrollBody::-webkit-scrollbar {
        height: 8px;
    }

    .patient-tables-outer .dataTables_scrollBody::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey;
        border-radius: 10px;
    }

    .patient-tables-outer .dataTables_scrollBody::-webkit-scrollbar-thumb {
        background: #a3a3a3;
        border-radius: 12px;
    }

#patient-tables_wrapper .sticky-colt {
    background-color: #fff;
}

#patient-tables_wrapper .sticky-colh {
    background-color: #f2f2ff;
}

.actiondot-sec.actionallopen .actionall-datalist {
    display: block;
}

.col-action .dropdown-toggle::after {
    display: none;
}

.col-action .dropdown button i {
    background-color: #d7d7f5;
    width: 37px;
    height: 37px;
    text-align: center;
    border-radius: 3px;
    line-height: 37px;
    color: #6266f5;
}

.col-action .dropstart .dropdown-toggle::before {
    display: none;
}

td.col-action.sticky-colt.dtfc-fixed-right {
    z-index: 9;
}

.col-action .dropdown button {
    border: none;
    outline: none;
    background-color: #fff;
    padding: 5px;
}

/*------------------------------------Add Patients page css--------------------------------- */
.add-patient-section {
    background-color: #fff;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 6%);
    border-radius: 12px;
    padding: 35px 42px 30px;
}

.patient-subheading p {
    font-size: 25px;
    color: #000000;
    border-bottom: 1px solid #CECECE;
    padding-bottom: 10px;
    margin-bottom: 28px;
    text-align: left;
}

.allinputfiled-custom input[type="text" i],
.allinputfiled-custom input[type="number" i],
.allinputfiled-custom input[type="email" i],
.allinputfiled-custom input[type="date" i],
.allinputfiled-custom select {
    height: 50px;
    border-radius: 5px;
    border: 1px solid #DEDEDE;
    background-color: #FBFBFB;
}

.allinputfiled-custom textarea {
    border-radius: 5px;
    border: 1px solid #DEDEDE;
    background-color: #FBFBFB;
}

    .allinputfiled-custom textarea::placeholder {
        color: #C5C5C5;
        font-size: 16px;
    }

.allinputfiled-custom input[type="date" i] {
    color: #C5C5C5;
    font-size: 16px;
}

.allinputfiled-custom .form-label {
    font-size: 14px;
    color: #343434;
}

.allinputfiled-custom input[type="text" i]::placeholder,
.allinputfiled-custom input[type="number" i]::placeholder,
.allinputfiled-custom input[type="email" i]::placeholder,
.allinputfiled-custom select::placeholder {
    color: #C5C5C5;
    font-size: 16px;
}

.allinputfiled-custom select {
    color: #191919;
    font-size: 16px;
}

.rdio {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin: 0 15px 0 0;
}

    .rdio input[type="radio"] {
        opacity: 0;
    }

    .rdio label {
        padding-left: 15px;
        cursor: pointer;
    }

        .rdio label:before {
            width: 18px;
            height: 18px;
            position: absolute;
            top: 1px;
            left: 0;
            content: '';
            display: inline-block;
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
            border-radius: 50px;
            border: 1px solid #DCDCDC;
            background: #fff;
        }

    .rdio input[type="radio"] {
        margin: 0px;
    }

        .rdio input[type="radio"]:disabled + label {
            color: #999;
        }

            .rdio input[type="radio"]:disabled + label:before {
                background-color: #6266F5
            }

        .rdio input[type="radio"]:checked + label::after {
            content: '';
            position: absolute;
            top: 5px;
            left: 4px;
            display: inline-block;
            font-size: 11px;
            width: 10px;
            height: 10px;
            background-color: #6266F5;
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
            border-radius: 50px;
        }

.rdio-default input[type="radio"]:checked + label:before {
    border-color: #6266F5;
}

.rdio-primary input[type="radio"]:checked + label:before {
    border-color: #6266F5;
}

.rdio-primary input[type="radio"]:checked + label::after {
    background-color: #6266F5;
}

.genderlabel {
    display: block;
    font-size: 14px;
    color: #343434;
}

.allinputfiled-custom input[type="file" i] {
    height: 50px;
    border-radius: 5px;
    border: 1px solid #DEDEDE;
    background-color: #FBFBFB;
    line-height: 38px;
}

.uploadinputs {
    display: block;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #DEDEDE;
    background-color: #FBFBFB;
    width: 100%;
}

.attachment-icon {
    position: absolute;
    right: 35px;
    top: 44px;
}

.allinputfiled-custom {
    position: relative;
}

.flag-postion {
    position: absolute;
    left: 15px;
    top: 42px;
    border-right: 1px solid #DEDEDE;
    padding-right: 10px;
}

.flag-relative input[type="number" i] {
    padding-left: 80px;
}

.flag-postion {
    color: #191919;
    font-size: 18px;
}

    .flag-postion img {
        margin-right: 4px;
    }

/*------------------------------------View Patients model pop css--------------------------------- */
.patientview-row {
    display: flex;
    justify-content: space-between;
}

.patientview-bold {
    width: 40%;
}

.patientview-unbold {
    width: 60%;
}

.patientview-bold p {
    color: #191919;
    font-size: 16px;
    font-weight: 600;
}

.patientview-unbold p {
    color: #656565;
    font-size: 16px;
}

.viewpatientsmodel-box {
    padding: 20px 30px 5px;
}

.edit-patient-form .allinputfiled-custom input[type="text" i]::placeholder,
.edit-patient-form .allinputfiled-custom input[type="number" i]::placeholder,
.edit-patient-form .allinputfiled-custom input[type="email" i]::placeholder,
.edit-patient-form .allinputfiled-custom select::placeholder {
    color: #191919;
    font-size: 16px;
}

.edit-patient-form .allinputfiled-custom textarea::placeholder {
    color: #191919;
    font-size: 16px;
}

.edit-patient-form .allinputfiled-custom input[type="date" i] {
    color: #191919;
    font-size: 16px;
}

.edit-patient-form .allinputfiled-custom select {
    color: #191919;
    font-size: 16px;
}

.patientorder-popbox table thead {
    background-color: #F2F2F2;
}

.patientorder-tbledata {
    padding: 20px 20px 0px;
}

.patientorder-popbox .dataTables_length {
    display: none;
}

.patientorder-popbox .dataTables_filter {
    display: none;
}

.patientorder-popbox .dataTables_info {
    display: none;
}

.patientorder-popbox .dataTables_paginate {
    display: none;
}

/*------------------------------------Coupon Codes page css--------------------------------- */
.coupon-codes-section {
    background-color: #fff;
    box-shadow: 0 0px 10px rgb(0 0 0 / 6%);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 26px;
}

.coupon-codes-header {
    text-align: right;
    margin-bottom: 15px;
}

.addcouponcodes-form input[type="text" i],
.addcouponcodes-form select {
    height: 50px;
    border-radius: 5px;
    border: 1px solid #DEDEDE;
}

.addcouponcodes-form textarea {
    border-radius: 5px;
    border: 1px solid #DEDEDE;
}

.addcouponcodes-form label {
    font-size: 16px;
    color: #343434;
}

.addcouponcodes-modelbox {
    padding: 20px 20px 5px;
}

.coupon-codes-table table tbody .discount-flat-rate {
    color: #0000ff;
}

.coupon-codes-table table tbody .discount-percentage {
    color: #a52a2a;
}

/*------------------------------------Inventory Management page css--------------------------------- */
.inventorymanagement-txt {
    padding: 20px 0px;
}

.inventory-filechose-sec {
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.stock-header-section {
    display: flex;
    justify-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
    margin-top: 0px;
}

.stockright-sec {
    display: flex;
    justify-items: center;
}

h4.stock-title {
    color: #191919;
    font-size: 24px;
    font-weight: normal;
}

p.stock-in-text {
    color: #198119;
    font-size: 18px;
    margin-right: 33px;
    margin-bottom: 0;
}

p.stock-out-text {
    color: #e6152a;
    font-size: 18px;
    margin-bottom: 0;
}

.inventorymanagement-txt p:last-child {
    margin-bottom: 0;
}

.inventorymanagement-txt h4 {
    color: #000000;
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 20px;
}

.inventorymanagement-txt p {
    color: #191919;
    font-size: 16px;
    margin-bottom: 8px;
    text-align: left;
}

.inventoryfile-run button {
    background-color: #6266F5;
    border: none;
    color: #fff;
    border-radius: 6px;
    padding: 8px 28px;
    font-size: 18px;
    display: flex;
    align-items: center;
}

    .inventoryfile-run button img {
        margin-right: 8px;
    }

.found-file span {
    background-color: #92db95;
    color: #000;
    padding: 3px 10px;
    border-radius: 3px;
}

.notfound-file span {
    background-color: #f96f7d;
    color: #000;
    padding: 3px 10px;
    border-radius: 3px;
}

.td-slectoption select {
    border-radius: 5px;
    border: 1px solid #DEDEDE;
    background-color: #FBFBFB;
}

.inventorymanagement-txt .fa-chevron-right {
    color: #6266f5;
    font-weight: 600;
    margin-right: 7px;
    font-size: 12px;
}

.summary-contacts h3 {
    font-size: 24px;
    font-weight: 500;
    color: #E6152A;
    margin-bottom: 28px;
}

.summary-contacts h4 {
    font-size: 24px;
    font-weight: 500;
    color: #0A7D0A;
}

.summary-contacts {
    text-align: center;
}

#summarymodel .deleteaccount-modelbox {
    padding: 40px 30px 25px;
}

/*------------------------------------Products cart page css--------------------------------- */
.viewcartleft-sidebar {
    background-color: #fff;
    box-shadow: 0 0px 10px rgb(0 0 0 / 6%);
    border-radius: 12px;
    padding: 30px 20px;
}

.viewcardright-sidebar {
    background-color: #fff;
    box-shadow: 0 0px 10px rgb(0 0 0 / 6%);
    border-radius: 12px;
    padding: 30px 20px;
    position: sticky;
    top: 140px;
}

.viewcart-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.addproductcard-right {
    display: flex;
    align-items: center;
}

.viewcart-txtcard p {
    color: #656565;
    font-size: 16px;
    margin-bottom: 0;
}

.addproductcard-right p {
    color: #191919;
    font-size: 16px;
    margin-bottom: 0;
}

.addproductcard-right button {
    background-color: #343434;
    color: #fff;
    border-radius: 5px;
    font-size: 13px;
    padding: 9px 20px;
    border: none;
    margin-left: 30px;
}

.product-nametd h4 {
    font-size: 15px;
    color: #191919;
    font-weight: 600;
    margin-bottom: 6px;
}

.product-nametd p {
    color: #4A4848;
    font-style: italic;
    font-size: 15px;
    margin-bottom: 0px;
}

.other-detailstd h4 {
    color: #8E8E8E;
    font-weight: 600;
    font-size: 15px;
    font-style: italic;
}

.other-detailstd p {
    color: #8E8E8E;
    font-size: 15px;
    margin-bottom: 0px;
}

.prices-td h4 {
    color: #6266F5;
    font-size: 18px;
    margin-bottom: 0px;
}

.sub-totaltd h4 {
    color: #6266F5;
    font-size: 18px;
    margin-bottom: 0;
}

.remove-td button {
    background-color: #FFE5E8;
    border: none;
    padding: 4px 13px;
    border-radius: 4px;
    box-shadow: 0 2px 3px rgb(0 0 0 / 16%);
}

.productid-td h4 {
    color: #8E8E8E;
    font-size: 12px;
    font-weight: 400;
}

.productid-td span {
    color: #6266F5;
    font-size: 13px;
    font-weight: 600;
}

.productid-td img {
    border: 1px solid #D8D8DB;
    border-radius: 7px;
    width: 96px;
    height: 89px;
    padding: 8px;
    background-color: white;
}

.viewcartdesign-table table thead tr th {
    color: #656565;
    font-size: 14px;
    font-weight: 600;
    border: none;
    padding-bottom: 0;
}

.viewcartdesign-table table tbody tr {
    border-bottom: 1px solid #DBDBDB;
    vertical-align: middle;
}

td.productid-td {
    padding: 20px 0px;
}

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

    .qty-container .input-qty {
        text-align: center;
        padding: 6px 0px;
        border: 1px solid #AEAEAE;
        max-width: 40px;
        border-radius: 4px;
        height: 35px;
        color: #191919;
        font-size: 18px;
        box-shadow: 0 2px 3px rgb(0 0 0 / 16%);
    }

    .qty-container .qty-btn-minus,
    .qty-container .qty-btn-plus {
        height: 38px;
        width: 38px;
        transition: 0.3s;
        background-color: transparent;
        border: none;
    }

    .qty-container .qty-btn-plus {
        margin-left: -1px;
    }

    .qty-container .qty-btn-minus {
        margin-right: -1px;
    }

.cardtotalrow-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .cardtotalrow-sec p {
        font-size: 18px;
        color: #656565;
    }

    .cardtotalrow-sec h4 {
        font-size: 18px;
        color: #191919;
    }

.cardtotalrow-sec {
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: 20px;
    margin-top: 20px;
}

.procees-checkoutbtn button {
    border: none;
    background-color: #6266F5;
    color: #fff;
    border-radius: 6px;
    font-size: 18px;
    padding: 9px 40px;
}

.procees-checkoutbtn {
    text-align: right;
    margin-top: 27px;
}

.cardtotal-heading p {
    border-bottom: 1px solid #BBBBBB;
    font-size: 20px;
    color: #656565;
    padding-bottom: 10px;
}

.updatecard-btn button {
    border: none;
    background-color: #6266F5;
    color: #fff;
    border-radius: 6px;
    font-size: 18px;
    padding: 9px 40px;
}

.updatecard-btn {
    text-align: right;
    margin-top: 46px;
}

.viewcartdesign-table .dataTables_length {
    display: none;
}

.viewcartdesign-table .dataTables_filter {
    display: none;
}

.viewcartdesign-table .dataTables_info {
    display: none;
}

.viewcartdesign-table .dataTables_paginate {
    display: none;
}

.viewcartdesign-table table.dataTable thead > tr > th.sorting:after {
    display: none;
}

.viewcartdesign-table table.dataTable thead > tr > th.sorting:before,
.viewcartdesign-table table.dataTable thead > tr > th.sorting_asc:before {
    display: none;
}

.viewcartdesign-table table tbody tr td {
    /*white-space: nowrap;*/
}

::-webkit-scrollbar {
    width: 10px;
    border: 1px solid #d5d5d5;
}

::-webkit-scrollbar-track {
    border-radius: 0;
    background: #eeeeee;
}

::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #b0b0b0;
}

.productadd-quantity-sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.addbtn-productcrd button {
    border: none;
    background-color: #6266F5;
    color: #fff;
    border-radius: 6px;
    font-size: 18px;
    padding: 9px 40px;
    margin-top: 30px;
}

.productadd-search label {
    color: #656565;
    font-size: 15px;
}

.productadd-search input[type="text" i] {
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    height: 42px;
    width: 100%;
}

    .productadd-search input[type="text" i]::placeholder {
        color: #B8B7B7;
        font-size: 15px;
    }

.productadd-quttxt {
    font-size: 16px;
    color: #656565;
    text-align: center;
}

.productadd-search {
    width: 75%;
}

.addbtn-productcrd {
    text-align: right;
}

/*------------------------------------Products Checkout page css--------------------------------- */
.patientcheckout-select select {
    border: 1px solid #ACADB7;
    border-radius: 7px;
    height: 45px;
}

.patientcheckoutselect-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.patientcheckout-label {
    width: 25%;
}

.patientcheckout-select {
    width: 74%;
}

.addpatient-orsec {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .addpatient-orsec p {
        margin-bottom: 0;
        color: #191919;
        font-size: 18px;
    }

    .addpatient-orsec button {
        background-color: #6266F5;
        color: #fff;
        border-radius: 7px;
        font-size: 15px;
        padding: 11px 20px;
        border: none;
        margin-left: 30px;
    }

.patientcheckout-section {
    padding: 30px 0px;
}

.patientcheckout-label label {
    color: #656565;
    font-size: 16px;
}

.patientcheckout-label label {
    display: inline;
}

.checkoutleft-side .accordion-button {
    background-color: transparent;
    color: #000000;
    font-size: 20px;
    border-bottom: 1px solid #DBDBDB;
    box-shadow: none;
}

    .checkoutleft-side .accordion-button:focus {
        outline: none;
        box-shadow: none;
    }

.checkoutleft-side .accordion .accordion-item {
    border: unset;
    box-shadow: none;
}

.documentcheck-text h4 {
    color: #343434;
    font-size: 20px;
    font-weight: 500;
}

.documentcheck-text p {
    color: #656565;
    font-size: 16px;
}

.documentcheck-text span {
    color: #000000;
}

.documentcheck-upload-sec {
    display: flex;
    align-items: center;
    margin: 40px 0px;
}

.or-txts p {
    margin-bottom: 0;
    color: #191919;
    font-size: 18px;
}

.or-txts {
    margin: 0px 40px;
}

.refillcheck-box .custom-check {
    color: #656565;
    font-size: 16px;
}

.document-uploadfile label {
    background-color: #6266F5;
    border-radius: 7px;
    font-size: 15px;
    text-align: center;
    color: #fff;
    padding: 11px 40px;
}

.document-uploadfile input {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.counselling-section h4 {
    color: #343434;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 30px;
}

.counselling-radio .rdio label {
    color: #656565;
    font-size: 16px;
    padding-left: 23px;
}

.counselling-radio .rdio {
    margin-bottom: 20px;
    display: block;
}

    .counselling-radio .rdio label:before {
        width: 22px;
        height: 22px;
        top: 1px;
        left: 0;
    }

    .counselling-radio .rdio input[type="radio"]:checked + label::after {
        top: 6px;
        left: 5px;
        display: inline-block;
        width: 12px;
        height: 12px;
        padding: 6px;
    }

.counselling-textarea label {
    color: #343434;
    font-size: 20px;
    margin-bottom: 15px;
}

.counselling-textarea textarea {
    border: 1px solid #BCBCBC;
}

.documentcheck-section {
    padding: 15px 0px 20px;
}

.counselling-textarea textarea::placeholder {
    color: #656565;
    font-size: 15px;
}

.shippingmethod-heading h4 {
    color: #343434;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 30px;
}

.shipping-number-sec {
    display: flex;
    align-items: center;
}

.shipping-sizebun p {
    color: #191919;
    margin-bottom: 0;
    margin-right: 15px;
}


.counselling-radio .rdio {
    margin-bottom: 20px;
}

.shippingmethod-secradio-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.shipping-numberselect select {
    border: 1px solid #C9C6C6;
    width: 60px;
    background-color: #E8E7E7;
}

.shippingmethod-secradio-row .counselling-radio .rdio {
    margin-bottom: 0;
    display: block;
}

.customord-number label {
    color: #343434;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
}

.shippingmethod-radio-row {
    margin-bottom: 30px;
}

.customord-number input[type="text" i] {
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    height: 45px;
    width: 389px;
}

    .customord-number input[type="text" i]::placeholder {
        color: #656565;
        font-size: 15px;
    }

.shippingmethod-section {
    padding: 15px 0px 20px;
}

.billingadress-header h4 {
    color: #343434;
    font-size: 20px;
    font-weight: 500;
    width: 100%;
}

.billingadress-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

    .billingadress-header select {
        height: 36px;
        border-radius: 5px;
        border: 1px solid #DEDEDE;
        width: 186px;
    }

.billingadress-forms .allinputfiled-custom input[type="text" i],
.billingadress-forms .allinputfiled-custom input[type="number" i],
.billingadress-forms .allinputfiled-custom input[type="email" i],
.billingadress-forms .allinputfiled-custom input[type="date" i],
.billingadress-forms .allinputfiled-custom select {
    height: 45px;
    border-radius: 5px;
    border: 1px solid #DEDEDE;
    background-color: #FBFBFB;
}

.billingcheckadd-or-sec {
    display: flex;
    align-items: center;
    margin: 30px 0px 30px;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 30px;
}

.addshipping-link a {
    color: #6266F5;
    font-size: 15px;
}

.billingcheck-section {
    padding: 30px 0px 20px;
}

.paymentoption-btnlist ul li {
    display: inline-block;
}

    .paymentoption-btnlist ul li a {
        border: 1px solid #656565;
        border-radius: 6px;
        padding: 10px 20px;
        width: 220px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }

.paymentoption-btnlist ul li {
    margin: 0px 33px;
}

    .paymentoption-btnlist ul li:first-child {
        margin-left: 0;
    }

    .paymentoption-btnlist ul li:last-child {
        margin-right: 0;
    }

.checkoutpayment-heading h4 {
    color: #343434;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 16px;
}

.checkoutpayment-heading p {
    color: #656565;
    font-size: 16px;
}

.paymentoption-btnlist {
    margin-top: 30px;
    border-bottom: 1px solid #DBDBDB;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.walletetails-subheading p {
    color: #191919;
    font-size: 16px;
}

.availablecredit-subheading p {
    font-size: 18px;
    color: #343434;
}

    .availablecredit-subheading p img {
        margin-right: 15px;
    }

.available-usd h3 {
    color: #343434;
    font-size: 25px;
}

.orderamout-inputs label {
    color: #343434;
    font-size: 18px;
    margin-bottom: 15px;
}

.orderamout-inputs input[type="text" i] {
    border: 1px solid #D6D6D6;
    border-radius: 8px;
    height: 45px;
}

.crditadd-inputs label {
    color: #343434;
    font-size: 18px;
    margin-bottom: 15px;
}

.crditadd-inputs input[type="text" i] {
    border: 1px solid #D6D6D6;
    border-radius: 8px;
    height: 45px;
}

.credit-dollor-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0px;
}

    .credit-dollor-list p {
        border: 1px solid #CECECE;
        border-radius: 5px;
        height: 30px;
        width: 80px;
        text-align: center;
        line-height: 30px;
        margin-bottom: 0;
    }

.addcrditbtn-blck button {
    background-color: #343434;
    color: #fff;
    border: none;
    border-radius: 6px;
    width: 110px;
    height: 35px;
    font-size: 13px;
}

.place-orderbtns button {
    background-color: #6266F5;
    color: #fff;
    border: none;
    border-radius: 6px;
    width: 210px;
    height: 45px;
    font-size: 18px;
}

.crditpersonal-texts p {
    color: #656565;
    font-size: 13px;
}

.place-orderbtns {
    text-align: right;
}

.walletouter-box {
    border: 1px solid #DBDBDB;
    border-radius: 9px;
    padding: 35px 20px;
    margin-bottom: 18px;
    margin-top: 18px;
}

.walletouter-column {
    border-right: 1px solid #DBDBDB;
    padding-right: 40px;
}

.walletouter-column2 {
    padding-left: 40px;
}

.available-usd {
    margin-bottom: 50px;
    margin-top: 24px;
}

.paymentoption-btnlist ul li a img {
    margin-right: 8px;
}

.blues-img {
    display: none;
}

.listcheckcircle .blues-img {
    display: block;
}

.listcheckcircle .blck-img {
    display: none;
}

.corner-checklist {
    position: absolute;
    right: -17px;
    top: -7px;
    display: none;
}

.listcheckcircle .corner-checklist {
    display: block;
}

.paymentoption-btnlist ul .listcheckcircle a {
    border: 1px solid #6266F5;
}

.checkoutleft-side {
    background-color: #fff;
    box-shadow: 0 0px 10px rgb(0 0 0 / 6%);
    border-radius: 12px;
    padding: 30px;
}

.steps-meta {
    text-align: right;
}

ul.steps-list {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-left: 40px;
    position: relative;
}

    ul.steps-list li.in-view {
        margin: 0.5em 0;
    }

    ul.steps-list li .label {
        border-bottom: 1px solid #DBDBDB;
        padding-bottom: 15px;
        position: relative;
    }

        ul.steps-list li .label h4 {
            display: inline;
            color: #000000;
            font-size: 20px;
            box-shadow: none;
            font-weight: 500;
        }

.action .btn {
    background-color: #6266F5;
    color: #fff;
    border-radius: 7px;
    font-size: 15px;
    padding: 8px 18px;
    border: none;
    margin-left: 30px;
}

ul.steps-list li .label .btn {
    float: right;
}

ul.steps-list li .desc {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    padding: 0;
    width: 100%;
    transition: all 0.2s ease-in;
}

/* 
ul.steps-list li .desc p {
    margin: 0;
} */

ul.steps-list li .action {
    text-align: right;
    padding-top: 1em;
}

ul.steps-list li.active .label i:before {
    content: "";
    background-image: url(../img/uparrow.icon.png);
    background-repeat: no-repeat;
}

ul.steps-list li .label i:before {
    content: "";
    display: inline-block;
    background-image: url(../img/downarrow-icon.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}

ul.steps-list li.active .desc {
    max-height: initial;
    opacity: 1;
}

ul.steps-list li.complete .label {
    color: #999999;
    cursor: pointer;
}

    ul.steps-list li.complete .label i:before {
        top: 8px;
        position: absolute;
        content: "";
        display: block;
        width: 25px;
        height: 25px;
        z-index: 9;
        right: 8px;
    }

    ul.steps-list li.complete .label i:after {
        left: -47px;
        top: 4px;
        position: absolute;
        content: "";
        display: block;
        border-radius: 50%;
        width: 17px;
        height: 17px;
        background-color: #6266f5;
        border: 2px solid #6266f5;
        z-index: 9;
    }

ul.steps-list li.in-view .label:before {
    left: -51px;
    top: 0;
    position: absolute;
    content: "";
    display: block;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    background-color: #ffffff;
    border: 2px solid #cccccc;
    z-index: 2;
}

ul.steps-list li.current .label {
    cursor: pointer;
}

.in-view:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    margin-left: -1px;
    width: 2px;
    height: 100%;
    z-index: 1;
    border: 2px dashed #cccccc;
}

.checkoutright-side {
    background-color: #fff;
    box-shadow: 0 0px 10px rgb(0 0 0 / 6%);
    border-radius: 12px;
    padding: 30px 20px;
    overflow: auto;
    position: sticky;
    top: 140px;
}

.tablenone .dataTables_filter {
    display: none;
}

.tablenone .dataTables_length {
    display: none;
}

.tablenone .dataTables_info {
    display: none;
}

.tablenone .dataTables_paginate {
    display: none;
}

.ord-summary-nametd h4 {
    color: #8E8E8E;
    font-size: 12px;
    font-weight: 500;
}

    .ord-summary-nametd h4 span {
        color: #6266F5;
        font-size: 13px;
        font-weight: 600;
    }

.ord-summary-nametd h6 {
    color: #191919;
    font-size: 13px;
    margin-bottom: 0;
}

.ord-summary-nametd p {
    color: #4A4848;
    font-style: italic;
    font-size: 13px;
    margin-bottom: 0px;
}

.order-summary-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #BBBBBB;
    padding-bottom: 20px;
}

.order-summary-title p {
    color: #656565;
    font-size: 18px;
    margin-bottom: 0;
}

.order-summary-button button {
    background-color: #343434;
    color: #fff;
    border: none;
    border-radius: 6px;
    width: 120px;
    height: 38px;
    font-size: 14px;
}

.ord-summary-imgt img {
    width: 100%;
}

.ord-summary-imgtd {
    width: 52px;
    height: 50px;
}

.closes-td button {
    background-color: transparent;
    border: none;
}

.order-summary-table table tbody tr td {
    white-space: nowrap;
}

.order-summary-table table tbody tr {
    vertical-align: middle;
}

.order-summary-table .table > :not(caption) > * > * {
    border: none;
}

.tablenone table.dataTable thead > tr > th.sorting:after {
    display: none;
}

.tablenone table.dataTable thead > tr > th.sorting:before,
.tablenone table.dataTable thead > tr > th.sorting_asc:before {
    display: none;
}

.shipping-sizebun {
    margin-right: 8px;
}

.subtotal-item-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 10px;
    padding-top: 10px;
}

.subtotal-item-name p {
    color: #656565;
    font-size: 16px;
    margin-bottom: 0;
}

.subtotal-item-price p {
    color: #191919;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
}

.subtotal-coupons input[type="text" i] {
    border-radius: 8px;
    border: 1px solid #BCBCBC;
    height: 45px;
}

    .subtotal-coupons input[type="text" i]::placeholder {
        color: #BCBCBC;
        font-size: 15px;
    }

.subtotal-coupons label {
    color: #191919;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.subtotal-item-row.subtotal-item-totlbd {
    border: none;
}

.subtotal-btm-section {
    border-top: 1px solid #BBBBBB;
    margin-top: 40px;
    padding-top: 30px;
}

.order-summary-table table thead tr th {
    color: #656565;
    font-size: 13px;
}

.carddetails-enterbox {
    border: 1px solid #DBDBDB;
    border-radius: 9px;
    margin: 0px;
    padding: 40px 45px;
    margin-bottom: 20px;
}

.custominputfeilds label {
    color: #343434;
    font-size: 14px;
    margin-bottom: 7px;
}

.custominputfeilds input[type="text" i] {
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    background-color: #FBFBFB;
    height: 45px;
}

    .custominputfeilds input[type="text" i]::placeholder {
        color: #C5C5C5;
        font-size: 16px;
    }

.custominputfeilds p {
    font-size: 12px;
    color: #807E7E;
    margin-top: 6px;
}

.transaction-securedd p {
    color: #807E7E;
    font-size: 12px;
    font-style: italic;
    margin-bottom: 0;
}

.order-table table tbody tr td {
    white-space: nowrap;
}

.product-attributes-selected {
    width: 307px;
}

    .product-attributes-selected .legend-symbols {
        margin-left: 0;
    }

/*-----------------------------------Refill Report page css--------------------------------- */
#refill-reports_wrapper .sticky-colh {
    background-color: #f2f2ff;
}

.reorder-action button {
    background-color: #039808;
    border: none;
    color: #fff;
    border-radius: 4px;
    padding: 2px 12px;
    font-size: 14px;
}

.reschedule-inputfiled input[type="date" i],
.reschedule-inputfiled input[type="text" i] {
    height: 50px;
    border-radius: 5px;
    border: 1px solid #DEDEDE;
    background-color: #FBFBFB;
}

.reschedule-inputfiled {
    padding: 20px 30px 5px;
}
/*-----------------------------------All product admin page css--------------------------------- */
.productleft-heads {
    display: flex;
    align-items: center;
}

.product-type-filter select {
    border: 1px solid #D6D6D6;
    height: 42px;
}

.stock-status-filter select {
    border: 1px solid #D6D6D6;
    height: 42px;
}

.stock-status-filter {
    margin-left: 20px;
}

#allproduct-datatable_wrapper table tbody .instock-tds {
    color: #039808;
}

#allproduct-datatable_wrapper .sticky-colh {
    background-color: #f2f2ff;
}

#allproduct-datatable_wrapper table tbody .outstock-tds {
    color: #E6152A;
}

/*-----------------------------------404 page css--------------------------------- */
.fourzero-section {
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100vh;
    padding: 0px 30px;
    background: #ddd;
    background-image: linear-gradient(rgb(98 102 245 / 41%), rgb(98 102 245 / 34%)), url(../img/banner-fourzerofour.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.wrapper {
    max-width: 1060px;
    width: 100%;
    margin: 30px auto;
}

.fourzerofour-box {
    max-width: 1060px;
    margin: 0;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 6%);
    background: #fafafa;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 100px 0px;
}

    .fourzerofour-box button {
        background-color: #6266F5;
        border: none;
        color: #fff;
        border-radius: 6px;
        padding: 10px 20px;
        font-size: 18px;
    }

.fourzerofour {
    margin-bottom: 35px;
    text-align: center;
}

    .fourzerofour img {
        width: 60%;
    }

.fourzerofour-box p {
    font-size: 20px;
    margin-bottom: 30px;
}

.fourzerofour-font h1 {
    font-size: 200px;
    letter-spacing: 10px;
    color: #6266f5;
    font-weight: 900;
    font-family: none;
}
/*-----------------------------------404 page css--------------------------------- */
.notifications-wrapper-section {
    background-color: #fff;
    box-shadow: 0 0px 10px rgb(0 0 0 / 6%);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 26px;
}

.allnotificationtabs .nav-link {
    color: #9A9999;
    font-size: 18px;
    border: 1px solid #CFCDCD;
    border-radius: 5px;
}

    .allnotificationtabs .nav-link.active {
        background-color: #F2F2FF;
        color: #191919;
        font-size: 18px;
        border: 1px solid #F2F2FF;
    }

.notificationmain-sec .notification-textmid {
    margin-left: 20px;
}

    .notificationmain-sec .notification-textmid p {
        font-size: 16px;
        color: #656565;
        margin-bottom: 0;
        text-align: left;
    }

.notificationmain-sec .clockbold {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}

.notificationmain-sec .notification-namebg h3 {
    background-color: #E6C315;
    border-radius: 50px;
    height: 50px;
    width: 50px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    line-height: 50px;
    color: #fff;
    letter-spacing: 1px;
}

.notificationmain-sec {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e2e2e2;
    padding: 20px 0px;
}

.allnotification-datetime {
    display: flex;
    align-items: center;
}

.notificationmain-sec .allnotification-row {
    padding: 0;
    display: flex;
    width: 90%;
}

.notificationmain-sec .bluebg h3 {
    background-color: #1592E6;
}

.notificationmain-sec .redbg h3 {
    background-color: #E6152A;
}

.notificationmain-sec .greenbg h3 {
    background-color: #13CE7D;
}

.notifications-wrapper .nav-tabs .nav-link {
    color: #9A9999;
    font-size: 18px;
    border: 1px solid #CFCDCD;
}

    .notifications-wrapper .nav-tabs .nav-link.active {
        background-color: #F2F2FF;
        color: #191919;
        font-size: 18px;
        border: 1px solid #F2F2FF;
    }

/*-----------------------------------Credo Cube Return page css--------------------------------- */

#credocube-datatable_wrapper .sticky-colh {
    background-color: #f2f2ff;
}

#credocube-datatable .cooler-returnyestd {
    color: #039808;
}

#credocube-datatable .patient-awaytd {
    color: #ff0000;
}

.credocube-datatableouter .similartable .dataTables_length {
    display: unset;
}

.credocube-datatableouter .similartable .dataTables_filter {
    display: unset;
}

.credocube-datatableouter .dataTables_scrollBody::-webkit-scrollbar {
    height: 8px;
}

.credocube-datatableouter .dataTables_scrollBody::-webkit-scrollbar-thumb {
    background: #a3a3a3;
    border-radius: 12px;
}

.credocube-datatableouter .dataTables_scrollBody::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}
/*-----------------------------------Make Payment page css--------------------------------- */
.makepayemntrights-heads {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 40px;
}

/*-----------------------------------help center page css--------------------------------- */
.single-help-section {
    border: 1px solid #c9c9c9;
    border-radius: 5px;
    padding: 15px;
}

    .single-help-section p {
        font-size: 22px;
        color: #191919;
        text-align: center;
    }

.single-help-docs {
    border: 1px solid #c9c9c9;
    border-radius: 5px;
    padding: 15px;
}

.main-section-doc {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin: 0 0 10px 0;
}

    .main-section-doc p {
        font-size: 22px;
        color: #191919;
        text-align: center;
    }

    .main-section-doc img.doc-help-download {
        display: block;
        height: 35px;
    }

.help_doc {
    height: 200px;
    width: auto;
    margin: auto;
    transform: scale(.8);
    transition: all 0.5s;
}

img.help_doc:hover {
    position: relative;
    transform: scale(2.5);
    z-index: 9;
    cursor: pointer;
}

.help_doc-img {
    text-align: center;
}

.help-videos-section.docs:hover > .single-help-docs:not(:hover) {
    filter: blur(4px);
}

.single-help-section video {
    width: 100%;
}

.video-js {
    font-size: 10px;
    color: #fff;
}

.vjs-default-skin .vjs-big-play-button {
    font-size: 3em;
    line-height: 2em;
    height: 2em;
    width: 2em;
    border: 0.06666em solid #6266f5;
    ;
    border-radius: 1em;
    left: 50%;
    top: 50%;
    margin-left: -1em;
    margin-top: -1em;
}

.video-js .vjs-control-bar, .video-js .vjs-big-play-button, .video-js .vjs-menu-button .vjs-menu-content {
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-slider {
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-volume-level, .video-js .vjs-play-progress, .video-js .vjs-slider-bar {
    background: #6266f5;
}

.video-js .vjs-load-progress {
    background: #bfc7d3;
    background: rgba(115, 133, 159, 0.5);
}

    .video-js .vjs-load-progress div {
        background: white;
        background: rgba(115, 133, 159, 0.75);
    }

.video-js .vjs-control-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.vedioserch-bar {
    display: flex;
    justify-content: flex-end;
}

    .vedioserch-bar .tble-serch {
        margin-right: 0;
    }

.custom-pagination ul {
    display: flex;
    justify-content: end;
}

.custom-pagination nav ul .active > .page-link {
    background-color: #6266f5;
    border: 1px solid #6266f5;
}

/*----------------------------------prescription request page css--------------------------------- */
.prescription-outerbox {
    width: 74%;
    height: 100vh;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.prescription-inner {
    width: 100%;
    box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
    border-radius: 15px;
    padding: 25px 54px;
}

.presciption-btn-section {
    display: flex;
    justify-content: end;
    margin-top: 20px;
    padding-right: 0;
}

.prescription-order-heading p {
    color: #191919;
    font-size: 16px;
}

.presciption-btn-section .both-submitbtn {
    width: 160px;
}

.prescription-order-heading h3 {
    color: #191919;
    font-size: 28px;
}

.physician-complete-text h4 {
    color: #191919;
    font-size: 16px;
    margin-bottom: 0;
    padding-left: 50px;
}

.physician-complete-text {
    border: 4px solid #191919;
    padding: 8px;
    position: relative;
}

.prescription-inputs input[type="text" i], .prescription-inputs input[type="number" i], .prescription-inputs input[type="date" i] {
    height: 40px;
    border-radius: 3px;
    border: 1px solid #DEDEDE;
    background-color: #FBFBFB;
}

.prescription-hed-sec {
    margin-bottom: 4px;
}

.prescription-logo {
    margin-top: 7px;
}

.rx-logo img {
    width: 70%;
}

.rx-texts p {
    color: #191919;
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 0;
}

.dispense-sec .genderlabel {
    display: inline;
    font-size: unset;
    margin-bottom: 0;
}

.dispense-sec .radiobuttons {
    display: flex;
    align-items: center;
}

.dispense-sec .radio-inline {
    margin-left: 20px;
}

.radiobuttons .genderlabel {
    font-size: 16px;
    display: inline-block;
    margin-bottom: 0;
    margin-right: 19px;
}

.prescription-trangle {
    position: absolute;
    top: -1px;
    background-color: #000;
    width: 39px;
    height: 39px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 39px;
    left: -1px;
    color: #fff;
}

.percial-order-radio {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #BBBBBB;
    padding-bottom: 10px;
}

.prescriptionmain-row {
    margin: 20px 0px;
}

.prescription-row {
    padding: 0;
    padding-right: 20px;
    border-right: 2px dashed #a3a3a3;
}

.prescription-row-right {
    padding: 0;
    padding-left: 20px;
}

/*----------------------------------new Order History page css--------------------------------- */
.undelivered-td {
    background-color: #ff7482;
    color: #000;
    padding: 3px 10px;
    border-radius: 3px;
}
/*----------------------------------Report page css--------------------------------- */
.report-builder-check .smallcheck-custom {
    margin-right: 0;
}

.report-builder-heading h3 {
    color: #191919;
    font-size: 20px;
    font-weight: normal;
}

.column-rows-equal {
    border: 1px solid #d9d9d9;
    padding: 20px;
    border-radius: 5px;
    background-color: #f7f7f7;
    position: relative;
}

.arrow-builder-icon button {
    background-color: #6266f5;
    padding: 10px;
    text-align: center;
    border-radius: 6px;
    border: none;
}

.arrow-builder-icon img {
    width: 36%;
}

.report-builder {
    position: relative;
}

.arrow-builder-section {
    width: 100%;
    max-width: 106px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.report-heading-sec {
    margin-bottom: 20px;
}

.reportdate-range {
    width: 27%;
    margin-bottom: 30px;
}

.report-builder-check .smallcheck-custom .custom-check {
    background-color: #e3e3e3;
    margin-bottom: 10px;
    border-radius: 5px;
    display: flex;
    padding: 9px 40px;
    width: 100%;
}

.report-builder-check .checkmark {
    top: 8px;
    left: 9px;
    border: 1px solid #959595;
}

.selectclass-right {
    display: none;
}

.generate-btns button {
    background-color: #6266f5;
    color: #fff;
    border-radius: 5px;
    padding: 6px 12px;
    border: none;
    font-size: 15px;
}

.generate-btns-heder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.generate-hedpart {
    display: flex;
    justify-content: end;
    margin-bottom: 20px;
}

.generate-btns button img {
    width: 75%;
}

.dataTables_length label {
    text-transform: capitalize;
}
/*----------------------------------order admin page css--------------------------------- */

.viewadress-details-head h3 {
    font-size: 22px;
    color: #000000;
    font-weight: 500;
    border-bottom: 1px solid #CECECE;
    padding-bottom: 8px;
    margin-bottom: 20px;
    text-align: left;
}

.label-hide {
    visibility: hidden;
}

.orderadmin-form .allinputfiled-custom input[type="number" i] {
    padding: 0px 0px 0px 8px;
}

.orderadmintable-edits table tr td a {
    color: #6266f5;
    text-decoration: underline;
}

.tdorder-input-bx input[type="number"] {
    height: 40px;
    border-radius: 5px;
    border: 1px solid #DEDEDE;
    background-color: #FBFBFB;
    width: 88px;
    padding-left: 2px;
}

.orderadmintable-refill-details input[type="number"], .orderadmintable-refill-details input[type="text"] {
    height: 40px;
    border-radius: 5px;
    border: 1px solid #DEDEDE;
    background-color: #FBFBFB;
    padding-left: 10px;
    margin-right: 15px;
}

.orderadmintable-sku-edit input[type="number"] {
    height: 40px;
    border-radius: 5px;
    border: 1px solid #DEDEDE;
    background-color: #FBFBFB;
    padding-left: 10px;
}

.orderadmintable-refill-details {
    margin: 20px 0px 15px;
}

    .orderadmintable-refill-details span {
        margin-right: 10px;
    }

.orderadmintable-sku-edit strong {
    margin-right: 10px;
    font-weight: 500;
}

#order-admintable_wrapper .sticky-colh {
    background-color: #f2f2ff;
}

#order-admintable_wrapper .sticky-colt {
    background-color: #fff;
}

/*----------------------------------Communications page css--------------------------------- */
.communication-outerbox .msger-chat {
    overflow-y: auto;
    padding: 10px;
    margin-bottom: 20px;
    height: calc(100vh - 310px);
}

.communication-outerbox .msger {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
    margin: 0;
    height: unset;
}

.communication-outerbox .msg-bubble {
    max-width: 500px;
    width: 100%;
}

.communication-outerbox .msg-info-name {
    font-size: 19px;
}

.communication-outerbox .msg-info-time {
    font-size: 14px;
}

.communication-outerbox .msg-text {
    font-size: 15px;
}

.communication-outerbox .msger-send-btn {
    width: 130px;
}

.showing-all-products .tble-serch {
    margin-right: 0;
}

.showing-product-details {
    overflow: auto;
    position: sticky;
    top: 140px;
    height: calc(100vh - 140px);
}

    .showing-product-details::-webkit-scrollbar {
        width: 5px;
    }

    .showing-product-details::-webkit-scrollbar-thumb {
        background: #6266f5;
        border-radius: 12px;
    }

    .showing-product-details::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #6266f5;
        border-radius: 10px;
    }

.stocks-out {
    color: #ffffff;
    border-radius: 6px;
    font-size: 12px;
    background-color: #FF0000;
    width: 98px;
    height: 30px;
    line-height: 29px;
    text-align: center;
    display: block;
    margin-left: 150px;
    margin-top: -35px;
}

.Discontinued {
    color: #ffff66;
    border-radius: 6px;
    font-size: 12px;
    background-color: #ffd588;
    width: 98px;
    height: 30px;
    line-height: 29px;
    text-align: center;
    display: block;
    margin-left: 150px;
    margin-top: -35px;
}


/*22-05-2023 Css Here*/
.msger-inputarea label {
    font-size: 18px;
    color: #3f3f3f;
}

.customChatInputArea .msgInput_leftBox {
    width: 100%;
    padding: 0px;
}

    .customChatInputArea .msgInput_leftBox input {
        width: 100%;
    }


.file_itemsec {
    padding: 0px;
}

    .file_itemsec .fileItem_box {
        display: flex;
        border: 1px solid #d4d4d4;
        padding: 7px;
        justify-content: space-between;
        align-items: center;
        background-color: #fff;
    }

        .file_itemsec .fileItem_box .fileDetailLeft_Box {
            padding: 0px;
        }

            .file_itemsec .fileItem_box .fileDetailLeft_Box .fileDetail {
                display: flex;
                padding: 0;
                align-items: center;
                gap: 10px;
            }

                .file_itemsec .fileItem_box .fileDetailLeft_Box .fileDetail img {
                    width: 30px;
                    padding: 0px;
                }

                .file_itemsec .fileItem_box .fileDetailLeft_Box .fileDetail h3 {
                    font-size: 16px;
                    font-weight: 400;
                    padding: 0px;
                    margin: 0;
                    color: #212529;
                }

        .file_itemsec .fileItem_box button {
            padding: 0;
            width: 30px;
            height: 30px;
            background: #911515;
            color: #fff;
            font-size: 14px;
            margin-left: 10px;
        }

            .file_itemsec .fileItem_box button i {
                padding: 0;
            }


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

    .qty-container .input-qtys {
        text-align: center;
        padding: 6px 0px;
        border: 1px solid #AEAEAE;
        max-width: 40px;
        border-radius: 4px;
        height: 35px;
        color: #191919;
        font-size: 18px;
        box-shadow: 0 2px 3px rgb(0 0 0 / 16%);
    }

/*.CstmIconRotate.accordion-button:not(.collapsed)::after {
    transform: rotate(180deg)
    !important;
    transition: 0.5s;
}
.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: rotate(0deg);
}*/




/*27-10-2023 Css Here*/
/*.CstmIconRotate.accordion-button:not(.collapsed)::after {
    transform: rotate(0deg) !important;
}

.accordion-button:not(.collapsed)::after {
    transform: rotate(180deg);
}*/

.accordion-button:not(.collapsed)::after {
    transform: rotate(180deg);
}

.CstmIconRotate:not(.collapsed)::after {
    transform: rotate(0deg);
}




/***********edit section ********/


.paitnet-show {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .paitnet-show p {
        font-size: 18px;
        font-weight: 600;
    }

    .paitnet-show button {
        border: none;
        background: none;
    }

#recent-shipments tr td {
    line-height: 15px;
    white-space: nowrap;
    padding: 13px;
}


.edit-h1 {
    font-size: 30px;
    margin-top: 13px;
}

.sig-clearBtn {
    width: 161px;
    height: 40px;
    /*    margin: 10px 0px 0px 0px;
    background: #EEE;*/
}

.sig-submitBtn {
    margin: 10px;
}

.sig-nextclearBtn {
    width: 161px;
    height: 40px;
    /*    margin: 10px;
    background: #EEE;*/
}

.sig-submitBtnnext {
    margin: 10px;
}

.btn-show button {
    margin-right: 24px;
    background-color: #6266F5;
    padding: 5px 8px;
    color: #fff;
    border-radius: 8px;
    margin-bottom: 5px;
}
/*Responsive-code*/
@media screen and (max-width: 425px) {
    .select-historydropdown {
        width: 100%;
        margin-bottom: 10px;
    }

    .container-custom {
        padding: 30px 10px;
    }
    /* .showing-product-details {
        width: 240px    ;
        padding: 10px;
    }*/

    /*  .productslider-inner{
        width:222px;
        padding:8px 8px;
    }

    .stocks-out {
        margin-left:90px;
    }

    .custm-withs{
        padding:0px !important;
    }
*/
    .showing-all-column {
        width: 100%;
    }

    .tble-serch .input {
        width: 100%;
    }

    .legend-symbols {
        margin-left: 0;
    }

    .menu-bruger .transparent-btn.rotated {
        top: 0px;
    }

    #refill-reports .col-action .dropdown ul li a {
        cursor: pointer;
    }
}



/*button.multiplerefill {
    position: absolute;
    right: 8%;
    top: 13%;
}*/





/*17-11-2023 Css Here*/
.sidebar-body-menu li ul {
    display: none;
}

.sidebar {
    width: 345px;
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100vh;
    z-index: 99;
    overflow-y: auto;
}

.page-flex .main-wrapper {
    margin-left: auto;
    width: calc(100% - 345px);
}


ul.sidebar-body-menu li ul {
    padding: 5px 0px;
    background-color: #0e0e0e;
    border-radius: 10px;
    margin: 15px 15px 0px 10px;
    padding-left: 35px;
}

ul.sidebar-body-menu li > a .icon.arrow-down {
    transform: rotate(-90deg);
}

ul.sidebar-body-menu li > a.ActiveNav {
    background-color: #F6F6F6;
    border-radius: 15px 0px 0px 15px;
    color: #000000;
}

    ul.sidebar-body-menu li > a.ActiveNav .normal-icon {
        display: none;
    }

    ul.sidebar-body-menu li > a.ActiveNav .hover-icon {
        display: block;
    }

    ul.sidebar-body-menu li > a.ActiveNav .icon.arrow-down {
        filter: invert(1);
        transform: rotate(0deg);
    }


    ul.sidebar-body-menu li > a.ActiveNav:before {
        position: absolute;
        content: '';
        bottom: -50px;
        right: 0;
        width: 50px;
        height: 50px;
        border-radius: 50px;
        box-shadow: 35px -35px 0 10px #f6f6f6;
        background: transparent;
    }

    ul.sidebar-body-menu li > a.ActiveNav:after {
        position: absolute;
        content: '';
        top: -50px;
        right: 0;
        width: 50px;
        height: 50px;
        border-radius: 50px;
        box-shadow: 35px 35px 0 10px #f6f6f6;
        background: transparent;
    }

ul.sidebar-body-menu li ul li {
    list-style: disc;
}

    ul.sidebar-body-menu li ul li:hover::marker, ul.sidebar-body-menu li ul li.ActiveNav::marker {
        color: #6266f5;
    }

    ul.sidebar-body-menu li ul li a {
        padding: 0px 0px;
    }

        ul.sidebar-body-menu li ul li a:hover {
            background-color: transparent !important;
            color: #6266f5 !important;
        }

        ul.sidebar-body-menu li ul li a.ActiveNav {
            background-color: transparent;
            color: #6266f5;
            border-radius: 0px;
        }

            ul.sidebar-body-menu li ul li a.ActiveNav:before, ul.sidebar-body-menu li ul li a.ActiveNav:after, ul.sidebar-body-menu li ul li a:hover:before, ul.sidebar-body-menu li ul li a:hover:after {
                content: '';
                display: none;
            }





/*Accordion Css Here*/
#accordionPanelsStayOpenExample .accordion-button:not(.collapsed) {
    background-color: #fff;
}

    #accordionPanelsStayOpenExample .accordion-button:not(.collapsed)::after {
        transform: rotate(0deg);
    }

#accordionPanelsStayOpenExample .CstmIconRotate:not(.collapsed)::after {
    transform: rotate(180deg);
}

#accordionPanelsStayOpenExample .CstmIconRotate:not(.collapsed) {
    background-color: #e7f1ff;
}

    #accordionPanelsStayOpenExample .CstmIconRotate:not(.collapsed) .cstmInputBox {
        display: none;
    }

#accordionPanelsStayOpenExample .accordion-button .patient-subheading {
    width: 95%;
}

    #accordionPanelsStayOpenExample .accordion-button .patient-subheading > p {
        border: none;
    }

    #accordionPanelsStayOpenExample .accordion-button .patient-subheading > .cstmInputBox {
        margin-top: 5px;
    }



/*Table Action Button Css Here*/
.col-action .dropdown-menu.show {
    padding: 0px;
    overflow: hidden;
}

.col-action .dropdown ul li a:hover {
    background: #ddd;
}

.phone {
    color: #fff;
    display: flex;
    gap: 9px;
    margin: 11px 0;
}

/*----09-05-2024----*/
.cstm-span-parent {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cstm-genric {
    padding: 0px 20px;
    border: 0;
    margin-right: 10px;
    background: transparent;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
}

.cstmSpan {
    font-weight: 600;
    margin-left: 10px;
}

.cstm-parent-genric {
    display: flex;
    justify-content: space-between;
}

.productslider-inner.seeblue-borderText {
    border: 3px solid #99318b;
}

.productslider-inner.blue-boredText {
    border: 3px solid #6266f4;
}

.productslider-inner.red-borderText {
    border: 3px solid red;
}

.productslider-inner.green-borderText {
    border: 3px solid green;
}

.productslider-inner.blue-boredText .cstmSpan {
    color: #7a50e3;
}

.productslider-inner.seeblue-borderText .cstmSpan {
    color: #7a50e3;
}

.productslider-inner.red-borderText .cstmSpan {
    color: red;
}

.productslider-inner.green-borderText .cstmSpan {
    color: green;
}

.stock-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.stocks-Out {
    color: #ffffff;
    border-radius: 6px;
    font-size: 12px;
    background-color: green;
    width: 98px;
    height: 30px;
    line-height: 29px;
    text-align: center;
    display: block;
    margin-left: auto;
}

.productslider-name p {
    font-size: 15px;
    color: #4A4848;
    font-weight: 500;
}

.cstm-label {
    font-size: 16px;
    font-weight: 600;
}

.cstm-span {
    margin-left: 5px;
    font-weight: 600;
    color: #000000;
}



/*For Patient profile Phone number*/
.flag-postion {
    position: absolute;
    left: 15px;
    top: 42px;
    border-right: 1px solid #DEDEDE;
    padding-right: 10px;
}

#patientNumber {
    padding-left: 80px;
}

/*to make the cart details scrollable*/
/*.mycardbody-inner {
    overflow-y: scroll;
    height:500px;
}
    .mycardbody-inner ::-webkit-scrollbar {
        width: 5px;
    }*/



.model-pop-edit-content {
    margin: 7px 14px 0 14px;
}

.signrow {
    margin-bottom: 13px;
}

div#imagecontainer {
    margin-top: 8px;
}


/*************singautre */


/* Tool tip Design BEGIN*/
.orderticket_type {
    position: relative;
    display: inline-block;
}

    .orderticket_type .tooltiptext {
        visibility: hidden;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        bottom: 100%;
        left: 50%;
        margin-left: -60px;
        text-wrap: nowrap;
    }

    .orderticket_type:hover .tooltiptext {
        visibility: visible;
    }


.ticket_type {
    position: relative;
    display: inline-block;
}

    .ticket_type .tooltiptext {
        visibility: hidden;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        bottom: 100%;
        left: 50%;
        margin-left: -60px;
        text-wrap: nowrap;
    }

    .ticket_type:hover .tooltiptext {
        visibility: visible;
    }


.editorderticket_type {
    position: relative;
    display: inline-block;
}

    .editorderticket_type .tooltiptext {
        visibility: hidden;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        bottom: 100%;
        left: 50%;
        margin-left: -60px;
        text-wrap: nowrap;
    }

    .editorderticket_type:hover .tooltiptext {
        visibility: visible;
    }
/* Tool tip Design END*/

/*OrderNumber color begin*/
.Linkblue a {
    color: blue;
}
/*OrderNumber color end*/

/* Loader CSS BEGIN*/
#loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    /*background: url('../img/amalie-steiness.gif')50% 50% no-repeat rgb(249,249,249);*/
    background: url('../img/AppLoader.gif')50% 50% no-repeat rgb(249,249,249);
    z-index: 9999;
}
/*#loader {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    width: 100px;
    height: 100px;
    border: 5px solid #6266F5;
    border-top: 5px solid #fff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    background: url('../img/Spinner.gif')50% 50% no-repeat;
    z-index: 99999;
}*/

@keyframes spin {
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}



/*Loader CSS END*/


/*BEGIN Patient Profile File Download link*/
#patientProof {
    color: blue;
}
/*END*/
input#policy-effective-date {
    width: 220px;
}

th.col-action.sticky-colh.sorting.dtfc-fixed-right {
    background: #f2f2ff;
}


/*BEGIN replaceorder File Download link*/
#replacedOrderDocumentLink:hover {
    color: blue;
}
/*END*/

/*---26-06-2024----*/
.cstm-bg-head {
    background-color: #f2f2ff !important;
}


/*BEGIN Patient Profile File Download link*/
#patientProof:hover {
    color: blue;
}
/*END*/
input#policy-effective-date {
    width: 220px;
}

th.col-action.sticky-colh.sorting.dtfc-fixed-right {
    background: #f2f2ff;
}


/*BEGIN replaceorder File Download link*/
#replacedOrderDocumentLink:hover {
    color: blue;
}
/*END*/

/*Catalogue dropdown design for productattribute and sales channel begin*/
.forbackgroundcolor {
    border: 1px solid #D6D6D6;
    border-radius: 10px;
    height: 48px;
}

.ddlproductattributes {
    border: 1px solid #D6D6D6;
    border-radius: 10px;
}
/*Catalogue dropdown design for productattribute and sales channel begin*/

/*file-remove-span hover BEGIN */
.file-remove-span {
    cursor: pointer;
}
/*file-remove-span hover END*/


/*replace file submit design begin*/
.file-preview .file-remove {
    cursor: pointer;
    color: red;
    float: right;
    font-size: 31px;
    margin-left: 0px;
    margin-right: 4px;
}

.file-preview .file-view {
    cursor: pointer;
    color: #007bff;
    float: right;
    font-size: 24px;
    padding-right: 6px;
}

.file-preview {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

#previewContainer {
    overflow-y: scroll;
    max-height: 200px;
}

.file-preview img {
    max-width: 100%;
    max-height: 200px;
    display: none;
}

.file-preview p {
    margin: 0;
}
/*replace file submit design end*/



/*character counter validation begin*/
.fade-out {
    position: absolute;
    color: #6266F5;
    right: 0;
    position: absolute;
    transition: opacity 1.5s ease;
}

.refill-section-Counter {
    position: relative
}

.fade-out-hidden {
    opacity: 0; /* Hide the element by setting opacity to 0 */
}
/*character counter validation end*/


/*ZIP code CAPS BEGIN*/
.zipCodeCapsCart {
    text-transform: uppercase
}
/*ZIP code CAPS END*/

/*Email Change on Patient profile Update begin*/
.scaled-alert {
    transform: scale(1); 
    box-shadow: 0 0 10px rgba(255, 0, 0, 0.5); 
    border-radius:20px;
}
    .scaled-alert:hover {
        transform: scale(1.2); 
        box-shadow: 0 0 20px rgba(255, 0, 0, 0.7); 
    }
    .scaled-alert .swal-button {
        background-color: #6266F5; /* change the background color of the button */
        border-color: #6266F5; /* change the border color of the button */
        color: #FFFFFF; /* change the text color of the button */
    }
        .scaled-alert .swal-button:hover {
            background-color: #6266F5; /* change the background color of the button */
            border-color: #6266F5; /* change the border color of the button */
            color: #FFFFFF; /* change the text color of the button */
        }
/*Email Change on Patient profile Update end*/
table.table.table-striped.mt-0.dataTable.no-footer th {
    background: rgb(242 242 255);
}
th.sorting.dtfc-fixed-right {
    background: #f2f2ff !important;
}
#PatientAccouncement-datatable th {
    background: #f2f2ff !important;
}




#OrderDocuments {
    color: #6266f5;
    cursor: pointer;
}
/*Order View Document Color end*/
.custom_OrderDocument {
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    height: 400px;
    padding: 10px;
}

    .custom_OrderDocument a {
        border: 1px solid #cecece;
        padding: 10px;
        border-radius: 4px;
    }

    .custom_OrderDocument a {
        color: blue;
    }

.customOrderDocument .modal-header {
    padding: 4px 20px;
}

    .customOrderDocument .modal-header span {
        font-size: 33px;
        display: inline-block;
        color: white;
    }

.custom_OrderDocument::-webkit-scrollbar {
    width: 5px;
}

.custom_OrderDocument::-webkit-scrollbar-thumb {
    background: #00000030;
}


/*09/06/2024 css start here */
.document-uploadfile {
    width: 100%;
}

.documentcheck-upload-sec {
    width: 100%;
}

div#previewContainer {
    width: 100%;
    display: flex;
    gap: 30px;
}
    div#previewContainer .file-preview {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        border: 1px solid #cecece;
        padding: 5px 20px;
        border-radius: 4px;
        color: blue;
    }
.file-preview p {
    margin-right: 5px;
}
/*09/06/2024 css end here */


/*Search Products on cartChecout begin*/
.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
    height: 200px;
    overflow-y: scroll;
}

    .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
    }

        .autocomplete-items div:hover {
            /*when hovering an item:*/
            background-color: #e9e9e9;
        }

.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
}



.SearchProductOnCartCheckOutClass {
    background-color: #f1f1f1;
    width: 100%;
    border: 1px solid transparent;
    background-color: #f1f1f1;
    padding: 10px;
    font-size: 16px;

}

/*Search Products on cartChecout end*/




.cstm-cancel-inner-btn {
    position: absolute;
    right: 5px;
    top: 3px;
    width: 35px;
    height: 35px;
    border-radius: 4px;
    border: 0px;
}



.received-td {
    background-color: yellow;
    color: #000;
    padding: 3px 10px;
    border-radius: 3px;
}

.entered-td {
    background-color: #92db95;
    color: #000;
    padding: 3px 10px;
    border-radius: 3px;
}

.proccessing-td {
    background-color: cornflowerblue;
    color: #000;
    padding: 3px 10px;
    border-radius: 3px;
}

.shipped-td {
    background-color: purple;
    color: aliceblue;
    padding: 3px 10px;
    border-radius: 3px;
}

.invoiced-td {
    background-color: #ccccff;
    color: #000;
    padding: 3px 10px;
    border-radius: 3px;
}

.complate-td {
    background-color: #dfff80;
    color: #000;
    padding: 3px 10px;
    border-radius: 3px;
}

.onhold-td {
    background-color: orange;
    color: #000;
    padding: 3px 10px;
    border-radius: 3px;
}

.awaitingapproval-td {
    background-color: red;
    color: aliceblue;
    padding: 3px 10px;
    border-radius: 3px;
}

.futurefill-td {
    background-color: #c9c9c9;
    color: #000;
    padding: 3px 10px;
    border-radius: 3px;
}

.refund-td {
    background-color: teal;
    color: #000;
    padding: 3px 10px;
    border-radius: 3px;
}

.replaced-td {
    background-color: pink;
    color: #000;
    padding: 3px 10px;
    border-radius: 3px;
}

.pending-td {
    background-color: #ffd588;
    color: #000;
    padding: 3px 10px;
    border-radius: 3px;
}

.rejected-td {
    background-color: #ff7482;
    color: #000;
    padding: 3px 10px;
    border-radius: 3px;
}

.counselcompleted-td {
    background-color: #92db95;
    color: #000;
    padding: 3px 10px;
    border-radius: 3px;
}

.follow-Up-td {
    background-color: #0cffff;
    color: #000;
    padding: 3px 10px;
    border-radius: 3px;
}


.col-tracking-patient-orderhistory {
    font-weight: 600;
}

/*25.09.2024*/


table#orderadmintable-tble tr th.productqty-oneditorder {
    padding-left: 74px;
}

.edit-td {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.patient-subheading p {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/*write css code form moadal 17th oct 2024*/

#PatientAgreementModal > .modal-dialog{
    max-width:900px;
}

.form-content-wrapper {
    display: flex;
    justify-content: center;
}
    .form-content-wrapper > div.aggerement-container {
        max-width: 100%;
        background-color: white;
        margin: 24px;
        padding: 0;
        font-family: Poppins;
    }
h2.aggement-top-header {
    text-align: right;
    font-weight: 600;
    font-size: 22px;
}
h5.aggement-title {
    text-align: center;
    margin-top: 24px;
    font-size: 20px;
    margin-bottom: 10px;
    font-weight:600;
}
p.aggement-top-paragraph{
    font-size:15px;
}
ul.patient-aggements-list{
    margin-left:20px;
}
ul.aggrements-points-list{
    margin-left:24px;
}
ul.patient-aggements-list > li,
ul.aggrements-points-list > li {
    font-size: 15px;
    list-style: disc;
}
#PatientAgreementCanvas {
    border: 1px solid black;
}
canvas#PatientAgreementCanvas{
    width:310px;
    height:180px;
}
.signature-cancel, .signature-save {
    padding: 6px 12px;
    border-radius: 6px;
    width: 100px;
    text-align: center;
}

.signature-save {
    background-color:#000;
    color:#fff;
}
h6.risks-head{
    font-size:15px;
    font-weight:700;
}
div#PatientAgreementModal {
    background: #f7f0f0c7;
}

.form-label-agreement{
    font-weight:600;
}

.patient-agreement-input-tag {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}