WebBuild/wwwroot/tenants/themes/compact/css/style.ext.css

/*Fonts*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

@font-face {
    font-family: "summernote";
    font-style: normal;
    font-weight: normal;
    src: url("../../../../libs/summernote/font/summernote.eot?1d9aeaaff0a8939558a45be6cd52cd4c");
    src: url("../../../../libs/summernote/font/summernote.eot?1d9aeaaff0a8939558a45be6cd52cd4c#iefix") format("embedded-opentype"),url("../../../../libs/summernote/font/summernote.woff?1d9aeaaff0a8939558a45be6cd52cd4c") format("woff"),url("../../../../libs/summernote/font/summernote.ttf?1d9aeaaff0a8939558a45be6cd52cd4c") format("truetype")
}
/*End-Fonts*/
.hidden {
    display: none !important;
}

#bizgaze_body {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-right: 0px;
    overflow: hidden;
}

.biz-wrapper {
    height: 100%;
    position: relative;
    background: none;
    display: flex;
    flex-direction: column;
}

.biz-pg-wrapper {
    background: #F4F6F7;
    padding: 0;
    position: relative;
    overflow: hidden;
    flex-grow: 1;
}

._bizgaze_detail_container {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.templateviewer-body {
    overflow: hidden auto;
    background-color: #fff;
    flex-grow: 1;
    height: 100%;
}

.chart-viewer-card {
    height: 100%;
    border: 0;
}

    .chart-viewer-card .card-body {
        flex-grow: 1;
        height: 100%;
    }

/*create popup*/
.modal-open .modal {
    overflow-y: hidden !important;
}

._bizgaze_popup_container {
    left: auto !important;
}

    ._bizgaze_popup_container .modal-body {
        overflow-y: auto;
    }

._bizgaze_create_container_EditScreen {
    right: auto;
}

    ._bizgaze_create_container_EditScreen .modal-body {
        overflow-y: auto;
    }

.filter-toggle .filter-panel {
    right: 0;
}

.biz-wrapper .navbar-search {
    top: 0px !important;
    z-index: 1040 !important;
}

    .biz-wrapper .navbar-search input {
        height: 58px !important;
    }

.navbar-search-alt .input-group > input {
    border-radius: 50px;
}

.biz-settings-panel.notifications-tasks-panel .settings-panel-body,
.biz-settings-panel.notifications-tasks-panel #settingsPanelBodyWrap .simplebar-content {
    height: 100% !important;
}

.sticky {
    position: fixed;
    top: 55px;
    width: 100%;
    z-index: 1002;
}

.scroller {
    overflow: auto;
}

.biz-footer-wrap .footer .dropdown-menu a {
    margin-left: 0 !important;
}

.dropdown-menu .custom-control-input {
    position: unset !important;
}

.details-footer {
    position: fixed;
    bottom: 0;
    width: 67%;
    left: 200px;
}

.details-edit-footer {
    position: fixed;
    bottom: 0;
    width: 19.0%;
    /*display: flex;*/
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef;
}

.details-footer .portlet-btn-group {
    margin-left: 50px;
}

.details-footer .Detail_SaveChanges {
    margin-right: 220px;
}

.dashboard-footer .Detail_SaveChanges {
    margin-right: 220px;
}

.switch {
    cursor: pointer;
    position: relative;
}

    .switch input {
        position: absolute;
        opacity: 0;
        /*filter: alpha(opacity=0);*/
    }

        .switch input:checked + span {
            background-color: #8ec165;
        }

            .switch input:checked + span:after {
                left: 27px;
            }

    .switch span {
        position: relative;
        width: 48px;
        height: 22.5px;
        border-radius: 25px;
        background-color: #fa5542;
        border: 2px solid #eee;
        border-color: rgba(0, 0, 0, 0.1);
        display: inline-block;
        -webkit-transition: background-color 0.2s;
        transition: background-color 0.2s;
    }

        .switch span:after {
            content: "";
            position: absolute;
            background-color: #fff;
            width: 17px;
            top: 1px;
            bottom: 1px;
            left: 1px;
            border-radius: 25px;
            -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
            box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
            -webkit-transition: left 0.2s;
            transition: left 0.2s;
        }

.slimScrollDiv {
    width: 100% !important;
}


/*Extension*/

.bg-soft-warning {
    background-color: rgba(243, 170, 18, .15) !important;
    color: hsl(41, 90%, 51%) !important;
}

.custom-fieldset {
    background: #fff;
    border: 1px solid rgba(230, 230, 230, 0.7);
    padding: 1.5rem;
    border-radius: .25rem;
    font-size: 11px;
}

.card-icon-warning {
    color: #ffc107 !important;
    background: rgba(234, 147, 12, 0.1) !important;
}

.card-icon-primary {
    color: #28ece3 !important;
    background: rgba(38, 211, 228, 0.91) !important;
}

.custom-fieldset label {
    width: auto;
    padding: .625rem 1rem;
    background: #fff;
    margin-top: -42px;
    margin-left: 50px;
    font-size: 10px;
    display: block;
    float: left;
    text-transform: uppercase;
}


/*Courosel*/

.sw-carousel-slider-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .sw-carousel-slider-control .carousel-control-prev,
    .sw-carousel-slider-control .carousel-control-next {
        background-color: #e5eef8;
        position: relative;
        opacity: 1;
        width: 1rem;
        height: 1rem;
        border-radius: 50%;
        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;
        margin-left: 5px;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease, -webkit-transform .6s ease;
}

.badge.badge-soft-lime-dark {
    background: #e7ecb0;
    color: #6f7208;
}

.badge.badge-soft-indigo-dark {
    background: #9caad8;
    color: #0a2042;
}

.text-overflow {
    overflow: hidden;
    width: 250px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.line-dashed {
    border-style: dashed;
    background: 0 0;
}

.line {
    height: 2px;
    margin: 10px 0;
    font-size: 0;
    border-width: 0;
    border-top: 1px solid #e8e8e8;
}

.biz-wrapper.biz-vertical-nav .biz-nav {
    z-index: 1036 !important;
    top: 0 !important;
}

._bizgaze_create_container {
    z-index: 1070;
}


/*/* Tabulator Custom styles*/

.tabulator {
    border: 0 !important;
}

    .tabulator .tabulator-header {
        border-top: none !important;
        border-bottom: none !important;
    }

        .tabulator .tabulator-header .tabulator-col-title {
            color: #000 !important;
            font-weight: 500;
            font-size: 14px;
            margin-right: 10px;
        }

        .tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
            padding-right: 5px !important;
        }

        .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
            border-left: 5px solid transparent !important;
            border-right: 5px solid transparent !important;
        }

        .tabulator .tabulator-header .tabulator-col .tabulator-col-content {
            padding: 0.25rem !important;
        }

    .tabulator .tabulator-row {
        min-height: 0.5rem;
    }

.tabulator-row .tabulator-cell {
    font-size: 13px !important;
    color: #000006 !important;
    /*    height: auto !important;*/
    max-width: 400px !important;
    white-space: normal !important;
    /*    border-right: none !important;*/
    border-right: 2px solid #dee2e6 !important;
    padding: 0.15rem 0.25rem !important;
    overflow: visible !important;
}
.tabulator-col-title-holder:not(:first-child), .tabulator-row .tabulator-cell:not(:first-child) {
    min-width: 80px !important;
}

    .tabulator-row .tabulator-cell .tabulator-data-tree-control {
        height: 16px !important;
        width: 16px !important;
    }

.templateviewer-tableview.tabulator .tabulator-tableHolder .tabulator-placeholder span {
    width: 100% !important;
    align-self: start !important;
    font-weight: 500 !important;
    padding: 0 !important;
}

.tabulator-row .tabulator-cell:not(.clickable-cell),
.tabulator-row .tabulator-cell.text-underline {
    cursor: default;
}

.tabulator .tabulator-footer {
    position: relative;
    font-weight: 500 !important;
}

    .tabulator .tabulator-footer::before {
        content: 'Grand Total:';
        position: absolute;
        left: 3px;
        top: 50%;
        transform: translateY(-50%);
        width: auto;
        font-size: 14px;
        color: #000;
        background-color: #fff;
        z-index: 99;
    }

.tabulator .tabulator-tableHolder .tabulator-placeholder[tabulator-render-mode=classic] {
    min-height: 100%;
    min-width: 100%;
}


/*End-Tabulator Custom styles*/

.field-icon {
    float: right;
    margin-left: -25px;
    margin-top: -28px;
    position: relative;
    z-index: 2;
}

.preloader-container {
    position: relative !important;
}


/* owl nav */

.owl-carousel-custom .owl-prev span,
.owl-next span {
    color: black;
}

.owl-carousel-custom .owl-prev.disabled span,
.owl-next.disabled span {
    color: #8199A3;
}

.owl-carousel-custom .owl-prev span:hover,
.owl-carousel-custom .owl-next span:hover {
    color: #8199A3;
}

.owl-carousel-custom .owl-prev,
.owl-carousel-custom .owl-next {
    position: absolute;
    top: 0;
    height: 100%;
    outline: none
}

.owl-carousel-custom .owl-prev {
    left: -34px;
}

.owl-carousel-custom .owl-next {
    right: -34px;
}


/* owl nav */


/* Form Viewer Header Height*/

.dropdown-menu-scrollbar::-webkit-scrollbar,
.biz-custom-scrollbar::-webkit-scrollbar,
.tabulator .tabulator-tableHolder::-webkit-scrollbar,
.simple-scroll-bar::-webkit-scrollbar {
    width: 7px;
    height: 9px;
}

.dropdown-menu-scrollbar::-webkit-scrollbar-thumb,
.biz-custom-scrollbar::-webkit-scrollbar-thumb,
.tabulator .tabulator-tableHolder::-webkit-scrollbar-thumb,
.simple-scroll-bar::-webkit-scrollbar-thumb {
    background: #d6d9da;
    border-radius: 7px;
}


/* For Mozilla Support*/

.dropdown-menu-scrollbar,
.biz-custom-scrollbar,
.tabulator-tableHolder,
.simple-scroll-bar {
    scrollbar-width: thin;
    overflow: auto;
}


/* Input Disabled*/

input:disabled {
    cursor: not-allowed;
}

.form-error-message {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    margin-left: -10px;
    z-index: 99;
}

/*Widget Builder CSS Start Here*/

.nav-tabs.nav-line > .nav-item > .nav-link.settings.active,
.nav-tabs.nav-line > .nav-item > .nav-link.details.active {
    background-color: white;
}

.btn-flush-theme.flush-soft-hover.drawer-toggle-link.active.right-aside-togglable#PivotIcon {
    display: block;
}


/*.bldr-options-wrap#top-nav-menu {
    display: block !important;
}*/

.cursordisbaled:hover {
    cursor: not-allowed;
}

.clickEventDisabled {
    pointer-events: none;
}

.sp-replacer.sp-light.backgroundcolor-color-picker {
    border: 0px;
}


/*Widget Builder CSS End Here*/


/* Container Loading Effect */

.line-loader-container {
    position: relative;
}

    .line-loader-container.show-loading .line-loader {
        display: block;
    }

.line-loader {
    left: 0;
    bottom: 0;
    height: 2px;
    width: 100%;
    /*position: relative;*/
    position: absolute;
    overflow: hidden;
    background-color: #ddd;
    display: none;
}

    .line-loader:before {
        display: block;
        position: absolute;
        content: "";
        left: -200px;
        width: 200px;
        height: 2px;
        background-color: #2980b9;
        animation: loading 2s linear infinite;
    }

@keyframes loading {
    from {
        left: -200px;
        width: 30%;
    }

    50% {
        width: 30%;
    }

    70% {
        width: 70%;
    }

    80% {
        left: 50%;
    }

    95% {
        left: 120%;
    }

    to {
        left: 100%;
    }
}


/* Container Loading Effect */

.biz-submenu .nav-options-container .nav-group-collapse-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    font-size: 16px;
    padding: 10px 15px 10px 12px;
}

    .biz-submenu .nav-options-container .nav-group-collapse-link[data-toggle="collapse"][aria-expanded="true"]::after {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .biz-submenu .nav-options-container .nav-group-collapse-link[data-toggle="collapse"]::after {
        content: '\f2f9';
        font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
        font-size: 16px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

.biz-right-side-menu #nav-settings-dropdown .dropdown-menu {
    left: -50px !important;
}

.nav-group-search-li {
    margin: 0px 12px 8px 12px !important;
}

@media (max-width: 1199px) {
    .hk-wrapper.hk-horizontal-nav .hk-nav .nicescroll-bar {
        min-height: 100vh;
        overflow: auto;
    }

    .biz-wrapper.biz__icon__menu.biz__nav__toggle.biz__submenu.biz-main-menu-hidden .biz-submenu {
        left: 0 !important;
    }

    .biz-wrapper.biz-main-menu-hidden.biz__icon__menu .biz-submenu .navbar-nav .nav-item .nav-link {
        padding-left: 20px !important;
    }

    .biz-wrapper.biz__icon__menu .biz-submenu .navbar-nav.collapse-level-1 .nav-item .collapse-level-1 .nav-link {
        padding-left: 30px !important;
    }

    .hk-wrapper .hk-navbar {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .biz-navbar .navbar-nav#biz-layout-1-nav .nav-item.dropdown-notifications.count-double-digit {
        padding-right: 30px !important;
    }

    .biz-navbar .navbar-nav#biz-layout-1-nav .nav-item.dropdown-notifications.count-overflow {
        padding-right: 35px !important;
    }

    .biz-navbar .navbar-brand .brand-img {
        height: 30px !important;
    }
}

@media (min-width: 1200px) {
    .hk-wrapper.hk-horizontal-nav .hk-nav {
        position: static !important;
    }

    .top-navbar.hk-wrapper .hk-navbar a.navbar-toggle-btn {
        display: none;
    }

    .card-header-right .createbuttonhide {
        display: none;
    }

    .top-navbar.hk-wrapper .hk-navbar a.navbar-toggle-btn,
    .top-navbar.hk-wrapper .hk-navbar .navbar-nav .nav-item .nav-link {
        line-height: 15px !important
    }

    .layout-2-mobile-menu {
        display: none !important;
    }

    .biz-right-side-menu .nav-date-filter-dp .nav-date-filter-dp-menu {
        transform: translate3d(-55px, 10px, 0px) !important;
    }

    .biz-settings-panel.notifications-tasks-panel .settings-panel-body.no-data {
        display: flex;
        justify-content: center;
    }

    .top-navbar.hk-wrapper .navbar-nav .nav-date-filter-item .cmn-daterange-input {
        width: 170px;
        font-size: 13px;
        padding-left: 3px;
        padding-right: 3px;
        margin-left: 25px;
        border-bottom: 0 !important;
    }

    .top-navbar.hk-wrapper .nav-date-filter-item .cmn-daterange-input:focus {
        background-color: rgba(255, 255, 255, 0.1) !important;
        border-bottom: 1px solid !important;
    }

    .top-navbar.hk-wrapper .navbar-nav .nav-date-filter-item .nav-icon-wrap {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
}

.top-navbar.hk-wrapper .hk-navbar a.navbar-toggle-btn {
    color: inherit !important;
}

@media (max-width: 1199px) {
    .biz-wrapper.biz__icon__menu .biz-main-menu {
        width: 50.8px !important;
    }

    .layout-2-mobile-menu.biz__nav__toggle.biz-wrapper.biz__icon__menu .biz-main-menu {
        left: 0px !important
    }

    .layout-2-mobile-menu.biz__nav__toggle.biz-wrapper.biz__icon__menu .biz-submenu {
        left: 60px !important
    }

    .filters-dropdown-div-top-layout {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .biz-navbar .navbar-nav .nav-item {
        padding: 0 15px;
    }
}

.edit-portlet-mode .biz-navbar::after,
.edit-portlet-mode .biz-layout-3-left-nav::after,
.edit-portlet-mode .biz-submenu::after,
.edit-portlet-mode .biz-main-menu::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #1F2327;
    opacity: 0.5;
    z-index: 1045;
}

.layout-2-mobile-menu.biz-wrapper.biz__icon__menu .biz-submenu .navbar-nav .nav-item ul li a {
    padding: 0.35rem 0 !important;
    margin: 0 0 0 2rem !important;
}


/*@media (min-width: 1200px) {
    #layout2-nav li.nav-item {
        margin-left: 0.5rem !important;
    }
}*/

.custom-scollable-container {
    cursor: grab;
}

.background-image {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-size: cover !important;
}

.biz-wrapper.biz__icon__menu .biz-menu.biz-primary-text-color .biz-submenu ul li.nav-item a strong {
    font-weight: normal !important;
}

.divCustomProperties:not(:empty) {
    margin: 10px 0;
}

@media (min-width: 1200px) {
    .filters-dropdown-div-top-layout button.filterName {
        background: #F4F5F6;
        color: black;
    }

    .filters-dropdown-div-top-layout ul li.nav-item a {
        color: black;
        width: 100%;
        border-radius: 5px
    }

        .filters-dropdown-div-top-layout ul li.nav-item a strong {
            font-weight: normal
        }

    .filters-dropdown-div-top-layout ul li.nav-item:hover {
        background: #F4F5F6;
    }

    .dashboardwidget-container .dashboardwidget-item .card-header-filters {
        margin: 0 10px;
    }
}


/* Spectrum Color Picker*/

.sp-container .sp-picker-container .sp-input-container input.sp-input {
    outline: none;
}

.sp-container .sp-picker-container .sp-input-container input.opacity {
    margin-left: 5%;
    width: 40%;
    cursor: not-allowed;
}

.sp-container .sp-picker-container .sp-button-container button {
    outline: none;
}

    .sp-container .sp-picker-container .sp-button-container button.sp-choose {
        color: #fff;
        background-color: #007D88;
    }

    .sp-container .sp-picker-container .sp-button-container button.sp-cancel {
        color: #fff;
        background-color: #9e9e9e;
    }

.sp-replacer .sp-dd {
    display: none;
}

.color-picker-div .sp-replacer.sp-light {
    width: 100%;
    height: 34px;
    border: none;
}

.sp-picker-container .sp-button-container.sp-cf {
    font-weight: 500;
}


/* Spectrum Color Picker*/


/* Notification Dropdowns */

@media (min-device-width: 415px) and (max-width: 1199px) {
    .hk-wrapper .hk-navbar .navbar-nav .nav-item.dropdown.dropdown-notifications .dropdown-menu,
    .biz-wrapper .biz-navbar .navbar-nav .dropdown-menu:not(.nav-date-filter-dp-menu) {
        right: 0;
        left: auto;
    }
}

@media (max-width: 576px) {
    .block-on-mobile .btn-outline-light {
        padding: 0.1rem 0.5rem !important;
    }

    .biz-navbar .navbar-nav .dropdown-menu {
        width: 100%;
    }

    li#nav-button-create {
        display: block !important;
    }

    .mb-mode {
        display: block !important;
    }

    .portletwidget-item .mb-mode,
    .dashboardwidget-item .mb-mode {
        display: none !important;
    }
    /*padding inside biz-pg-wrapper*/
    div#div_detail_profile {
        /*detail page padding*/
        padding: 0px 10px;
    }

    div#dashboardwidget-container {
        /*dashboard padding*/
        padding: 0px 20px;
    }
    /*details page header */
    .biz-header-main-text {
        color: rgb(0, 0, 0) !important;
        font-weight: 700;
        text-transform: capitalize;
        font-size: 14px !important;
    }

    .biz-header-sub-text {
        color: rgb(0, 0, 0) !important;
        font-weight: 500;
        font-size: 12px !important;
    }

    .biz-detail-avatar {
        position: relative;
        width: 40px !important;
        height: 40px !important;
        border-radius: 50%;
        display: flex !important;
        justify-content: center;
        align-items: center;
        margin-right: 5px;
    }
    /*details page header end*/
    /*list view in mobile*/
    .col,
    .col-3 {
        min-width: 100%;
    }

    .userDesignWidgetCardBody .col-3 {
        min-width: 25% !important;
    }

    .templateviewer-body .list-group-item .row .col-10 .row .col-2 {
        min-width: 100%;
    }

    .templateviewer-body .list-group.layout_list_container {
        background: #fff;
        margin: 0px 0px;
        border-radius: 4px;
    }

    .block-on-mobile {
        display: block !important;
    }

    .branchshotcode {
        left: 13px !important;
    }

    .nav-link.lnk_nav_changebranch {
        display: block !important;
        align-items: center
    }

        .nav-link.lnk_nav_changebranch .nav-icon-wrap {
            margin-right: 0px;
        }
    /* .notification-empty-card {
        height: 82vh !important;
    }*/
    /*   .biz-body-height {
        height: 75vh !important;
    }*/
    .biz-submenu .navbar-brand {
        display: none;
    }

    .biz-submenu {
        padding-top: 10px;
    }
    /*form inputs*/
    label {
        margin-bottom: 5px;
        margin-top: 5px !important;
        color: #B2B5B8 !important;
    }

    .terms-conditions label.custom-control-label {
        color: #00D67F !important;
    }

    .custom-control-label {
        margin-bottom: 0px !important;
        margin-top: 0px !important;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        padding: 0px 0px !important;
    }

    .floating-label-form-group input,
    .floating-label-form-group textarea {
        background: none;
        border: none;
        border-radius: 0;
        padding-left: 0px !important;
        padding-right: 5px;
        box-shadow: none !important;
        position: relative;
        /* font-size: 1.1em; */
        resize: none;
    }

    select.form-control:not([size]):not([multiple]) {
        padding: 0px !important;
    }

    .section_ContactName {
        padding: 0px 15px;
    }

    ._bizgaze_popup_container form .modal-body {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .search-clear-items {
        right: 30% !important;
    }

    .user_login_detials {
        padding: 6px !important;
        background: white;
    }

        .user_login_detials .user_Name {
            font-size: 25px !important;
            color: black;
            font-weight: 500;
            margin-bottom: 10px;
        }

        .user_login_detials .user_icons_sup {
            margin-left: 31px !important;
            top: -48px !important;
            font-size: 15px;
        }

        .user_login_detials .notifications_width {
            width: 50% !important;
        }

    .divCustomProperties:not(:empty) {
        margin: 4px 0;
    }

    .print-template-text * {
        font-size: 6px !important;
    }
    .qr-img img{
        width:50px !important;
        height:50px!important;
    }
}

@media (max-width: 767px) {
    /*List view top header count font*/
    .card-header-left span.biz-highlight-bg-color.biz-count-font {
        font-size: 12px !important;
        font-weight: 500;
    }

    .userDesignWidgetCardBody .col-3 {
        min-width: 20% !important;
    }

    .sales-is-offer-avail {
        width: 100%;
    }
}


/* Notification Dropdowns */

#bizgaze_body .top-navbar.biz-layout-3-top-navbar.hk-wrapper.hk-vertical-nav .hk-navbar.biz-primary-color input.txt_global_search {
    box-shadow: none;
    border-color: transparent;
    background-color: rgba(255, 255, 255, .18);
    transition: all 2s linear;
}

.biz-wrapper.biz__icon__menu .biz-menu.biz-primary-color .biz-submenu {
    box-shadow: 4px 0 5px -6px #333;
}

.biz-wrapper.biz__icon__menu .biz-submenu .navbar-brand .brand-img {
    max-width: 100%;
}

.list-group-item:first-child,
.list-group-item:last-child,
.card-header:first-child,
.card-header:last-child {
    border-radius: 0 !important;
}


/* Report Widget Dropdown collapse  */

.portletwidget-item .viewer-header {
    cursor: pointer
}

.viewer-header[data-toggle="collapse"] .widget-collapse-icon i {
    transition: transform .3s ease-in-out;
}

.viewer-header[data-toggle="collapse"][aria-expanded="true"] .widget-collapse-icon i {
    transform: rotate(90deg);
}

/* Report Widget Dropdown collapse */
.widget-font {
    font-family: inherit;
    font-weight: 500 !important;
    font-size: 16px;
}

/*.widget-font {
    font: normal normal normal 18px/27px Poppins !important;
}*/
.biz-text-primary {
    color: #00B0FF !important;
}

.biz-text-dark {
    color: #525252 !important;
}

/* structure Inside Content */
.structureContent {
    opacity: 0.6;
    border: dashed 1px #00B0FF;
    border-radius: 5px;
    background: azure;
    color: cornflowerblue;
}

    .structureContent:hover {
        opacity: 1;
    }

.structure-draggable .structureToDelete + .structureToDelete {
    display: none !important;
}

.biz-submenu[data-details_structure="true"] {
    left: 0px !important;
    width: 260px !important;
}

[data-details_structure="true"] .divpage {
    display: none;
}

/* biz-settings-panel */
.biz-settings-panel:not(.notifications-tasks-panel) {
    z-index: 9999 !important;
}

.dropdown-menu-float-right-side {
    min-width: 350px !important;
    max-width: 350px !important;
}

.biz-wrapper .biz-settings-panel .settings-panel-wrap .settings-panel-head a,
.hk-wrapper .biz-settings-panel .settings-panel-wrap .settings-panel-head a {
    position: unset !important;
}

.hk-wrapper .biz-settings-panel {
    position: fixed;
    top: 0;
    right: -350px;
    width: 350px;
    bottom: 0;
    z-index: 1040;
    border: none;
    background: #fff;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    /* .hk-wrapper .biz-settings-panel .settings-panel-wrap {
        padding: 20px;
    }*/
    .hk-wrapper .biz-settings-panel .settings-panel-wrap .settings-panel-head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        -ms-flex-pack: space-between;
    }

        .hk-wrapper .biz-settings-panel .settings-panel-wrap .settings-panel-head a {
            color: #ADB5BD;
            position: absolute;
            right: 10px;
            top: 10px;
        }

            .hk-wrapper .biz-settings-panel .settings-panel-wrap .settings-panel-head a .feather-icon {
                display: block;
            }

                .hk-wrapper .biz-settings-panel .settings-panel-wrap .settings-panel-head a .feather-icon > svg {
                    height: 18px;
                    width: 18px;
                }

    .hk-wrapper .biz-settings-panel .settings-panel-wrap .layout-img-wrap {
        margin-top: 15px;
    }

        .hk-wrapper .biz-settings-panel .settings-panel-wrap .layout-img-wrap a {
            display: inline-block;
            font-size: 0;
            position: relative;
        }

            .hk-wrapper .biz-settings-panel .settings-panel-wrap .layout-img-wrap a img {
                width: 100%;
            }

            .hk-wrapper .biz-settings-panel .settings-panel-wrap .layout-img-wrap a i {
                font-size: 15px;
                position: absolute;
                right: 25px;
                top: 10px;
                opacity: 0;
                height: 20px;
                width: 20px;
                background: #00B0FF;
                border-radius: 50%;
                text-align: center;
                padding-top: 2px;
                color: #fff;
            }

            .hk-wrapper .biz-settings-panel .settings-panel-wrap .layout-img-wrap a.active i {
                opacity: 1;
            }

.hk-wrapper.biz-settings-toggle .biz-settings-panel {
    right: 0;
    box-shadow: 0 28px 28px rgba(0, 0, 0, 0.07);
}

/* biz-settings-panel */
.no-background {
    background: none;
}

.dropdown-menu-left-2 {
    right: 0;
    left: auto;
}

/* table Viewer Transparency */
.background-image .templateviewer-tableview.tabulator {
    background: rgba(255, 255, 255, 0.8) !important;
}

/*.templateviewer-tableview.tabulator .tabulator-header .tabulator-col {
    background: inherit !important;
}*/

.templateviewer-tableview:not(.widget-template-view,.tabulator) {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.templateviewer-tableview.tabulator .tabulator-tableHolder .tabulator-table, .templateviewer-tableview.tabulator {
    background-color: #fff !important;
}

.biz_display_name {
    height: 60px !important;
    width: 60px !important;
}

.btn.btn-sm {
    border-radius: .25rem !important;
}

._bizgaze_popup_container form .simple-scroll-bar.bg-cyan-light-5 {
    background-color: rgb(245, 245, 245, 0.8) !important;
}

/*Close btn styles*/
._bizgaze_popup_container .btn-light,
._bizgaze_popup_container .btn-close,
.modal-footer .btn-light,
.modal-footer .btn-secondary,
.footer .btn-light,
.bootbox.modal .bootbox-cancel,
.card-footer .btn-light,
.drp-buttons .cancelBtn {
    color: rgb(255, 0, 0) !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: rgb(255, 0, 0) !important;
}

    ._bizgaze_popup_container .btn-light:hover,
    ._bizgaze_popup_container .btn-close:hover,
    .modal-footer .btn-light:hover,
    .modal-footer .btn-secondary:hover,
    .footer .btn-light:hover,
    .bootbox.modal .bootbox-cancel:hover,
    .card-footer .btn-light:hover,
    .drp-buttons .cancelBtn:hover {
        color: rgb(255, 255, 255) !important;
        background-color: rgb(255, 0, 0) !important;
        border-color: rgb(255, 0, 0) !important;
    }

/*End-Close btn styles*/

/*Notification & Tasks start Here by Sai Sudheer*/
.notifi_message_overflow {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    cursor: pointer !important;
    text-align: left !important;
}

.biz-wrapper.biz-settings-toggle .biz-settings-panel {
    right: 50px;
}

.biz-wrapper .biz-settings-panel {
    transition: all 0.4s ease, top 0s, left 0s, right 0s, bottom 0s;
}

/*.top-navbar.hk-horizontal-nav .biz-settings-panel.hk-settings-panel.custom {
    top: 55px !important;
    transition: all 0.4s ease-in-out, top 0s, left 0s, right 0s, bottom 0s;
}*/
.top-navbar.hk-wrapper.hk-horizontal-nav .hk-navbar .navbar-nav.hk-navbar-content .layout-2 {
    display: none;
}

.biz-wrapper.companyApp.biz-settings-toggle .biz-settings-panel {
    right: 0px !important;
}

/*Common Layout Styles*/
.biz-navbar .navbar-nav .profile-dropdown-menu {
    width: max-content !important;
    min-width: 250px !important;
    max-width: 350px !important;
    top: 100% !important;
    left: 0 !important;
    right: 10px !important;
    margin-left: auto !important;
}

.navbar-nav .nav-item.dropdown-notifications .nav-link {
    position: relative;
}

    .navbar-nav .nav-item.dropdown-notifications .nav-link .badge-wrap {
        position: absolute;
        top: 12px;
        left: 26px;
        line-height: 0;
    }

.biz-navbar .navbar-nav .nav-item.dropdown-notifications .nav-link .badge-wrap {
    top: 0;
    left: 10px;
}

.biz-navbar .navbar-nav .nav-item.dropdown-notifications.count-overflow {
    padding-right: 25px !important;
}

.biz-navbar .navbar-nav .nav-item.dropdown-notifications.count-double-digit {
    padding-right: 20px !important;
}

.biz-right-side-menu .navbar-nav .nav-item.dropdown-notifications.count-overflow .badge-wrap {
    left: 20px;
}

.biz-right-side-menu .navbar-nav .nav-item.dropdown-notifications.count-double-digit .badge-wrap {
    left: 24px;
}

.navbar-nav .nav-item.dropdown-notifications .nav-link .badge-wrap .badge {
    padding: 0 5px;
    line-height: normal;
}

.biz-navbar .profile-dropdown-menu .moreoptions {
    top: -2px !important;
    right: -1px !important;
    width: auto !important;
    left: auto;
    min-width: 220px;
}

.moreoptions.dropdown-menu {
    background: #fff;
    overflow-y: auto;
}

.biz-navbar .navbar-toggle-btn {
    padding: 0 15px !important;
    margin-right: 0px !important;
    font-size: 16px !important;
}

.biz-navbar .navbar-nav .nav-item .nav-link {
    padding: 0 !important;
}

.nav-date-filter-dp .nav-date-filter-dp-menu {
    width: max-content;
    top: 42px;
    right: 0 !important;
    margin-left: auto !important;
}

/*End-Common Layout Styles*/
@media (max-width: 1199px) {
    .biz-settings-toggle .biz-settings-panel {
        right: 0px !important;
    }

    .userDesignWidgetCardBody .col-3 {
        min-width: 20% !important;
    }

    .biz-settings-panel {
        top: 55px !important;
        transition: all 0.4s ease, top 0s;
    }

    .nav-item .nav-link.tab-view {
        color: #1F2327 !important;
        font-weight: 500 !important;
    }

        .nav-item .nav-link.tab-view.active {
            color: #fff !important;
        }
}

@media (max-width: 800px) {
    .settings-panel-head.mobileChat-view {
        display: none !important;
    }

    .biz-wrapper.biz-settings-toggle .biz-settings-panel.custom {
        right: -310px;
    }
}

@media (max-width: 576px) {
    /*nav-btn-items*/
    .biz-report-filters .filter-item .filter-link,
    .card-header-filters .nav-defaultfilter-radio-btn label {
        font-size: 10px;
        width: 70px;
    }
    /* mobil-login-register&forgot_password*/

    .mobil_new_login #Frm_navgator {
        background: url(../imgs/mobil-bg-2.png) no-repeat !important;
        height: 100vh;
        background-size: cover !important;
        background-repeat: no-repeat;
    }
    /*mobil login page css */

    .mobil_new_login #Frm_Login,
    .mobil_new_login #frm_RegisterUser,
    .mobil_new_login #frm_ForgotPassword {
        background: url(../imgs/mobil-background.png) no-repeat !important;
        height: 100vh;
        background-size: cover !important;
        background-repeat: no-repeat;
    }

    .mobil_new_login .form-control.login-input,
    .mobil_new_login .form-control.login-input:focus,
    .mobil_new_login .form-control#txt_EmailorPhone,
    .mobil_new_login .form-control#txt_EmailorPhone:focus,
    .mobil_new_login #ddl_Tenant,
    .mobil_new_login #txt_ConfirmPswd,
    .mobil_new_login #txt_ConfirmPswd:focus,
    .mobil_new_login #txt_NewPswd,
    .mobil_new_login #txt_NewPswd:focus,
    .mobil_new_login #txt_PhoneorMail,
    .mobil_new_login #txt_PhoneorMail:focus,
    .mobil_new_login #txt_ConfirmPassword,
    .mobil_new_login #txt_ConfirmPassword:focus,
    .mobil_new_login #txt_NewPassword,
    #txt_NewPassword:focus {
        border-radius: 10px !important;
        background: white !important;
    }
    /* end-mobil-login-register&forgot_password*/

    .biz-settings-panel.custom {
        width: 100vw !important;
    }

    .biz-settings-panel {
        right: -100vw !important;
    }

    .nav-item.dropdown.mob-view {
        display: block !important;
    }

    .Templateheader {
        display: none;
    }

    .nav-date-filter-dp .nav-date-filter-dp-menu {
        width: 95% !important;
        top: 105% !important;
        margin: 0 auto !important;
    }
}

@media (max-width: 2560px) {
    .nav-item.dropdown.mob-view {
        display: none;
    }
}

/*Notification & Tasks End Here by Sai Sudheer*/

/*App Store Card Styles*/
.app-store-card {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    margin-bottom: 0px;
}

    .app-store-card .app-icon-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #F4F5F6;
        padding: 10px;
        width: 35%;
        height: 100%;
    }

        .app-store-card .app-icon-wrapper .app-icon {
            max-height: 65px;
        }

    .app-store-card .app-details-wrapper {
        width: 65%;
        padding: 15px;
    }

    .app-store-card .list-item-main-title {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

/*End-App Store Card Styles*/
.biz-detail-avatar {
    position: relative;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}

    .biz-detail-avatar h5 {
        font-size: 15px;
    }

a.createform i {
    font-size: 12px;
}

/*Plus Icon Inside Nav Bar End Here*/
a.biz_anchor {
    padding: 6px 25px;
}

/* Comments Start */

/*#divComments {
    overflow: auto hidden;
}*/
#divComments .oultine-0 {
    outline: none;
}

#divComments .comment-right-wrapper {
    margin-left: 10px;
}

#divComments .commentTextBox:focus-visible {
    outline: none;
}

.comment-delete-btn .delete-btn.btn-icon-style-3::before {
    background-color: #E50000 !important;
}

.comment-delete-btn .delete-btn:hover i {
    color: #fff !important;
}

.comment-btn-wrapper .comment-btn {
    background-color: #00A389;
}

/* Comments End */

/*Side nav*/
.collapse:not(.show) {
    display: none;
}

li#nav-button-create {
    display: none;
}

/* Filter Dropdown Styles*/
.biz-custom-dropdown {
    width: 95% !important;
    padding: 10px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 100% !important;
    overflow: hidden !important;
    margin-top: 0px;
}

    .biz-custom-dropdown .custom-dropdown-body {
        position: relative;
        max-height: 65vh;
        overflow-y: auto;
        overflow-x: hidden;
    }

.biz-filter-dropdown .filter-dropdown-body {
    max-height: 65vh;
    overflow-y: auto;
}

.filter-dropdown-body .select2-container {
    z-index: auto;
}

.card-header-filters {
    position: relative;
}

    .card-header-filters .filter-nav-icon {
        position: absolute;
        color: #3E606C;
        top: 50%;
        transform: translateY(-50%);
        font-size: 12px;
    }

    .card-header-filters .filter-left-icon {
        left: -15px;
    }

    .card-header-filters .iframe + .filter-left-icon {
        left: 0px !important;
    }
    .card-header-filters .iframe + .filter-left-icon + .filter-right-icon {
        right: 0px !important;
    }

    .card-header-filters .filter-right-icon {
        right: -15px;
    }

    .card-header-filters .biz-report-filters::-webkit-scrollbar {
        height: 0;
        background: transparent;
    }

    .card-header-filters .filter-item.kanban-item-hover {
        background-color: #D4DBFB !important;
    }

.biz-report-filters {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0px;
    gap: 8px;
    scrollbar-width: none;
}

    .biz-report-filters .filter-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #0A0A20 !important;
        background-color: #F5F4FD !important;
        border: 1px solid #D8D5F2 !important;
        padding: 0px !important;
        border-radius: 1rem !important;
    }

        .biz-report-filters .filter-item:hover {
            background-color: #e9e7f8 !important;
        }

        .biz-report-filters .filter-item:hover {
            background-color: #dfdee8;
        }

        .biz-report-filters .filter-item.selected {
            background-color: #0A0A20;
        }

        .biz-report-filters .filter-item .filter-link,
        .card-header-filters .nav-defaultfilter-radio-btn label {
            max-width: 100px;
            color: #0A0A20 !important;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 12px;
            font-weight: 500;
        }

        .biz-report-filters .filter-item .filter-link {
            padding: 4px 12px;
        }

.card-header-filters .nav-defaultfilter-radio-btn label {
    padding: 4px 0px;
}

.card-header-filters .nav-defaultfilter-radio-btn label {
    margin-bottom: 0px;
    margin-left: 5px;
}

.biz-report-filters .filter-item.selected .filter-link {
    color: #F5F4FD !important;
}

.biz-report-filters .filter-item .nav-defaultfilter-width-div {
    display: flex;
}

.viewer-header .filter-dropdown-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 5px 10px 0 10px;
}

    .viewer-header .filter-dropdown-footer .btn {
        margin-top: 5px;
    }

.search_close_icon:hover .fa-close {
    color: #FF0000 !important;
}

.card-header-filters .nav-defaultfilter-radio-btn {
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.card-header-filters .filter-icons-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 5px;
    padding-left: 5px !important;
    border-left: 1px solid #DADDE1;
    height: 100%;
}

.card-header-filters .nav-filter-settings-btn .la-key:before {
    color: #ff9800;
}

.card-header-filters .nav-filter-edit-btn .la-pencil-alt:before {
    color: #00e8ca;
}

.biz-filter-dropdown .dynamic-filters-list .form-control:focus {
    box-shadow: none;
}

.dynamic-filters-list {
    row-gap: 10px;
}

    .dynamic-filters-list .form-control::placeholder,
    .dynamic-filters-list .select2-search__field::placeholder,
    .dynamic-filters-list .select2-selection__placeholder {
        color: #495057 !important;
        opacity: 0.8;
    }

.viewer-header .biz-report-filters:not(:empty) {
    margin: 5px 0;
}

.viewer-header .biz-report-filters.iframe {
    margin: 5px 12px !important;
}

.biz-report-filters.pinned-report-filters {
    flex-wrap: wrap;
    overflow: hidden auto;
    max-height: 140px;
}

    .biz-report-filters.pinned-report-filters .filter-item .filter-link {
        padding: .2rem .5rem;
    }

.pinned-report-filters .filter_design-row {
    padding: 0;
}

.pinned-report-filters .form-control,
.pinned-report-filters .select2-container--default .select2-selection--single,
.pinned-report-filters .select2-container--default .select2-selection--multiple {
    display: flex;
    align-items: center;
    font-size: 12px;
    height: auto;
    min-height: 100%;
    border-radius: 0.25rem !important;
    padding: .2rem .5rem;
    color: #0A0A20;
    font-weight: 500;
}

.pinned-report-filters.filter_design-row {
    padding: 0;
}

.pinned-report-filters .form-control {
    padding-right: 1rem !important;
}

    .pinned-report-filters .form-control:focus {
        box-shadow: 0 0 0 0.05rem rgb(0 123 255 / 25%);
    }

.pinned-report-filters input {
    width: 120px;
}

    .pinned-report-filters input.datepicker-input {
        width: 175px;
    }

.pinned-report-filters .form-control::placeholder,
.biz-filters-wrap .select2-search__field::placeholder,
.pinned-report-filters .select2-selection__placeholder,
.pinned-report-filters .select2-selection--multiple .select2-search__field::placeholder {
    font-weight: 500;
    color: #999;
}

.pinned-report-filters .select2-container.select2-container--default {
    width: auto !important;
}

.pinned-report-filters .static-filters-select-wrap .select2-container.select2-container--default {
    width: 100px !important;
}

.pinned-report-filters .select2-container--default .select2-selection--single .select2-selection__arrow,
.pinned-report-filters .select2-container--default .select2-selection--multiple .select2-selection__arrow {
    height: 100%;
}

.pinned-report-filters .select2-container .select2-search--inline .select2-search__field {
    margin-top: 0;
    width: 100% !important;
}

.pinned-report-filters .select2-container--default .select2-selection--multiple {
    padding: 0.2rem 0.5rem;
}

    .pinned-report-filters .select2-container--default .select2-selection--multiple .select2-selection__choice {
        margin-top: 0;
        font-size: 10px;
        padding: 0 4px;
        flex-basis: 115px;
        flex-shrink: 0;
    }

        .pinned-report-filters .select2-container--default .select2-selection--multiple .select2-selection__choice:not(:first-of-type) {
            display: none;
        }

        .pinned-report-filters .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
            top: -3px;
            font-size: 12px;
        }

    .pinned-report-filters .select2-container--default .select2-selection--multiple .select2-selection__clear {
        margin-top: 0px;
        margin-right: 0px;
        order: 1;
    }

    .pinned-report-filters .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        padding: 0;
        display: flex;
        align-items: center;
        height: 18px;
    }

.pinned-report-filters .select2-container--default .select2-selection--single .select2-selection__rendered {
    margin-right: 20px;
}

.pinned-report-filters .static-filters-select-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
    margin-right: 5px;
}

.pinned-report-filters .select2-selection--multiple .select2-selection__choice {
    max-width: 125px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pinned-report-filters .select2-container--default .select2-selection--single .select2-selection__clear {
    width: 10px;
}

.pinned-report-filters .select2-selection--multiple .select2-selection__count span {
    padding: 3px;
    margin-left: 3px;
    font-size: 10px;
    border-radius: 50%;
    width: 15px;
}

.pinned-report-filters select[multiple] {
    min-height: 1px;
}

/*End-Search Filters Styles*/

/*Count padding*/
.nav-link.biz-removepadding {
    padding: .5rem 0rem;
}

/* Report Header search bar styles*/
.card-header-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.card-search-bar {
    width: 50%;
    height: 35px;
    display: flex;
    align-items: center;
}

    .card-search-bar .search-wrapper {
        position: relative;
        width: 100%;
    }

        .card-search-bar .search-wrapper .filter-icon,
        .card-search-bar .search-wrapper .search-clear-icon {
            position: absolute !important;
            top: 50%;
            transform: translateY(-50%);
        }

        .card-search-bar .search-wrapper .filter-icon {
            right: 5px;
        }

.common-filter-dp-btn i {
    height: 18px;
}

.card-search-bar .search-wrapper .search-clear-icon {
    right: 38px;
    font-size: 16px;
    width: 16px;
    height: 16px;
    align-items: center;
    justify-content: center;
}

    .card-search-bar .search-wrapper .search-clear-icon:hover {
        color: #FF0000 !important;
    }

.card-search-bar .txt_global_search {
    height: 100%;
    padding: 8px 30px;
    border-radius: 0.25rem !important;
    background-color: rgb(255 255 255 / 37%) !important;
    border: solid 1px #ccc !important;
}

    .card-search-bar .txt_global_search.contain-value {
        padding-right: 55px !important;
    }

    .card-search-bar .txt_global_search:focus {
        background-color: rgb(255 255 255) !important;
    }

        .card-search-bar .txt_global_search:focus::placeholder {
            opacity: 0.5;
        }

        .card-search-bar .txt_global_search:focus:-ms-input-placeholder {
            opacity: 0.5;
        }

.card-search-bar .search-icon-wrapper {
    border: none;
    margin-left: auto;
    display: none;
}

.card-search-bar .txt_global_search:focus,
.modal-header .txt_global_search {
    box-shadow: none;
}

.card-search-bar .search-left-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 767px) {
    .card-search-bar.search-visible {
        position: absolute;
        width: 101%;
        left: 0;
        bottom: 0;
        top: 50%;
        transform: translateY(-50%);
        margin: 0px;
        border-radius: 0.25rem;
        z-index: 1;
        background-color: #eee;
    }

    .card-search-bar {
        width: 10%;
        height: 35px;
        margin-left: 10px;
        display: flex;
        align-items: center;
        margin-right: 8px;
    }

        .card-search-bar.report-tree-view-search {
            width: 100% !important;
        }

        .card-search-bar .search-wrapper {
            width: 90%;
            display: none;
        }

        .card-search-bar.search-visible .search-wrapper {
            display: block;
        }

        .card-search-bar .search-icon-wrapper {
            padding-left: 0px;
            display: block;
            width: 10%;
            text-align: center;
        }

        .card-search-bar .input-group-append {
            width: 10%;
        }

        .card-search-bar .txt_global_search:focus {
            background-color: #fff !important;
        }

        .card-search-bar .search_icon {
            margin-right: 15px;
        }

        .card-search-bar .txt_global_search {
            background-color: unset !important;
            box-shadow: unset !important;
        }

        .card-search-bar .search_close_icon {
            font-size: 18px;
        }
}

@media (max-width: 576px) {
    /*btn font-size reducing to 12px */

    .btn {
        font-size: 12px !important;
        padding: 4px 10px !important;
    }

    .a[type=button] {
        font-size: 12px !important;
    }

    .biz-report-filters .filter-item .filter-link {
        padding: 4px 8px !important;
    }

    .btn-xs {
        padding: 3px 6px !important;
    }

    .btn i {
        font-size: 12px !important;
    }
    /*btn font-size reducing to 12px */
    /*Heading Font size reduce to  12px*/

    .dashboardwidget-item .biz-highlight-bg-color {
        font-size: 12px !important;
    }

    .portletwidget-item .biz-highlight-bg-color {
        font-size: 12px !important;
    }

    #layout-detail-tabs .portletName {
        font-size: 12px !important;
    }

    .dropdown-menu a {
        font-size: 12px !important;
    }

    #div_App_DefaultWidgetSettings .biz-highlight-bg-color {
        font-size: 12px !important;
    }

    .biz-highlight-bg-color {
        font-size: 12px !important;
    }

    .biz-icon-size {
        height: 30px !important;
        width: 30px !important;
        display: flex !important;
    }

    .layout_list_container .list-item-main-title {
        font-size: 12px !important;
    }

    .biz-detail-avatar h5 {
        font-size: 12px !important;
    }

    .layout_list_container .card {
        font-size: 12px !important;
    }

    .block-on-mobile .biz-icon-size {
        height: 27px !important;
        width: 30px !important;
    }

    .block-on-mobile .btn-group {
        margin-bottom: 3px;
    }

    .sub-dropdown-menu .report-title-link {
        width: 100%;
    }

    .biz-navbar .navbar-nav .profile-dropdown-menu {
        max-width: 95% !important;
    }
}

@media (max-width: 1199px) {
    .viewer-header .biz-report-filters {
        margin: 4px 0;
    }

    .card-header-filters .filter-nav-icon {
        display: none;
    }

    .nav-item.dropdown.mob-view {
        display: block !important;
    }

    .modal.col-sm-10,
    .modal.col-sm-9,
    .modal.col-sm-8,
    .modal.col-sm-7,
    .modal.col-sm-6 {
        max-width: 100% !important;
    }
}

/*Count padding*/
.nav-link.biz-removepadding {
    padding: .5rem 0rem;
}

/*End-Report Header search bar styles*/

/*Width Card Header Changes*/
.portletwidget-item .card-header.Templateheader,
.portletwidget-item .card-footer.Templatefooter {
    margin: 0px 15px !important;
    border-radius: 5px !important;
    border: none;
    padding: .4rem .75rem !important;
}

/*.modal .portletwidget-item .card-header.Templateheader {
    margin: 0px !important;
}*/
.Border .card-body li.list-group-item:last-child {
    border-bottom: 0px solid rgb(204, 204, 204, 0.6) !important;
}

.layout_list_container li.list-group-item:last-child {
    border-bottom: 0px !important;
}

/*.portletwidget-item .card-body .list-group.layout_list_container {
    padding: 0px 10px;
}*/

/*.modal .templateviewer-tableview .card-header.Templateheader {
    border: none !important;
    border-bottom: solid 1px #ccc !important;
    border-radius: 0px !important;
}*/
.modal .card-header-left span.biz-highlight-bg-color {
    font-size: 16px;
    font-weight: 700;
}

.templateviewer-tableview .card-header.Templateheader {
    background: rgb(255, 255, 255);
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
    border: none !important;
    border-bottom: solid 1px #ccc !important;
    box-shadow: none !important;
}

.templateviewer-tableview .viewer-error-message {
    position: absolute;
    top: 0;
    right: 20px;
    left: 20px;
    text-align: center;
}

.Border .card-header.Templateheader,
.Border .card-footer.Templatefooter {
    background: rgb(255, 255, 255);
    border-radius: 0.25rem !important;
    border: none !important;
    box-shadow: none !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.biz-wrapper .card {
    box-shadow: none !important;
}

.templateviewer-body .list-group-item {
    border-right: 0px;
    border-left: 0px;
}

.portletwidget-item .templateviewer-body {
    height: auto;
}

    .portletwidget-item .templateviewer-body .list-group-item {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }

.list-group-item:hover {
    background: rgba(230, 230, 230, 0.3);
    border-radius: 0rem !important;
}

.Border .card-body li.list-group-item:hover {
    background: rgb(204, 204, 204, 0.2) !important;
    /*border-radius: 5px !important;*/
}

li.list-group-item[data-deactive^="li-deactive-active"]:hover {
    background: unset;
}

.modal li.list-group-item {
    border-bottom: solid 1px #ccc !important
}

    /*.modal .list-group.layout_list_container {
    margin: 0px !important;
}*/
    .modal li.list-group-item:hover {
        background: rgb(204, 204, 204, 0.2) !important;
        border-radius: 0px !important;
    }

div#widgetAccordian {
    padding-left: 5px;
    padding-right: 5px;
}

/*Table View Chnages*/
.tabulator-row-odd {
    background: #E1DFDF;
}

.tabulator-row-even {
    background: #FFF;
}

.portletwidget-item .biz-highlight-bg-color {
    font-size: 16px;
    font-weight: 500;
}

.card-header-left span.biz-highlight-bg-color {
    font-size: 20px;
    font-weight: 400;
}

#dashboardwidget-container .Border .card-header-left span.biz-highlight-bg-color {
    font-size: 16px;
    font-weight: 500;
}

.Border .card-header-left span.biz-highlight-bg-color {
    font-size: 14px;
    font-weight: 500;
}

#div_App_DefaultWidgetSettings .list-group-item {
    border: none;
}

    #div_App_DefaultWidgetSettings .list-group-item:hover {
        background: white;
    }

.ellipsis-hover:hover {
    background: rgb(204, 204, 204, 0.3);
    padding: 6px 12px;
    border-radius: 50%;
}

.ellipsis-hover {
    padding: 6px 12px;
}

.plus-hover {
    padding: 6px 12px;
}

.search_icon {
    padding: 6px 12px;
}

/*dashboard page */
#dashboardwidget-container {
    min-height: 200px;
}

a.btn.btn-sm.no-caret.dropdown-toggle.biz-highlight-bg-color {
    padding: 0px !important;
}

.mb-mode {
    display: none;
}

/*icons*/
.biz-icon-size {
    height: 35px;
    width: 35px;
    display: flex;
    border-radius: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    line-height: 0;
}

/*short code button*/
.btnChangeStageshort {
    font-size: 10px !important;
    display: flex;
    align-content: center;
}

/*Report Views Styles*/
.biz-views-dropdown .report-view-item .dropdown-item.active,
.biz-db-groups-dropdown .li-dashboard-item.active-item .dropdown-item {
    background-color: #F4F5F6 !important;
    color: #1F2327 !important;
    font-weight: 500;
}

.biz-views-dropdown .report-title-link {
    width: max-content;
}

.biz-views-dropdown .dp-viewer-options {
    position: absolute;
    right: 2px;
    top: 2px;
}

.biz-views-dropdown #Bizgaze-messageInfo {
    z-index: 9;
    margin-bottom: 10px;
}

.biz-views-dropdown .delete-template-icon:hover i {
    color: #FF0000;
}

.sub-dropdown-menu .report-title-link {
    width: 98%;
    cursor: default !important;
}

    .sub-dropdown-menu .report-title-link:hover,
    .sub-dropdown-menu .report-title-link:focus {
        background-color: unset !important;
    }

.widget-title-link[aria-expanded="false"] + .views-dropdown-toggle,
.widget-title-link.collapsed + .views-dropdown-toggle {
    display: none;
}

.dp-toggle-icon {
    margin-left: 3px;
    height: 20px !important;
    width: 20px !important;
}

/*End-Report Categories Styles*/
.biz-nav-fullwidth {
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: #000;
    background-size: cover;
    opacity: 0.5;
    left: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 99;
}

.navbar.biz-navbar {
    z-index: 1010;
}

.active-report-popup .biz-wrapper.biz__icon__menu .biz-right-side-menu,
.active-report-popup .navbar.biz-navbar,
.active-report-popup .hk-wrapper .biz-settings-panel,
.active-report-popup .biz-nav-fullwidth,
.active-report-popup .bootbox.modal {
    z-index: 9999 !important;
}

/*Notification icon*/
.notification-icon {
    transform: rotate(20deg);
    padding: 50px;
    background: rgb(204, 204, 204, 0.3);
    border-radius: 50%;
    font-size: 40px;
}

.notification-footer {
    width: 100%;
    padding: .75rem 1.25rem;
    margin-bottom: 5px;
}

/*.notification-empty-card {
    height: 92vh;
}*/

/*.biz-body-height {
    height: 85vh;
}*/
a#Biz_favorite {
    display: none;
}

/*Fixed Table Styles*/
.tableFixHead {
    overflow-y: auto;
    height: 300px;
}

    .tableFixHead thead th {
        position: sticky;
        top: 0;
        z-index: 10000
    }

    .tableFixHead table {
        border-collapse: collapse;
        width: 100%;
    }

    .tableFixHead th {
        background: #eee;
    }

/*Fixed Table Styles*/

/*Details Portlet tabs scroll*/
@media (max-width: 768px) {
    .biz-navbar .navbar-nav .nav-item {
        padding: 0px 15px 0px 5px !important;
    }

    .layout-detail-tabs {
        overflow-x: auto;
        flex-wrap: nowrap !important;
    }

        .layout-detail-tabs::-webkit-scrollbar {
            height: 0;
            background: transparent;
        }

        .layout-detail-tabs .tab-item .nav-link {
            width: max-content;
        }
}

/*Dashboard Report widget padding Start Here*/
.widgetdataHere .line-loader-container,
.widgetdataHere .templateviewer-tableview {
    margin: 0px !important;
    padding: 0px !important;
}

    .widgetdataHere .line-loader-container .card-header-left li.d-flex {
        padding: 10px 20px !important;
        margin-left: 5px;
    }

.dashboardwidget-item .line-loader-container .card-header-left li.d-flex {
    margin-left: 5px;
    padding: 10px 20px !important;
}

.widgetdataHere .line-loader-container .card-header-right .reportview-remove-none {
    margin-right: 5px;
}

/*Dashboard Report widget padding End Here*/
.apply-btn-group.toggle-btn .btn-outline-primary {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.apply-btn-group .dropdown-toggle {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    padding-left: .425rem !important;
}

.biz-dropdown.show .btn-flush-biz-theme.flush-soft-hover.dp-viewer-options-btn,
.biz-dropdown.show .btn-flush-biz-theme.flush-soft-hover.link-report-icon {
    background: transparent !important;
}

.card-header-top .dp-viewer-options-menu {
    right: 4%;
    left: auto;
    top: 80px;
}

.portletwidget-item .card-header-top .dp-viewer-options-menu {
    top: 75px;
}

/*detail page header buttons CSS*/
.btn.btn-outline-light:hover {
    background: rgb(204, 204, 204, 0.2);
}

.btn.btn-outline-light {
    padding: 0px 15px;
    font-weight: 500;
    color: black;
    height: 30px !important;
}

.biz-icon-hover {
    position: relative;
    height: 30px;
    width: 30px;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 1.5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background-color .15s ease-in-out;
}

    .biz-icon-hover:hover {
        background-color: rgb(204, 204, 204, 0.2);
    }

.detail-close {
    line-height: 0.5;
    margin-right: 2px;
}

.heading-display-name {
    height: 100%;
    width: 100%;
    background: transparent;
    z-index: 555;
    position: absolute;
    top: 0;
    left: 0;
}

.timeline_icon_wrap {
    position: absolute;
    right: 0;
    bottom: -2px;
}

/* Details Preloader */
@keyframes anim {
    0% {
        background-position: -488px 0;
    }

    100% {
        background-position: 868px 0;
    }
}

@-o-keyframes anim {
    0% {
        background-position: -868px 0;
    }

    100% {
        background-position: 868px 0;
    }
}

@-ms-keyframes anim {
    0% {
        background-position: -868px 0;
    }

    100% {
        background-position: 868px 0;
    }
}

@-moz-keyframes anim {
    0% {
        background-position: -868px 0;
    }

    100% {
        background-position: 868px 0;
    }
}

@-webkit-keyframes anim {
    0% {
        background-position: -868px 0;
    }

    100% {
        background-position: 868px 0;
    }
}

#detail-skeleton .widget {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0.25rem;
    margin: 10px auto;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: transparent;
}

#detail-skeleton .panel-effect-first {
    position: relative;
    background: #f6f7f8 no-repeat 800px 104px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjdmOCIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZWRlZWYxIi8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNmNmY3ZjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY3ZjgiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f6f7f8), color-stop(20%, #edeef1), color-stop(40%, #f6f7f8), color-stop(100%, #f6f7f8));
    background-image: -moz-linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-image: -webkit-linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    height: 120px;
    -moz-animation: anim 1s forwards infinite linear;
    -webkit-animation: anim 1s forwards infinite linear;
    animation: anim 1s forwards infinite linear;
    margin-bottom: 20px;
    border-radius: 4px;
}

#detail-skeleton .panel-effect {
    position: relative;
    background: #cccccc no-repeat 800px 104px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjdmOCIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZWRlZWYxIi8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNmNmY3ZjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY3ZjgiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #cccccc), color-stop(20%, #edeef1), color-stop(40%, #cccccc), color-stop(100%, #cccccc));
    background-image: -moz-linear-gradient(left, #cccccc 0%, #edeef1 10%, #cccccc 40%, #cccccc 60%);
    background-image: -webkit-linear-gradient(left, #cccccc 0%, #edeef1 10%, #cccccc 40%, #cccccc 60%);
    background-image: linear-gradient(to right, #cccccc 0%, #edeef1 10%, #cccccc 40%, #cccccc 60%);
    height: 50px;
    -moz-animation: anim 1s forwards infinite linear;
    -webkit-animation: anim 1s forwards infinite linear;
    animation: anim 1s forwards infinite linear;
    margin-bottom: 20px;
    border-radius: 4px;
}

#detail-skeleton .fake-effect {
    position: absolute;
    background: #fff;
    right: 0;
    left: 0;
    height: 6px;
}

/*End- Details Preloader */

.profile-cover-wrap .details-err-msg {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

    .profile-cover-wrap .details-err-msg .alert {
        width: 100%;
        margin-bottom: 0 !important;
        z-index: 9;
    }

/*comments profile css*/
.comment-user-img .avatar.avatar-sm {
    width: 25px;
    height: 25px;
    font-size: 1rem;
}

.commentTextBox {
    font-size: 14px;
    outline: none;
}

    .commentTextBox::placeholder {
        font-size: 12px;
    }

    .commentTextBox:active {
        background-color: white !important;
    }

.edit-filters-body input[type="radio"],
.edit-filters-body input[type="checkbox"] {
    -ms-transform: scale(1.25);
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
}

.edit-filters-body .list-group .filter-item {
    margin-bottom: 20px;
}

.edit-filters-body .list-group:not(.static-filter-list) .filter-item:last-child {
    margin-bottom: 0px;
}

#is-filterable-section .filter {
    font-size: 23px;
    cursor: grab;
    color: #3e3a3a;
}

.card-search-bar .search-wrapper .main-search-loader {
    border: 3px solid #ccc;
    border-top: 2px solid #000;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    animation: main-search-loader-spin 1s linear infinite;
    top: 28% !important;
}

@keyframes main-search-loader-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.div_App_DefaultWidgetSettings_toggle_right {
    transform: rotate(-90deg);
    transition: all 0.3s ease;
}

.div_App_DefaultWidgetSettings_toggle_down {
    transform: rotate(0deg);
    transition: all 0.3s ease;
}

.report_img .biz-detail-avatar {
    width: 25px !important;
    height: 25px !important;
}

/*editscreen app click should not work */
#dashboardwidget-container .clickdisabled {
    pointer-events: none;
}

/*Session Time Out CSS*/
.sessiontimeoutimg {
    animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
    animation-iteration-count: 2;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

.form-control.sessioninput:focus {
    color: #495057;
    background-color: #fff;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

span.pos-hand-symbol {
    cursor: pointer;
}

.InventoryTypesTextboxes input:active,
.InventoryTypesTextboxes input:focus {
    background: none !important;
}

/*show password requirement*/
.showpwsdreq {
    position: relative;
    top: -5px;
    left: 0px;
    width: 100%;
}

/*Crypto start Here By Sudheer*/
input.isencrypt[type="checkbox"] {
    cursor: pointer;
}

/*Crypto End Here By Sudheer*/

/*#biz-banner-carousel .owl-stage-outer{
    height: 500px !important;
}
*/
.filter-input-wrap {
    position: relative;
}

    .filter-input-wrap .input-clear-link {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-45%);
        color: #1F2327;
        font-size: 13px;
        font-weight: 500;
    }

/*Opt Modal Design*/
.otpdiv .floating-label-form-group {
    display: flex;
    justify-content: space-between;
    width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.floating-label-form-group .txt_Otp {
    border: none;
    border-bottom: 1px solid #3e606c;
    margin: 0;
    font-size: 16px;
    height: 40px;
    max-width: 28px;
    padding: 8px !important;
    width: 25px;
}

.floating-label-form-group .txt_Code {
    border: none;
    border-bottom: 1px solid #3e606c;
    margin: 0;
    font-size: 16px;
    height: 40px;
    max-width: 28px;
    padding: 8px !important;
    width: 25px;
}

.terms-conditions .custom-control-label::before {
    background-color: none !important;
    display: none;
}

.terms-conditions .custom-control-label::after {
    display: none;
}

.terms-conditions label.custom-control-label {
    color: #00D67F !important;
}

    .terms-conditions label.custom-control-label:hover {
        color: white !important;
    }

/* Pos delete bootbox design styles*/
.delete-item-bootbox {
    background-color: rgba(31, 35, 39, 0.5);
}

    .delete-item-bootbox .modal-body {
        padding-bottom: 1rem;
        text-align: center;
    }

    .delete-item-bootbox .modal-footer {
        padding-top: 0px;
        border: none;
    }

    .delete-item-bootbox .bootbox-accept {
        border-radius: 20px;
        margin: 0 auto;
        background-color: #02a83f;
        border-color: #02a83f;
    }

        .delete-item-bootbox .bootbox-accept:focus,
        .delete-item-bootbox .bootbox-accept:hover,
        .delete-item-bootbox .bootbox-accept:active {
            background-color: #068c37;
            border-color: #068c37;
        }

    .delete-item-bootbox .modal-body > .close {
        top: .75rem;
        right: 1rem;
    }

    .delete-item-bootbox .close:before {
        font-size: 25px;
        color: red;
    }

/*End- Pos delete bootbox design styles*/
.dashboard-setting-dp .dropdown-menu.show {
    transform: translate3d(-153px, 30px, 0px) !important;
}

.jq-toast-wrap.top-center {
    top: 5% !important;
    transform: translate(-50%, -50%) !important;
    left: 50% !important;
}

.biz-wrapper.biz__icon__menu .biz-menu.biz-primary-text-color .biz-submenu .nav-options-container ul li a {
    font-size: 16px;
    font-weight: 500;
}

/*.dashboardWidgetModal {
    z-index: 9999;
    background-color: rgba(31, 35, 39, 0.5);
}*/
.dashboardWidgetModal .WidgetModal {
    max-width: 95%;
}

.dashboardWidgetModal .modal-header .nav-tabs .nav-item:first-of-type .nav-link {
    margin-left: 0 !important;
}

.dashboardWidgetModal .modal-header .nav-tabs .nav-item:last-of-type .nav-link {
    margin-right: 0 !important;
}

.dashboardWidgetModal .modal-footer {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

#SaveEditDetailScreen .modal-body {
    height: auto !important;
}

/*All KPI Font Start Here*/
[data-kpi|="kpi_font"] {
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*All KPI Font End Here*/
.nav-group-search-li .group-search-input {
    background-color: transparent;
    border: none;
    padding-right: 27px;
    padding-left: 5px;
}

    .nav-group-search-li .group-search-input:focus-visible {
        background-color: rgb(204, 204, 204, 0.2) !important;
        outline: none;
        box-shadow: none;
    }

.nav-group-search-li .search-icon,
.nav-group-search-li .clear-search {
    position: absolute !important;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
}

#div_App_DefaultWidgetSettings .biz-highlight-bg-color {
    font-size: 16px !important;
    font-weight: 500 !important;
}

.biz-submenu .navbar-nav .nav-item,
.navbar-nav-wrap .navbar-nav .nav-item {
    margin: 2px 0px;
}

/*Guest App Folder Css Files */
.biz-img-folder {
    height: 150px;
    width: 150px;
    text-align: center;
}

.biz-folder_tab {
    width: 47px;
    height: 10px;
    margin-left: 0;
    border-radius: 5px 10px 0 0;
    background-color: #f2c874;
}

.biz-folder {
    width: 100px;
    height: 100px;
    border-radius: 0 5px 5px 5px;
    box-shadow: 1px 1px 0 1px #CCCCCC;
    padding: 5px;
    background-color: #f2c874;
}

.biz-folder-img {
    width: 100%;
    height: 100%;
}

/*Guest App Folder Css Files */
.search-clear-items {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
    z-index: 4;
    right: 10%;
    color: black;
}

    .search-clear-items:hover {
        color: red !important;
    }

.cmn-daterange-input:focus {
    box-shadow: none !important;
}

.desktop-view.col-xl-7 {
    padding: 100px;
}

@media (min-width: 767px) and (max-width: 1199px) {
    /* mobil-login,register&forgot_password*/

    .mobil_new_login #Frm_Login,
    .mobil_new_login #Frm_navgator,
    .mobil_new_login #frm_RegisterUser,
    .mobil_new_login #frm_ForgotPassword {
        background: url(../imgs/tab-view-img.png) no-repeat !important;
        height: 100vh;
        background-size: cover !important;
        background-repeat: no-repeat;
    }

    .mobil_new_login .form-control.login-input,
    .mobil_new_login .form-control.login-input:focus,
    .mobil_new_login .form-control#txt_EmailorPhone,
    .mobil_new_login .form-control#txt_EmailorPhone:focus,
    .mobil_new_login #ddl_Tenant,
    .mobil_new_login #txt_ConfirmPswd,
    .mobil_new_login #txt_ConfirmPswd:focus,
    .mobil_new_login #txt_NewPswd,
    .mobil_new_login #txt_NewPswd:focus,
    .mobil_new_login #txt_PhoneorMail,
    .mobil_new_login #txt_PhoneorMail:focus,
    .mobil_new_login #txt_ConfirmPassword,
    .mobil_new_login #txt_ConfirmPassword:focus,
    .mobil_new_login #txt_NewPassword,
    #txt_NewPassword:focus {
        border-radius: 10px !important;
        background: white !important;
    }
    /* end-mobil-login,register&forgot_password*/
}

.div_details_lock span {
    height: 28px;
    width: 28px;
    display: flex;
    color: #fff;
    border-radius: 5%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    font-size: 18px;
    color: red;
    border-radius: 50%;
    border: solid 1px red;
    font-weight: 500;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 16px;
}

/*User Login Dettials Widget */
.user_login_detials {
    padding: 20px;
    background: white;
}

    .user_login_detials .card.user_login_card {
        margin-top: 50px;
        border: none;
        margin-bottom: 0px;
        padding-bottom: 30px;
    }

    .user_login_detials .biz-login-user {
        margin-top: -50px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
    }

    .user_login_detials .user_Name {
        font-size: 30px;
        color: black;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .user_login_detials .user_Company_Name {
        color: black;
        font-size: 16px;
    }

    .user_login_detials .user_Branch_Name {
        color: black;
        font-size: 16px;
        margin-top: 5px;
    }

    .user_login_detials .notification_icon {
        font-size: 16px;
        font-weight: 500;
        color: black;
    }

    .user_login_detials .task_icon {
        font-size: 16px;
        font-weight: 500;
        color: black;
    }

    .user_login_detials .user_icons_sup {
        margin-left: 30px;
        top: -52px;
        font-size: 15px;
    }

    .user_login_detials .notifications_width {
        width: 50%;
    }

.customer-location-body .simplebar-content {
    height: 100%;
}

.card-search-bar .filter-icon .applied-filter-count {
    position: absolute;
    width: 15px;
    height: 15px;
    top: -1px;
    right: -2px;
    font-size: 10px;
    display: none;
    align-items: center;
    justify-content: center;
    border-width: 1px;
    border-radius: 50%;
}

    .card-search-bar .filter-icon .applied-filter-count.active {
        display: flex;
    }

.cmn-daterange-picker.daterangepicker .drp-calendar {
    max-width: max-content !important;
}

@media (max-width: 767px) {
    .cmn-daterange-picker.daterangepicker {
        width: 290px !important;
    }
}

.div_treeviewdata .collapse-link {
    background: transparent;
    color: inherit;
    font-weight: 500;
    padding: 0.75rem 1.25rem;
    display: block;
    width: 100%;
    text-align: left;
    position: relative;
    transition: all 0.2s ease-in-out;
}

    .div_treeviewdata .collapse-link .collapse-icon,
    .div_treeviewdata .tree-item-collapse-span .tree-collapse-icon {
        font-size: 16px;
        line-height: 0px;
        transform: rotate(0deg);
        transition: transform 0.4s ease;
    }

    .div_treeviewdata .collapse-link.collapsed .collapse-icon,
    .div_treeviewdata .tree-item-collapse-span.collapsed .tree-collapse-icon {
        transform: rotate(90deg);
    }

.div_treeviewdata .tree-item-label {
    color: inherit;
}

.div_treeviewdata .tree-view-list.collapse.show {
    display: flex !important;
}

/*Report Col Select Styles*/
.groupby-cat-dp-menu .select2-container,
.groupby-cat-dp-menu .groupby-cat-select {
    width: 100% !important;
    z-index: 9 !important;
    margin-top: 10px;
}

.groupby-cat-dp-menu .select2-search__field,
.tax-manager-branch .select2-search__field {
    width: auto !important;
}

/* css for emp locations */
.emp_map_track_container {
    background: #F7F7F7;
}

#emps_card_container {
    overflow: auto;
    overflow-x: hidden;
}

.employees_list_location {
    gap: 20px;
}

.filtermodal_emp {
    position: absolute;
    right: -9px;
    top: 46%;
    transform: translate(0%, -50%);
    border-radius: 8px;
    cursor: pointer;
}

.search_emp_icon {
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translate(-50%, -50%);
}

/*.employee_search_filter_input {
    border: none;
    outline: 0;
    -webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.35);
    border-radius: 10px;
    padding-left:30px;
}

.employee_search_filter_input:focus{
    outline:0;
}*/
.employee_search_filter_input {
    padding-left: 30px !important;
    outline: 0;
    border-radius: 0.25rem !important;
    background-color: rgb(255 255 255 / 37%) !important;
    border: solid 1px #ccc !important;
}

    .employee_search_filter_input:focus {
        outline: 0;
    }

    .employee_search_filter_input::-webkit-input-placeholder {
        /* Edge */

        font-size: 16px;
        color: black;
    }

    .employee_search_filter_input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */

        font-size: 16px;
        color: black;
    }

    .employee_search_filter_input::placeholder {
        font-size: 16px;
        color: black;
    }

.emps_card {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.filterIconEmp {
    transition: all .2s ease;
}

    .filterIconEmp:hover,
    .filterHover {
        transition: all .2s ease;
        background: rgb(204, 204, 204, 0.2);
        border-radius: 50%;
    }

.searchEmp_containerParent .filterIconEmp:hover {
    transition: all .2s ease;
    color: red;
    border-radius: 50%;
}

.modal li.list-group-item.remove-bb {
    border-bottom: none !important;
}

/*Custom Tooltip Styles*/
.ui-tooltip.ui-widget-content {
    border: 1px solid #aaa;
    color: unset;
    background: #3c4043;
    border-radius: 4px;
    padding: 4px 8px;
    box-shadow: none;
}

.ui-tooltip.ui-widget {
    font-family: inherit;
    font-size: 12px;
}

.ui-tooltip .ui-tooltip-content {
    color: #fff;
}

/*End-Custom Tooltip Styles*/

/*Common filter side panel*/
.biz-common-filter-dropdown .btn.btn-icon.cmn-filter-panel-pin {
    position: absolute !important;
    top: -9px;
    right: -9px;
    background-color: #fff !important;
    z-index: 9;
}

.biz-cmn-filter-panel {
    position: fixed;
    top: 55px;
    right: -300px;
    width: 300px;
    bottom: 0;
    border: none;
    background: #fff;
    box-shadow: 0 28px 28px rgb(0 0 0 / 7%);
    transition: all 0.4s ease;
}

.hk-wrapper .biz-cmn-filter-panel.show {
    right: 0;
}

.biz-wrapper .biz-cmn-filter-panel {
    top: 0;
    right: -350px;
}

    .biz-wrapper .biz-cmn-filter-panel.show {
        right: 50px;
    }

.biz-pg-wrapper.has-cmn-filter-panel {
    margin-right: 300px !important;
    transition: margin-right 0.4s ease;
}

.biz-wrapper .biz-pg-wrapper.has-cmn-filter-panel {
    margin-right: 350px !important;
}

/*End-Common filter side panel*/

/*Custom Calendar view styles*/
@media (max-width: 1199px) {
    #detailHeaderModal .biz-detail-avatar.header-avatar {
        position: relative;
        width: 80px !important;
        height: 80px !important;
        border-radius: 50%;
        display: flex !important;
        justify-content: center;
        align-items: center;
        margin-right: 5px;
    }

    .hk-wrapper .biz-settings-panel {
        z-index: 9999 !important;
    }

    .templateviewer-tableview .fc-toolbar.fc-header-toolbar {
        margin-bottom: 5px;
    }

    [data-kpi|="kpi_font"] {
        font-family: Inter, sans-serif;
        font-size: 12px !important;
        font-weight: 500;
        color: #000;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .templateviewer-tableview .fc-header-toolbar .fc-center {
        margin-top: 10px;
    }

    .fc-header-toolbar .fc-center h2 {
        font-size: 1.5rem;
    }

    .hk-wrapper.hk-nav-toggle .biz-nav-fullwidth,
    .biz-wrapper.biz__nav__toggle .biz-nav-fullwidth {
        z-index: 99999 !important;
    }

    .hk-wrapper.hk-vertical-nav.hk-nav-toggle .hk-nav.biz-layout-3-left-nav,
    .hk-wrapper.hk-horizontal-nav.biz__nav__toggle .hk-nav.biz-layout-2-left-navbar,
    .hk-wrapper.hk-horizontal-nav.biz__nav__toggle.biz-layout-2-top-navbar .hk-navbar,
    .biz-wrapper.biz__nav__toggle .biz-submenu {
        z-index: 999999 !important;
    }

    .biz-wrapper.biz__nav__toggle .biz-main-menu {
        z-index: 9999999 !important;
    }
}

/*End-Custom Calendar view styles*/

/*New loader for Widgets view loadings*/
.report-views-loader {
    border: 3px solid #ccc;
    border-top: 2px solid #000;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    animation: main-search-loader-spin 1s linear infinite;
    top: 28% !important;
}

.ui-sortable-handle,
.ui-draggable-handle,
.ui-selectable,
.ui-resizable-handle,
.ui-slider-handle {
    -ms-touch-action: auto !important;
    touch-action: auto !important;
}

/*DC Edit MRP Mobile view changes*/
.qnty_controls {
    border-bottom: 1px solid grey !important;
}

.div_SplitchkPieces.custom-checkbox.checkbox-primary .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #00B0FF !important;
}

.div_SplitchkQuantity.custom-checkbox.checkbox-primary .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #00B0FF !important;
}

@media (max-width:576px) {
    .qnty_controls {
        border-bottom: none !important;
    }

    .custom-control-input {
        z-index: 0;
    }

    .min-padding {
        border-bottom: 1px solid grey;
    }
}

@media (min-width:768px) and (max-width:992px) {
    .custom-control-input {
        z-index: 0;
    }
}

/*DC Edit MRP Mobile view changes*/
.target-search-wrap.card-search-bar .txt_global_search {
    padding-right: 10px;
}

.target-search-wrap.card-search-bar .search-wrapper .search-clear-icon {
    right: 10px;
    display: flex;
}

/*Pivot Ui Table Styles*/
.pivot-ui-tableview {
    overflow: auto !important;
}

    .pivot-ui-tableview .pvtUi {
        width: 100%;
        margin-bottom: 15px;
    }

    .pivot-ui-tableview .pvtHorizList,
    .pivot-ui-tableview .pvtTable {
        width: 100%;
    }

    .pivot-ui-tableview table.pvtTable thead tr th {
        padding: 0.25rem;
        font-size: 14px;
        font-weight: 500;
        border-color: rgb(217, 217, 217);
    }

    .pivot-ui-tableview table.pvtTable tbody tr th,
    .pivot-ui-tableview table.pvtTable tbody tr td {
        position: relative;
        box-sizing: border-box;
        padding: 0.15rem 0.25rem;
        vertical-align: middle;
        font-size: 13px;
        color: #000006;
        background-color: #fff;
        border: none;
        border-bottom: 1px solid #dee2e6;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .pivot-ui-tableview .pvtAxisContainer,
    .pivot-ui-tableview .pvtVals,
    .pivot-ui-tableview .pvtUiCell {
        background: transparent;
        padding: 5px;
        border-color: rgb(217, 217, 217);
    }

        .pivot-ui-tableview .pvtAxisContainer li {
            padding: 10px 6px;
        }

            .pivot-ui-tableview .pvtAxisContainer li .pvtAttr {
                padding: 5px 10px;
                border: none;
            }

        .pivot-ui-tableview .pvtAxisContainer .pvtAttr .column-dropdown {
            display: inline-block;
            cursor: pointer;
        }

    .pivot-ui-tableview select {
        border-radius: 0.25rem;
        padding: 0.25rem;
    }

    .pivot-ui-tableview .pvtFilterBox {
        border-color: rgb(217, 217, 217);
    }

        .pivot-ui-tableview .pvtFilterBox h4 {
            margin: 10px;
            font-size: 18px;
        }

    .pivot-ui-tableview .pvtFilterBox {
        border-radius: 0.25rem;
    }

        .pivot-ui-tableview .pvtFilterBox input[type='text'] {
            border-radius: 0.25rem;
            padding: 0.25rem;
            border-width: 1px;
            margin-bottom: 10px;
        }

        .pivot-ui-tableview .pvtFilterBox button {
            margin: 0px 5px;
        }

    .pivot-ui-tableview .column-dp-menu li:not(.dropdown-item) {
        padding: 0;
    }

    .pivot-ui-tableview .pvtTotal,
    .pivot-ui-tableview .pvtGrandTotal {
        font-weight: 500;
    }

/*End-Pivot Ui Table Styles*/

/*Kanban Ui Styles*/
.kanban-container .kanban-board {
    margin: 0px 15px;
}

    .kanban-container .kanban-board:first-of-type {
        margin-left: 0px !important;
    }

    .kanban-container .kanban-board:last-of-type {
        margin-right: 0px !important;
    }

.kanban-board header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px !important;
}

/*End-Kanban Ui Styles*/

/*Pinned Dynamic Filters Styles*/
.biz-pinned-dynamic-filters {
    background-color: #fff;
    border-radius: 15px;
    margin: 10px 0 5px;
}

.dashboardwidget-item .biz-pinned-dynamic-filters,
.portletwidget-item .biz-pinned-dynamic-filters {
    margin: 0;
}

.biz-pinned-dynamic-filters .filter-dropdown-body {
    max-height: 150px;
}

.biz-filter-dropdown .dynamic-filter-pin {
    position: absolute !important;
    top: -9px;
    right: -9px;
    background-color: #fff !important;
    z-index: 9;
}

.unpin-dynamic-filters-icon .la-thumbtack:after {
    content: '|';
    color: #000;
    position: absolute;
    right: 55%;
    font-weight: 500;
    top: 46%;
    font-size: 1em;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

/*End-Pinned Dynamic Filters Styles*/
.divCustomProperties label[for='Validation']:empty {
    display: none;
}

/*Card new class added Card vIew in mobile View */
.widget-card {
    background: #fff;
    font-size: 14px;
    font-weight: 400;
    border-bottom: 2px solid #ccc;
    padding: 0.5rem 0.5rem;
    box-shadow: none;
    color: #000;
}

/*resume parsing styles start*/
.dragEnterResume {
    background: rgb(114 255 255 / 0.40) !important;
}

.resumeParsingButtonDelete {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.parsingForm {
    position: relative;
}

[data-copy="true"] {
    color: #298DFF;
}

/*resume parsing styles end*/

/*Intgrations start Here */
[data-integrations="4lines"] {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-all
}

.word-break-biz {
    word-break: break-all !important;
}

/*Intgrations End Here */

/* Viewer Footer Styles*/
.footer-count-wrap {
    position: relative;
    height: 50px;
}

    .footer-count-wrap .more-btn-group {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .footer-count-wrap .report-count-wrap {
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
    }

.report-viewer-footer .more-btn-group {
    margin: .5rem 0;
    z-index: 9;
}

.report-viewer-footer.footer-count-wrap .more-btn-group {
    margin: 0;
}

.report-viewer-footer .more-btn-group .dropdown-toggle:after {
    top: 3px;
    right: 3px;
}

/*End-Viewer Footer Styles*/

/*Notification Rules start here*/
.textarea textarea::-webkit-scrollbar {
    width: 4px;
}

.textarea textarea::-webkit-scrollbar-button {
    display: none;
}

.textarea textarea::-webkit-scrollbar-track {
    background-color: transparent;
}

.textarea textarea::-webkit-scrollbar-thumb {
    background: #d2d2d2;
}

.textarea::-webkit-scrollbar {
    width: 4px;
}

.textarea textarea::-webkit-scrollbar-button {
    display: none;
}

.textarea textarea::-webkit-scrollbar-track {
    background-color: transparent;
}

.textarea textarea::-webkit-scrollbar-thumb {
    background: #d2d2d2;
}

/*Notification Rules End here*/

/*for details page header subtext*/
.biz-header-sub-text {
    font-weight: 500;
    font-size: 14px;
    color: black;
}

.form-control.form-group-required {
    border-bottom: 1px solid #fb6b5b !important
}

.biz-select2-wrap .select2.select2-container {
    width: 100% !important;
}

.cmn-filters-body .cmn-filter-edit-icon-wrap {
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    background-color: #fff;
}

/*User Login widget*/
.user-login-img-div .edit-picture {
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: rgb(19, 19, 19, 0.5);
    color: white;
    font-size: 20px;
    margin-left: 2px;
    align-items: center;
    justify-content: center;
}

/* Attendence Widget  Styles Starts here */
#caputer_video .close:before {
    font-size: 27px !important;
    color: #0d0d0d;
}

.check_in_timer .strttime img,
.check_in_timer .endtime img,
.check_in_timer .duration img {
    width: 100%;
    max-width: 32%;
    padding: 0px 11px 0px 0px;
}

.User_Picture #cam,
.User_Picture #photo {
    max-width: 100%;
}

.thumb_output_ .loader-pendulums {
    width: 46px;
    height: 46px;
    left: 175px;
}

    .thumb_output_ .loader-pendulums:before {
        width: 46px;
        height: 46px;
    }

    .thumb_output_ .loader-pendulums:after {
        width: 46px;
        height: 46px;
    }

@media (max-width:576px) {
    .check_timings #Check_duration,
    .check_timings #Check_out_time,
    .check_timings #Check_in_time,
    .check_in_timer .check_timings .check {
        font-size: 12px !important;
    }

    .check_in_timer .timing {
        width: 100%;
        max-width: 10% !important;
    }

    .check_in_timer .run_time {
        font-size: 18px !important;
        width: 100%;
        max-width: 91px;
    }

    .check_in_timer #check_in_btn,
    .check_in_timer #check_out_btn {
        padding: 2px 4px !important;
    }

        .check_in_timer #check_in_btn span,
        .check_in_timer #check_out_btn span {
            font-size: 14px !important;
        }

    .check_in_body .shift_name,
    .check_in_body.shift_timeings {
        font-size: 13px !important;
    }

    .User_Picture #user_location {
        font-size: 12px !important;
    }

    .User_Picture #location_data button {
        font-size: 11px !important;
    }

    .check_in_timer .strttime img,
    .check_in_timer .duration img {
        width: 100%;
        max-width: 32% !important;
        padding: 0px 7px 0px 0px;
    }

    .check_in_timer .endtime img {
        width: 100%;
        max-width: 33% !important;
        padding: 0px 7px 0px 0px;
    }
}

@media (max-width:991px) {
    .check_in_timer .timing {
        width: 100%;
        max-width: 6%;
    }

    .check_in_timer .duration,
    .check_timings .startime {
        justify-content: center !important;
    }

        .check_in_timer .duration img,
        .check_in_timer .endtime img,
        .check_in_timer .strttime img {
            width: 100%;
            max-width: 20%;
            padding: 0px 7px 0px 0px;
        }
}

@media (min-width: 768px) {
    .check_in_timer .timing {
        width: 100%;
        max-width: 6%;
    }

    .sales-special-offers {
        top: -10px;
        left: 8%
    }
}

@media (min-width: 764px) {
    .run_time {
        width: 100%;
        max-width: 125px;
    }
}

@media (min-width: 992px) {
    .check_in_timer .timing {
        width: 100%;
        max-width: 5%;
    }

    .run_time {
        width: 100%;
        max-width: 125px;
    }

    .check_in_timer .strttime img,
    .check_in_timer .endtime img,
    .check_in_timer .duration img {
        width: 100%;
        max-width: 50px;
    }
}

@media (max-width:1199px) {
    .check_in_timer .strttime img,
    .check_in_timer .endtime img,
    .check_in_timer .duration img {
        padding: 0px 7px 0px 0px;
    }
    .widget-card {
        font-size: 11px !important;
    }
}

@media (min-width:1200px) {
    .check_in_timer .timing {
        width: 100%;
        max-width: 9%;
    }

    .check_in_timer .strttime img,
    .check_in_timer .endtime img,
    .check_in_timer .duration img {
        width: 100%;
        max-width: 35px;
    }

    .run_time {
        width: 100%;
        max-width: 120px;
    }
}

@media (min-width:1490px) {
    .check_in_timer .strttime img,
    .check_in_timer .endtime img,
    .check_in_timer .duration img {
        width: 100%;
        max-width: 50px;
    }
}
/* Attendence Widget  Styles Ends here */
.floating-label-form-group-with-value label {
    opacity: 1 !important;
}

#wizard-multi-step input[type=number]::-webkit-inner-spin-button,
#wizard-multi-step input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.label-help-text {
    padding: 0px 5px;
    border-radius: 0.25rem;
    font-size: 12px;
    color: #6c6c6d;
}

    .label-help-text:hover {
        background-color: #ffc20e52;
        color: #3d3a3a;
    }

.floating-label-form-group.help-tooltip-enabled label {
    top: 0;
    opacity: 1;
}

.cart-categories-wrap .cat-title-input:focus {
    box-shadow: 0 0 0 0.1rem rgb(0 123 255 / 25%);
}

#div_detail_profile {
    box-shadow: -300px -1px 1px 1px rgb(32 32 32 / 50%);
}

.widgetdataHere ul.layout_list_container li:last-child .widget-card {
    border: none !important;
}

/* Details pages click events disable when edit screen mode Start Here */
/*.tab-container[data-click_disbale_details="true"] [data-click_event_widget="disable"] {
    cursor: not-allowed;
}

    .tab-container[data-click_disbale_details="true"] [data-click_event_widget="disable"] a {
        pointer-events: none;
    }*/

/* Details pages click events disable when edit screen mode End Here */

/*time line more option class*/
.timeline-data-hide {
    height: 35px;
    overflow: hidden;
}

/*checkbox while disabled*/
.custom-checkbox.checkbox-primary .custom-control-input:disabled ~ .custom-control-label::before {
    background-color: #00b0ff4d !important;
    cursor: no-drop;
}

.custom-checkbox.checkbox-primary .custom-control-input:disabled ~ .custom-control-label::after {
    cursor: no-drop;
}

.custom-control-input[type="radio"]:disabled ~ .custom-control-label::after {
    cursor: no-drop;
}

.custom-checkbox .custom-control-input:checked:disabled ~ .custom-control-label::after {
    cursor: no-drop;
}

/*employee target-widget css starts*/
.employee-target-row .progress-circle-timeline {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #ebebeb;
}

.employee-target-row .progress-circle span:after {
    content: "%";
    font-weight: 500;
    color: #8b8b8b;
}

.employee-target-row .progress-circle:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-animation: colorload 2s;
    animation: colorload 2s;
}

.employee-target-row .progress-circle span {
    font-size: 1rem;
    color: #8b8b8b;
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-left: -20px;
    margin-top: -20px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    z-index: 1;
}

.employee-target-row .progress-circle {
    position: relative;
    display: inline-block;
    margin: 1rem;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #ebebeb;
}

.employee-target-row .progress-circle-timeline span {
    font-size: 10px;
    color: #8b8b8b;
    position: absolute;
    left: 50%;
    top: 50%;
    /*display: block;*/

    display: flex;
    justify-content: center;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-left: -10px;
    margin-top: -10px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    z-index: 1;
}

.employee-target-row .progress-circle-timeline:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-animation: colorload 2s;
    animation: colorload 2s;
}

a.badge[data-stage2dropdown="true"]:focus,
a.badge[data-stage2dropdown="true"]:hover {
    box-shadow: none !important;
    transform: none;
}

.layout_list_container .badge,
a.badge[data-stage2dropdown="true"] span:first-of-type {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*Details page Portlets more anchor tag*/
.more-tab .collapsedPortlet {
    display: flex;
    align-items: center;
}

/*time line more option class*/
.timeline-data-hide-single {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.timeline-data-hide {
    line-height: 1.5em;
    height: 35px;
    overflow: hidden;
}

.layout_list_container .badge,
a.badge[data-stage2dropdown="true"] span:first-of-type {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

span.select2-selection.select2-selection--single {
    outline: none;
}




/*home-page ui changes */

.dashboard-setting-dp .dashboard-settings-btn,
.common-filter-dp-btn {
    font-size: 20px !important;
}


/*order items editItemPrice color*/

.editItemPrice {
    color: #000000 !important
}

/*small mobile screen nav styles starts here */
@media (max-width: 360px) {
    .biz-navbar .navbar-brand .brand-img {
        height: 16px !important;
    }

    .biz-navbar .navbar-nav .nav-item {
        padding: 0px 5px 0px 5px !important;
    }
}


/*New Ui Changes*/

body.background-image #bizgaze_body .top-navbar.hk-wrapper.hk-horizontal-nav .hk-navbar.biz-primary-color {
    background: rgb(0,0,0,0.4) !important;
}

.dashboardwidget-item .card-header, .dashboardwidget-item .card-body, .dashboardwidget-item .card-footer {
    background: white;
}

#bizgaze_body .card.list {
    background-color: #fff0 !important
}

#bizgaze_body .dashboardwidget-item .card.list {
    background-color: #fff !important;
}

body.background-image .userdesignmenu_apps .feature-block, body.background-image .menu .viewer-header {
    background-color: #f0f8ffa8 !important
}

body.background-image .templateviewer-tableview .Templateheader, body.background-image .templateviewer-tableview .templateviewer-body {
    background-color: rgba(255,255,255,0.65) !important
}


.feature-block:hover svg {
    transform: scale(1.1);
    transition: 0.5s;
}

.feature-block:hover {
    -webkit-box-shadow: -1px 1px 13px -2px rgba(140,132,140,0.96);
    -moz-box-shadow: -1px 1px 13px -2px rgba(140,132,140,0.96);
    box-shadow: -1px 1px 13px -2px rgba(140,132,140,0.96);
    transition: 0.9s;
    border-radius: 4px;
}

@media (min-width: 1199px) {
    .col-md-3.droppablePlaceCol .biz-views-dropdown .views-dropdown-footer .btn-outline-primary, .col-xl-3.droppablePlaceCol .biz-views-dropdown .views-dropdown-footer .btn-outline-primary {
        font-size: 8px !important;
        padding: 4px 6px !important;
    }

    .col-md-4.droppablePlaceCol .biz-views-dropdown .views-dropdown-footer .btn-outline-primary, .col-xl-4.droppablePlaceCol .biz-views-dropdown .views-dropdown-footer .btn-outline-primary {
        font-size: 10px !important;
        padding: 4px 6px !important;
    }
}

.userDesignReportSettings .lireportgrp-item:hover {
    -webkit-box-shadow: -1px 1px 13px -2px rgba(140,132,140,0.96);
    -moz-box-shadow: -1px 1px 13px -2px rgba(140,132,140,0.96);
    box-shadow: -1px 1px 13px -2px rgba(140,132,140,0.96);
    transition: 0.9s;
}

    .userDesignReportSettings .lireportgrp-item:hover svg {
        transform: scale(1.1);
        transition: 0.8s;
    }

    .userDesignReportSettings .lireportgrp-item:hover .appname {
        font-weight: 500;
        transition: 0.23;
    }

.biz-svg-avatar {
    position: relative;
    width: 35px !important;
    height: 35px !important;
    border-radius: 50%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}

.daterangepicker.show-calendar.picker-fullwidth {
    left: 10px !important;
    right: auto !important;
}

.kpi-card {
    position: relative;
}

.kpi-card .kpi-link-report {
    position: absolute;
    right: 6px;
    top: 0;
}

.select2-account-container .select2-results__option:last-of-type {
    display: none;
}

.select2-account-container .select2-results.mb-15 {
    margin-bottom: 0px !important
}
/*   customized_products*/
@media (max-width:992px) {
    .customized_product_body p, .Cmp__description, .customized_product_body .list-item-main-title, .custmized_product_footer .confirm_btn {
        font-size: 12px
    }
    .form-check-input {
        transform: scale(1) !important;
    }
    .customized_product_body select {
        padding: 0 !important;
        font-size: 12px;
    }
}
/*Template Text*/
.template__text * {
    font-size: 97% !important;
}