/* login page Start  */
.authentication-wrapper {min-height: 100vh;}
.app-brand {line-height: 1;min-height: 1px;z-index: 1;inset-block-start: 2.5rem;inset-inline-start: 1.5rem;font-size: 1rem;font-weight: 600;}
.app-brand img {object-fit: scale-down;}
.app-brand-logo {min-height: 1px;}
.app-brand-logo.demo {display: -ms-flexbox;width: 50px;height: 50px;}
.authentication-inner{height: 100vh;}
.auth-cover-bg-color {background-color: #f8f7fa;}
.authentication-form {max-width: 400px;z-index: 9;}
.authentication-password-box svg {top: 50%;transform: translateY(-50%);right: 10px;width: 18px;color: #888ea8;}
.authentication-password-box svg path:nth-child(2){display: none;}
.authentication-password-box svg.show path:nth-child(2){display: block;}
.authentication-formlogo{max-height: 100px;z-index: 9;}
.authentication-form input:hover{border-color: #82808b;}
.authentication-form input.form-control:focus {box-shadow: 0 0 5px 2px var(--main-color-tranparent);border-color: var(--main-color-two);color: #000;padding-left: 12px;transition: 0.3s;}
.authentication-form label {font-size: 13px;font-weight: 500;margin-bottom: 0.2rem;transition: 0.3s;}
.authentication-form input {font-size: 14px;font-weight: 600;transition: 0.3s;}
.authentication-form .txt2{font-family: "Work Sans",sans-serif;font-size: 13px;line-height: 1.4;color: #999999;}
.authentication-form .txt2 a{font-family: "Work Sans",sans-serif;font-size: 14px;line-height: 1.7;color: #666666;}
.authentication-formbg{z-index: 1;}
.authentication-formglass::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;z-index: 2;background: rgb(255 255 255 / 41%);backdrop-filter: blur( 10px );-webkit-backdrop-filter: blur( 10px );}
/* login page end  */

/* dashboard css start  */
.dashcard-card {border-color: transparent;box-shadow: 1px 1px 7px rgb(175 175 175 / 27%);}
.dashcard-img figure{height: 40px;width: 40px;border-radius: 5px;background: linear-gradient(to right,rgb(56,202,179) 0,rgb(56,202,179, 0.6) 100%)!important;color: #fff;}
.dashcard-img figure.pending{background: linear-gradient(to right,#ffbd5a  0,rgba(255,189,90, .6) 100%)!important;}
.dashcard-img figure.cancelled{background: linear-gradient(to right,rgb(202, 56, 56) 0,rgba(202, 56, 56, 0.6) 100%)!important;}
.dashcard-img figure i{font-size: 20px;line-height: normal;}
.dashcard-img figure svg {width: 25px;height: 25px;}
.dashcard-title {font-size: 14px;text-align: start;line-height: normal;margin: 0 0 8px 0;}
.dashcard-data {font-size: 26px;line-height: normal;margin: 0;}
/* dashboard css End  */

/* timelines dashboard css start  */
.latest-timelines ul{list-style-type: none;}
.timelines li a {text-wrap: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight: 600;}
.timelines li .timeline-dots i{font-size: 4px;}
.timelines li .timeline-dots{left: 1rem;top: 4px;width: 16px;height: 16px;border-radius: 50%;border: 3px solid;}
.timelines::before {content: '';position: absolute;left: 1.5rem;top: 5px;bottom: 5%;border-left: 2px solid #ededf5;}
/* timelines dashboard css End  */

/* sidebar start  */
.sidebarapp-brand-link img.navbar-logo{min-width: 40px;max-width: 40px;min-height: 40px;max-height: 40px;width: 100%;height: 100%;object-fit: contain;}
.sidebar-theme.showmenu .sidebarapp-brand-link img.navbar-logo,
.sidebar-theme:hover .sidebarapp-brand-link img.navbar-logo{min-width: 60px;max-width: 60px;min-height: 60px;max-height: 60px;width: 100%;height: 100%;object-fit: contain;}
.sidebarapp-brand-text {font-weight: 700;font-size: 18px;}
.horizontal-scroll, .sidebar-closed.sbar-open #sidebar ul.menu-categories,
ul.menu-categories::-webkit-scrollbar {scrollbar-width: unset;scrollbar-color: unset;}
ul.menu-categories::-webkit-scrollbar {width: 2px;}
.sidebar-closed>.sidebar-wrapper #sidebar ul.menu-categories ul.submenu{overflow: unset;}
.menu-categories li:last-child{margin-top: auto !important;}
/* sidebar End  */

/* Header start  */
.navbar {min-height: 46px;}
#content {margin-top: 60px;}
.header-searchbar{width: 230px;}
.header-searchbar input {border-radius: 24px !important;background-color: #ffffffc2;height: 30px;}
.search-enter,.search-close{top: 50%;left: 0;transform: translateY(-50%);cursor: pointer;}
.search-close{right: 0;left: unset;}
.navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu {top: 55px;left: -120px;}
.search-list-body ul{list-style: none;padding: 0;margin: 0;}
.search-list-body {background-color: transparent;padding: 0.5rem 1rem;border-radius: 1rem;animation: 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 animdropdown;}
.search-list-body.searchlistshow {display: block;height: auto;max-height: 150px;overflow-y: auto;opacity: 1;}
.search-list-body ul li a {font-size: 14px;font-weight: 500;}
.search-list-body ul li.active,.search-list-body ul li:hover{background-color: var(--main-color-tranparent);border-radius: 4px;}
.search-list-body ul li.active a,.search-list-body ul li:hover a{color: #000;}
@keyframes animdropdown{0% {transform: translate3d(0, 6px, 0);opacity: 0;}100% {transform: translate3d(0, 0, 0);opacity: 1;}}
.search-dropdown-body {background-color: #fff;padding: 0.5rem;border-radius: 4px;box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;}
.search-dropdown{padding-top: 10px;display: none;opacity: 0;right: 0;}
.search-dropdown.show{display: block;opacity: 1;}
header.header.navbar {padding-left: 76px;}
header.header.navbar.showmenu {padding-left: 296px;}
/* Header End  */

/* notification-sidebar start  */
.header-notification span {top: 0;right: -0px;width: 16px;height: 16px;background-color: #f00;color: #fff;font-size: 10px !important;border-radius: 50%;}
#rightSidebarnotification  {bottom: 0;margin: 0 !important;-webkit-transition: .5s;-o-transition: .5s;overflow: auto;}
#rightSidebarnotification  {position: fixed;top: 00px;right: -100vw;left: auto;z-index: 1999;background: var(--white-color);transition: .5s;width: calc(100% - 60px) !important;padding: 0 !important;}
#rightSidebarnotification.active-right-sidebar  {right: 0 !important;}
.notification-count {width: 40px;height: 40px;border-radius: 50%;background-color: #ffffff;font-size: 18px;color: #06f;font-weight: 600;box-shadow: 0 0px 6px 0 #70707061;}
.notification-list {list-style: none;}
.notification-link {gap: 0.5rem;}
.notification-img{max-width: 40px;max-height: 40px;border-radius: 4px;overflow: hidden;}
.notification-title {font-size: 14px;font-weight: 600;line-height: normal;}
.notification-des {font-size: 12px;font-weight: 500;line-height: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 280px;}
.notification-tds p {margin: 0;font-size: 10px;}
.notification-list li{cursor: pointer;border-radius: 4px;overflow: hidden;transition: 0.3s;}
.notification-list li.notification-items:nth-child(even) {background-color: #b6cde370;}
.notification-list li.notification-items:hover {background-color: #96b2cce0;transition: 0.3s;}
/* notification-sidebar End  */

/* dashboard filter Start */
.dropdown-with-icon {background-color: #3e5d7a;overflow: hidden;border-radius: 8px;border: 1px solid #3e5d7a;width: 50px;cursor: pointer;}
.dropdown-with-icon i{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);pointer-events: none;font-size: 20px;}
.wmy-filter .dropdown-menu span {background-color: #eeeeee;font-weight: 700;font-size: 12px;}
.wmy-filter .dropdown-menu a.active{background-color: #3e5d7a !important;color: #fff !important;}
/* dashboard filter End */

@media (min-width: 768px) {
    #rightSidebarnotification {right: -460px;max-width: 450px !important;width: 450px !important;}
}

@media (min-width: 991px) {
    /* sidebar start  */
    .sidebar-theme .sidebarapp-brand-text{display: none;}
    .sidebar-theme.showmenu .sidebarapp-brand-text,
    .sidebar-theme:hover .sidebarapp-brand-text{display: block;}
    .sidebar-theme .sidebarapp-brand .layout-menu-toggle{display: none;}
    .sidebar-theme.showmenu .sidebarapp-brand .layout-menu-toggle,
    .sidebar-theme:hover .sidebarapp-brand .layout-menu-toggle{display: inline-block;}
    .sidebar-theme.showmenu .sidebarapp-brand .layout-menu-toggle svg {transform: unset;transition: 0.3s;}
    .sidebar-theme .sidebarapp-brand .layout-menu-toggle svg {transform: rotate(180deg);transition: 0.3s;}
    .sidebarapp-brand{padding: 1rem 10px 0;}
    .sidebar-closed>.sidebar-wrapper {padding-top: 0;z-index: 1032;}
    .sidebar-wrapper {z-index: 1032;top: 0;}
    .sidebar-closed>.sidebar-wrapper:hover,.sidebar-closed>.sidebar-wrapper.showmenu {width: 280px;}
    #sidebar ul.menu-categories li.menu>.dropdown-toggle {padding: 5.5px 3px;transition: .6s;position: relative;}
    #sidebar ul.menu-categories li.menu {margin: 1px 0;padding: 0 10px;position: relative;overflow: hidden;}
    #sidebar ul.menu-categories li.menu>a .sub-icon i,.sidebar-closed #sidebar ul.menu-categories li.menu>a .sub-icon i {font-size: 18px;margin-right: 7px !important;}
    .sidebar-closed.sbar-open #sidebar ul.menu-categories, #sidebar ul.menu-categories {padding: 16px 0 30px;}
    #sidebar ul.menu-categories li.menu:hover>.dropdown-toggle {background: var(--main-color-one);color: var(--white-color);}
    #sidebar ul.menu-categories li.menu:hover>.dropdown-toggle i,#sidebar ul.menu-categories li.menu:hover>.dropdown-toggle svg {color: #fff;fill: #fff;}
    /* .sidebar-closed .sidebar-wrapper.showmenu #sidebar ul.menu-categories li.menu>a span,
    .sidebar-closed .sidebar-wrapper.showmenu:hover #sidebar ul.menu-categories li.menu>a span,
    .sidebar-closed>.sidebar-wrapper:hover #sidebar ul.menu-categories li.menu>a span {display: inline-block;} */
    /* .sidebar-closed .sidebar-wrapper.showmenu #sidebar ul.menu-categories li.menu>a .sub-icon,
    .sidebar-closed .sidebar-wrapper.showmenu:hover #sidebar ul.menu-categories li.menu>a .sub-icon,
    .sidebar-closed>.sidebar-wrapper:hover #sidebar ul.menu-categories li.menu>a .sub-icon {opacity: 1;} */
    .sidebar-wrapper #sidebar ul.menu-categories li.menu>a.collapsed .sub-icon i:before,
    .sidebar-closed .sidebar-wrapper #sidebar ul.menu-categories li.menu>a.collapsed[aria-expanded=false] .sub-icon i:before,
    .sidebar-closed>.sidebar-wrapper:hover #sidebar ul.menu-categories li.menu>a.collapsed[aria-expanded=true] .sub-icon i:before,
    .sidebar-closed .sidebar-wrapper.showmenu #sidebar ul.menu-categories li.menu>a.collapsed .sub-icon i:before,
    .sidebar-closed .sidebar-wrapper.showmenu #sidebar ul.menu-categories li.menu>a.collapsed[aria-expanded=false] .sub-icon i:before,
    .sidebar-closed>.sidebar-wrapper.showmenu:hover #sidebar ul.menu-categories li.menu>a.collapsed[aria-expanded=true] .sub-icon i:before {
        transform: unset;
        -webkit-transition: .2s ease-in-out;-o-transition: .2s ease-in-out;transition: .2s ease-in-out;}

    .sidebar-wrapper.showmenu #sidebar ul.menu-categories li.menu>a[aria-expanded=true] .sub-icon i:before,
    .sidebar-closed .sidebar-wrapper:hover #sidebar ul.menu-categories li.menu>a .sub-icon i:before,
    .sidebar-closed>.sidebar-wrapper:hover #sidebar ul.menu-categories li.menu>a[aria-expanded=true] .sub-icon i:before,
    .sidebar-closed .sidebar-wrapper.showmenu #sidebar ul.menu-categories li.menu>a .sub-icon i:before,
    .sidebar-closed .sidebar-wrapper.showmenu #sidebar ul.menu-categories li.menu>a[aria-expanded=false] .sub-icon i:before,
    .sidebar-closed>.sidebar-wrapper.showmenu #sidebar ul.menu-categories li.menu>a[aria-expanded=true] .sub-icon i:before{
        transform: rotate(90deg);
        -webkit-transition: .2s ease-in-out;-o-transition: .2s ease-in-out;transition: .2s ease-in-out;}

    /* .sidebar-closed>.sidebar-wrapper.showmenu #sidebar ul.menu-categories li.menu a[aria-expanded=true]~ul.submenu,
    .sidebar-closed>.sidebar-wrapper:hover #sidebar ul.menu-categories li.menu a[aria-expanded=true]~ul.submenu,
    .sidebar-closed>.sidebar-wrapper:hover #sidebar ul.menu-categories ul.submenu.show {display: block;min-height: 100%;height: auto;} */
    /* sidebar start End */

    .sidebar-closed>#content {
        margin-left: 60px;
    }
}

@media (min-width: 1440px) {
    #rightSidebarnotification {
        width: 1400px !important;
        right: -1410px;
    }
}

@media only screen and (max-width: 1499px) {
    /* login page Start  */
    .authentication-formlogo {max-height: 80px;}
    .authentication-form h3 {font-size: 24px;}
    /* login page end  */
}