html, body, form {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #efefef;
}

.dx-ChangeViewer-Viewer-button {
    background: red !important;
}

.dx-ChangeViewer-Designer-button {
    background: Blue !important;
}
/*.mydashboard
     {
         width:calc(100% - 60px) !important;
     }
     .mydashboard
     {
         width:calc(100% - 60px) !important;
     }*/
.nodisplay {
    display: none !important;
}

.dashboardcontainer {
    width: calc(100% - 50px);
    float: right;
    height: 100%;
    transition: 0.5s;
}

    .dashboardcontainer.dasdesignmode {
        width: calc(100% - 50px);
        float: right;
        height: 100%;
    }

.tennis-office-menu li a > i.fal.fasmallfont {
    font-size: 15px !important;
    padding-right: 4px;
}

.slider-panel {
    top: 0px !important;
    background-color: #fff !important;
    border-top: 0px solid !important;
    border-left: 0px solid !important;
    border-right: 1px solid #efefef !important;
}

.input-group {
    width: 100%;
}

.btnsaveDashboard {
    width: 90px;
    display: inline-block;
    height: 30px;
    background: #efefef;
    text-align: center;
    text-decoration: none;
    border: 1px solid #d1d1d1;
    color: #212121;
}

    .btnsaveDashboard:hover {
        color: #212121;
        background-color: #eaeaea;
        text-decoration: none;
    }

.savebtncontainer {
    margin: 25px 0px;
}

.dx-dashboard-viewer.dx-dashboard-container .dx-dashboard-layout-container.dx-scrollable {
    height: auto !important;
}

.divtitletxtarea {
    width: 100%;
    height: 350px;
    text-align: left;
    font-size: 15px;
    padding: 5px;
}
.divtitlebuttonarea {
    width: 100%;
    height: 30px;
    text-align: right;
}
.diviframecodearea {
    width: 100%;
    height: 150px;
    text-align: left;
    font-size: 15px;
    border: 1px solid #e5e5e5;
    padding: 5px;
}

.dxllbDeletetxt {
    font-size: 18px !important;
    font-family: Segoe UI, arial,sans-serif !important;
}

.dx-dashboard-no-visible-dashboard {
    color: transparent !important;
}

    .dx-dashboard-no-visible-dashboard div div:first-child {
        color: black !important;
        font-size: 20px;
    }

.lnkbtncloseArea {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 88;
    border: 0px solid transparent !important;
    display: none;
}

.lnkbtnclose, .btnemptydashclose {
    background-image: url(/img/hoverclose_hovereffect.png) !important;
    border: 0px solid #F4F4F4 !important;
    width: 40px !important;
    height: 51px !important;
    background-color: transparent !important;
    background-position: 50% 50% !important;
    background-repeat: no-repeat;
    display: block;
}

    .lnkbtnclose:hover .btnemptydashclose:hover {
        background-color: #eaeaea !important;
    }

.dx-dashboard-designer-menu-header.dx-template-wrapper.dx-popup-title {
    height: 50px;
    width: 240px;
}

.dashboardcontainer.dasdesignmode .lnkbtncloseArea {
    display: block !important;
}

.dashboardcontainer.dasdesignmode .dx-dashboard-close {
    display: none;
}

.dashboardcontainer.dasdesignmode .btndashboardsave {
    display: block !important;
}

.dashboardcontainer.dasdesignmode .btndashboardshare {
    display: none !important;
}
.webix_view.webix_popup {
    z-index: 99999 !important;
    height: auto !important;
}

    .webix_view.webix_popup .webix_view.webix_menu.webix_fmanager_menu {
        height: auto !important;
    }

.webix_modal {
    z-index: 100000 !important;
}

.webix_view.webix_window.webix_fmanager_prompt {
    z-index: 100100 !important;
}

.webix_fmanager_card_preview div {
    text-align: center !important;
}

    .webix_fmanager_card_preview div i.filemanagercardicon {
        margin-left: 0px !important;
    }

.fas.fa-folder.customrotatedfolder,
.fal.fa-folders.customrotatedfolder {
    transform: scaleX(-1) rotate(270deg) !important;
    color: #FFE9A2 !important;
    font-weight: 900 !important;
}

.webix_view.webix_fmanager_fsstats {
    display: none !important;
}

.StackFAicon.fal.fa-plus-circle {
    position: absolute;
    top: 14px;
    left: 18px;
    font-weight: 500;
    background: #fff;
}

.slider-panel.dashboardmenu,
.slider-panel.templatedatasource {
    border-top: 0px solid black !important;
}

    .slider-panel.dashboardmenu .panel-title-bar{
        background-color: #ffb900;
        height: 47px !important;
    }
        .slider-panel.dashboardmenu .panel-title-bar .close-icon i,
        .slider-panel.templatedatasource .panel-title-bar .close-icon i,
        .webix_secondary .webix_button .webix_icon_btn.wxi-eye,
        .webix_fmanager_mode_icon {
            color: #000 !important;
        }
.panel-title-Subbar {
    border-top: 0px solid black !important;
    background-color: #ffb900;
    display: inline-block;
    width: 100%;
    height:76px !important;
}
.webix_layout_wide > .webix_view.webix_toolbar.webix_layout_toolbar {
    background-color: #ffb900 !important;
    padding-right: 2px;
    height: 35px !important;
    margin-top: 0px !important;
}

.webix_fmanager_preview_toggle .webix_button.webix_img_btn,
.webix_all_segments button {
    background-color: #ffb900 !important;
}

    .webix_fmanager_preview_toggle .webix_button.webix_img_btn:hover,
    .webix_all_segments button:hover,
    .webix_all_segments button.webix_selected,
    .webix_all_segments button.webix_selected:hover {
        background-color: #e6a700 !important;
    }

.webix_view.webix_toolbar.webix_layout_toolbar {
    height: 34px !important;
}

.webix_view.webix_control.webix_el_icon.webix_fmanager_spec_icon {
    height: 32px !important;
    margin-top: 1px !important;
}

.webix_view.webix_header.webix_fmanager_path {
    height: 32px !important;
    margin-top: 0px !important;
}

.webix_view.webix_control.webix_el_icon.webix_fmanager_spec_icon .webix_el_box,
.webix_view.webix_control.webix_el_icon.webix_fmanager_spec_icon .webix_el_box .webix_icon_button {
    height: 32px !important;
}

.webix_fmanager_cards .webix_dataview_item.tiles .customrotatedfolder.filemanagercardicon.fal.fa-folders {
    font-size: 58px !important;
}

.webix_view.webix_control.webix_el_button.webix_secondary.CustomAddNewFolder.disableMenuAddItemBtn i,
.webix_view.webix_control.webix_el_button.webix_secondary.CustomAddNewDashboard.disableMenuAddItemBtn i {
    /* background: #dddd; */
    color: #dddddd !important;
}

.CustomAddNewFolder.disableMenuAddItemBtn button.webix_button,
.CustomAddNewFolder.disableMenuAddItemBtn button.webix_button:hover,
.CustomAddNewFolder.disableMenuAddItemBtn button.webix_button:focus,
.CustomAddNewFolder.disableMenuAddItemBtn button.webix_button:active,
.CustomAddNewDashboard.disableMenuAddItemBtn button.webix_button,
.CustomAddNewDashboard.disableMenuAddItemBtn button.webix_button:hover,
.CustomAddNewDashboard.disableMenuAddItemBtn button.webix_button:focus,
.CustomAddNewDashboard.disableMenuAddItemBtn button.webix_button:active {
    background-color: #fff !important;
    cursor: default;
    box-shadow: none;
}

.wxi-favouritefolder, .wxi-favouritefolder + span, div[webix_tm_id="-1_favourite"] div {
    position: relative;
    top: 100px;
}

.favouriteStarTop {
    position: relative;
    top: -7px;
    right: 38px;
    color: #0070C0 !important;
}

.filemanagergridicon {
    font-size: 20px !important;
}

.gridiconarea {
    width: 30px;
    float: left;
}

.webix_fmanager_filelist.Itemgridcolumn .webix_cell {
    height: 36px !important;
    line-height: 36px !important;
    color: #000 !important;
}

.spandashname:hover {
    cursor: pointer;
    color: #005a9e !important;
}

.webix_view.webix_dataview.webix_noselect.webix_fmanager_cards {
    overflow-y: auto !important;
}

.webix_ss_center_scroll {
    overflow-y: auto;
}

*::-webkit-scrollbar {
    height: 10px;
    width: 10px;
    overflow: visible;
}

*::-webkit-scrollbar-thumb {
    background: #888;
}

*::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.webix_dashboardfmanager_card_preview {
    height: 90px;
    width: 165px;
    border-bottom: 1px solid #edeff0;
    display: inline-block;
}

.webix_dashboardfmanager_card_panel {
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.webix_dashboardfmanager_card_name {
    width: 140px;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 15px;
    padding-left: 7px;
}

.webix_icon.wxi-dots.webix_fmanager_menu_icon.dashboardfmanagerIcon {
    width: 20px;
    /* position: relative; */
    position: unset !important;
    border-radius: 0px !important;
}

.favouriteStarTopcardicon {
    position: relative;
    color: #0070C0 !important;
    bottom: 35px;
    font-size: 27px;
    right: 76px;
}

.mptydashcloseArea {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 0;
    border: 0px solid transparent !important;
}

.webix_drag_zone {
    z-index: 1000 !important;
    width: 250px !important;
}

.webix_fmanager_inner_drag_zone_list {
    height: 36px !important;
    line-height: 36px !important;
    color: #000 !important;
    padding: 0px 8px !important;
}

.webix_fmanager_grid_drag_zone_list {
    padding: 0px !important;
}

    .webix_fmanager_grid_drag_zone_list .webix_fmanager_inner_drag_zone_list {
        line-height: 22px !important;
        color: #000 !important;
        width: 250px !important;
        max-width: 250px !important;
    }

.filemanagerdragicon {
    font-size: 20px;
    line-height: 36px;
}

.dragitem_icon {
    height: 36px;
    width: 30px;
    float: left;
}

.dragitem_title {
    height: 36px !important;
    line-height: 36px !important;
    color: #000 !important;
    width: 200px;
    float: left;
}

.Drag_favouriteStar {
    position: relative;
    top: -7px;
    right: 28px;
    color: #0070C0 !important;
}

.AddNewDashboard > a:hover,
.AddNewDashboard > a.static.selected {
    border-left-color: #ffb900 !important;
}

.webix_view.webix_tree.webix_fmanager_tree {
    height: calc(100vh - 120px) !important;
}

/*css for file manager*/
.fas.fa-folder.customrotatedfolder {
    transform: scaleX(-1) rotate(270deg) !important;
    color: #FFE9A2 !important;
    font-weight: 900 !important;
}

.filemanagergridicon {
    margin-right: 10px;
    font-size: 18px !important;
}

.fa-file-excel.filemanagergridicon {
    color: #217346 !important;
}

.fa-file-word.filemanagergridicon {
    color: #2b579a !important;
}

.fa-file-powerpoint.filemanagergridicon {
    color: #b7472a !important;
}

.fa-file-pdf.filemanagergridicon {
    color: #ff0000 !important;
}

.fa-file-csv.filemanagergridicon,
.fa-file-image.filemanagergridicon,
.fa-file.filemanagergridicon,
.fa-file-alt.filemanagergridicon,
.fa-file-code.filemanagergridicon {
    color: #005a9e !important;
}

.webix_icon.wxi-favouritefolder.favouritefolderEmpty {
    color: #d5d5d5 !important;
}

.Iframedashboard .dashboardcontainer, .OutIframeDashboard .dashboardcontainer {
    width: 100% !important;
    float: right;
    height: 100%;
}



.btndashboardshare {
    color: rgba(51,51,51,.65) !important;
}
.btndashboardshare:hover {
    color: #333 !important;
}
.dashboardtreeShow {
    width:calc(100% - 535px) !important;
}
.dashboardcontainer.dashboardtreeShow.dasdesignmode {
    width: calc(100% - 545px) !important;
}
.webix_view.webix_layout_line.mytableparent {
    width: 217px !important;
    overflow-x: auto;
}
.webix_view.DashboardFileManager {
    width: 100% !important;
}
    .webix_view.DashboardFileManager .webix_view.webix_layout_wide {
        width: 100% !important;
    }
    .webix_view.DashboardFileManager .webix_view.webix_spacer {
        width: 0px !important;
    }
    .webix_view.DashboardFileManager .webix_view.webix_layout_wide > .webix_view.webix_toolbar.webix_layout_toolbar {
        width: 100% !important;
    }

/*.filemanagerpinStatus button.webix_button .fa-thumbtack {
    color: #000 !important;
}*/


.filemanagerpinStatus,
.filemanagerpinStatus .webix_el_box,
.filemanagerpinStatus button.webix_button {
    background-color: #ffb900 !important;
    border: 0px solid #fff;
    border-radius: 0px !important;
    width: 30px !important;
    height: 28px !important;
    line-height: 22px;
}


.filemanagerpinStatus button.webix_button:hover {
    background-color: #e6a700 !important;
}
.linkButton {
    cursor: pointer !important;
    color: #0072c6 !important;

}
.assetarea .k-tabstrip-wrapper {
    height: inherit;
}
.assetarea .k-grid-content {
    overflow-x: auto !important;
    overflow-y: auto !important;
}

.templatedatasource .file-explorer-area {
   
    height: calc(100% - 80px);
}

    .slider-panel.templatedatasource .panel-title-bar {
    background-color: #ffb900;
    
    display: inline-block;
}
.PerformanceMeasureItemArea .webix_tree_folder,
.PerformanceMeasureItemArea .webix_tree_folder_open {
    font-family: 'Font Awesome 5 Pro' !important;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    background: none;
    transform: scaleX(-1) rotate(270deg) !important;
    color: #FFE9A2 !important;
    font-weight: 900 !important;
    font-size: 16px !important;
    display: inline-block;
    width: 20px;
}  
.PerformanceMeasureItemArea .webix_tree_folder_open:before,
    .PerformanceMeasureItemArea .webix_tree_folder:before {
        content: "\f07b";
    }

.PerformanceMeasureItemArea .webix_view.webix_dtable .webix_ss_center_scroll {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
}
.PerformanceTestTreeList {
    width: 100% !important;
}
.PerformanceMeasureItemArea .webix_hcolumn,
.PerformanceMeasureItemArea .webix_hcell {
    width: calc(100% - 10px) !important;
}

span.btnaddmesuretemplate {
    background: #efefef;
    float: right;
    padding: 0px 15px;
    border: 1px solid;
    border-radius: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 35px;
    line-height: 35px;
}

span.btnaddmesuretemplate {
    border-color: rgba(0,0,0,.08);
    color: #656565;
    background-color: #f6f6f6;
    background-image: linear-gradient(#f6f6f6,#f1f1f1);
    background-clip: padding-box;
    border-radius: 2px;
    
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
    background-repeat: repeat-x;
    background-position: 0 center;
}

.btnaddmesuretemplate:hover {
    border-color: rgba(0,0,0,.15);
    color: #656565;
    background-color: #ededed;
    background-image: linear-gradient(#ededed,#e8e8e8);
}

.kgrdperformancetemplate .k-toolbar.k-grid-toolbar,
.kgrdperformancetest .k-toolbar.k-grid-toolbar {
    float: right;
    display: flex;
    width: 100%;
    justify-content: end;
}
.k-grid-header th.k-header:before {
    left: 0;
    top: 0px !important;
    content: '';
    width: 100%;
    height: 5px;
    position: absolute !important;
    border-bottom: 1px solid #ddd !important;
    margin: 0;
}

.PerformanceMeasureItemArea .webix_ss_header,
.PerformanceMeasureItemArea .webix_hcolumn,
.PerformanceMeasureItemArea .webix_ss_vscroll_header,
.PerformanceMeasureItemArea .webix_dd_drag_column,
.PerformanceMeasureItemArea .webix_hs_left,
.PerformanceMeasureItemArea .webix_hs_center,
.PerformanceMeasureItemArea .webix_hs_right {
    background: #f6f6f6 !important;
}
.PerformanceMeasureItemArea .webix_dtable .webix_ss_vscroll_header {
    border: 0px solid #b0cee3;
}
.PerformanceMeasureItemArea .webix_cell .webix_tree_checkbox {
    margin-top: 0px !important;
    margin-left: 5px;
}
.PerformanceMeasureItemArea .webix_cell {
    width: 100%;
    border: 0px solid #fff !important;
}
.PerformanceMeasureItemArea .webix_column.webix_first {
    width: 100% !important;
}
.PerformanceTemplateLoadingGif {
    position: absolute;
    z-index: 10;
    height: 100%;
    width: 100%;
    background: #f6f6f6;
    opacity: 0.5;
}
    .PerformanceTemplateLoadingGif .imgloadinggif {
        max-height: 100%;
        max-width: 100%;
        width: auto;
        height: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
.performancetemplate_tabstripItem {
    margin-left: 10px !important;
    padding-left: 0px !important;
    border: 0px solid !important;
    padding-right: 5px !important;
    height:100% !important;
}
.PerformanceMeasureItemArea {
    border-left: 1px solid rgba(0,0,0,.08);
}
    .PerformanceMeasureItemArea .webix_tree_file:before {
        content: "\f080";
    }

.PerformanceMeasureItemArea .webix_tree_file {
    background-image: none !important;
    font-family: 'Font Awesome 5 Pro' !important;
    font-size: 16px;
    text-align: center;
    color: #005a9e !important;
    font-weight: 100 !important;
}
.row {
    margin-right: 0px !important;
    margin-left: 0px !important;
    padding: 0px !important;
}

.k-tabstrip-items {
    margin-left: 0px !important;
    margin-right: 0px !important;
    border-bottom-width: 0px !important;
}

.k-tabstrip-items li + li {
    margin-left: 20px !important;
}

.k-tabstrip-items .k-item {
    border-color: transparent !important;
    border-bottom: 4px solid transparent !important;
    background-image: none !important;
}

    .k-tabstrip-items .k-item:hover {
        border-color: transparent !important;
        border-bottom: 4px solid #d89d00 !important;
        background-image: none !important;
    }

.dashboardmenu.k-content.k-state-active {
    border-width: 0px !important;
}
.k-tabstrip-items .k-item {
    color: #656565 !important;
}
.k-master-row td {
    text-overflow: ellipsis;
    overflow: hidden;
    text-wrap: nowrap;
}
.k-tabstrip-next,
.k-tabstrip-prev {
    display: none !important;
}
.k-panelbar .k-tabstrip > .k-content, .k-tabstrip > .k-content {
    margin: 0px !important;
    padding: 0px !important;
}
.k-tabstrip-top > .k-tabstrip-items {
    background: #ffb900 !important;
}
    .k-tabstrip-top > .k-tabstrip-items .k-item.k-state-active {
        border-bottom-color: transparent;
        background: #ffb900 !important;
        border-color: transparent !important;
        border-bottom: 4px solid #d89d00 !important;
        background-image: none !important;
    }

.k-tabstrip-items .k-item {
    color: #333 !important;
}
.slide_panel_tabstrip .k-tabstrip-items .k-link {
    font-size:15px !important;
}
.performancetemplate_tabstrip .k-tabstrip-items .k-link {
    font-size: 14px !important;
    padding: 4px 5px;
}
.k-tabstrip-top > .k-tabstrip-items {
    border-bottom-width: 1px;
    padding-bottom: 3px;
}
.webix_view.DashboardFileManager .webix_toolbar .webix_control {
    margin-top: 0px !important;
}
.slider-panel .close-icon {
    z-index: 5 !important;
    height: 26px !important;
    width: 30px !important;
    text-align: center !important;
}
    .slider-panel .close-icon:hover,
    .slider-panel .pin-icon :hover{
        background-color: #e6a700 !important;
    }
    .slider-panel .close-icon .fal.fa-times.fa-Febic_btnColor,
    .slider-panel .pin-icon .fal.fa-thumbtack {
        color: #000 !important;
    }

.slider-panel .pin-icon {
    z-index: 5 !important;
    height: 26px !important;
    width: 30px !important;
    text-align: center !important;
    float: right;
    margin-top: 4px;
    cursor: pointer;
    position: absolute;
    right: 30px;
}
.slider-panel .pin-icon.PinFilemanager .fa-thumbtack {
    transform: rotate(45deg);
}
.templategrdbuttonarea {
    height: 50px;
    background-color: #f6f6f6;
}
.divtoolbtn {
    display: inline-block;
    margin: 10px 10px;
    float: right;
    color: #656565;
    background-color: #f6f6f6;
}
.divtoolCkhbox {
    display: inline-block;
    margin: 3px 10px !important;
    text-align: center;
    color: #656565;
    background-color: #f6f6f6;
}
    .divtoolCkhbox .k-switch-handle {
        height: 20px !important;
    }
.btnaddnewtemplate,
.btnaddnewmeasure {
    border: 1px solid #00000026;
    height: 28px;
    text-align: center;
    margin: 10px 5px 10px 5px;
    line-height: 28px;
    width: 110px;
    background-color: #f6f6f6;
}
.btncopytemplate,
.savebatchedititem,
.cancelbatchedititem,
.btnassigntemplate,
.btnUnAssigntemplate,
.saveeditmeasureitem,
.btnassigntemplatemeasure,
.savebatcheditmeasureitem,
.btnUnassigntemplatemeasure {
    border: 1px solid #dfdfdf;
    height: 28px;
    text-align: center;
    margin: 10px 5px 10px 5px;
    line-height: 32px;
    width: 30px;
    background-color: #f6f6f6;
}
    .btncopytemplate:hover,
    .savebatchedititem:hover,
    .cancelbatchedititem:hover,
    .btnaddnewtemplate:hover,
    .btnaddnewmeasure:hover,
    .btnassigntemplate:hover,
    .btnUnAssigntemplate:hover,
    .saveeditmeasureitem:hover,
    .btnassigntemplatemeasure:hover,
    .savebatcheditmeasureitem:hover {
        background-color: #ededed !important;
        cursor: pointer !important;
    }
    .btncopytemplate i,
    .savebatchedititem i,
    .saveeditmeasureitem i,
    .cancelbatchedititem i,
    .savebatcheditmeasureitem i {
        font-size: 20px !important;
    }
    .kgrdperformancetest .k-grid-header th.k-header, 
    .kgrdperformancetemplate .k-grid-header th.k-header {
    padding: 5px 5px 5px 5px !important;
    text-align: center;
}
.kgrdperformancetest.k-grid .k-grid-content-locked .collItemOrder.k-edit-cell,
.kgrdperformancetest.k-grid .k-grid-content .k-edit-cell,
.kgrdperformancetemplate.k-grid .k-grid-content .k-edit-cell {
    white-space: nowrap;
    border: 2px solid #107C10 !important;
    text-align: left !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
    .kgrdperformancetest.k-grid .k-grid-content-locked .collItemOrder.k-edit-cell > .k-textbox,
    .kgrdperformancetest.k-grid .k-grid-content-locked .collItemOrder.k-grid-edit-row > td > .k-textbox,
    .kgrdperformancetest.k-grid .k-grid-content .k-edit-cell > .k-textbox,
    .kgrdperformancetest.k-grid .k-grid-content .k-grid-edit-row > td > .k-textbox,
    .kgrdperformancetemplate.k-grid .k-grid-content .k-edit-cell > .k-textbox,
    .kgrdperformancetemplate.k-grid .k-grid-content .k-grid-edit-row > td > .k-textbox {
        /* padding: 0px;*/
        border-radius: 0;
        border: 0px solid transparent !important;
        text-align: right !important;
        height: 25px;
        width: 100%;
        padding-left: 6px !important;
        padding-right: 6px !important;
        padding-top: 2px !important;
        padding-bottom: 4px !important;
    }
    .kgrdperformancetest.k-grid .k-grid-content-locked .collItemOrder.k-edit-cell .k-textbox:focus,
    .kgrdperformancetest.k-grid .k-grid-content .k-edit-cell .k-textbox:focus,
    .kgrdperformancetemplate.k-grid .k-grid-content .k-edit-cell .k-textbox:focus {
        box-shadow: none;
        text-align: left !important;
    }

.kgrdperformancetest.k-grid .k-grid-content-locked td,
.kgrdperformancetest.k-grid .k-grid-content td,
.kgrdperformancetemplate.k-grid .k-grid-content td {
    height: 30px !important;
    border-width: 1px !important;
    text-align: left !important;
    padding-top: 3px !important;
    padding-bottom: 4px !important;
}
.kgrdperformancetest.k-grid.kgrdBatchEditOn .k-grid-content-locked td.collItemOrder:hover,
.kgrdperformancetest.k-grid.kgrdBatchEditOn .k-grid-content td:hover,
.kgrdperformancetemplate.kgrdBatchEditOn.k-grid .k-grid-content td:hover {
    height: 30px !important;
    border-width: 2px !important;
    border-color: #9fcdb3 !important;
    text-align: left !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    padding-top: 2px !important;
    padding-bottom: 3px !important;
}
.kgrdperformancetest.k-grid.kgrdBatchEditOn .k-grid-content-locked td.k-edit-cell.collItemOrder:hover,
.kgrdperformancetest.k-grid.kgrdBatchEditOn .k-grid-content td.k-edit-cell:hover,
.kgrdperformancetemplate.k-grid.kgrdBatchEditOn .k-grid-content td.k-edit-cell:hover {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 2px !important;
    padding-bottom: 3px !important;
    border: 2px solid #107C10 !important;
    text-align: left !important;
}
.kgrdperformancetest.k-grid.kgrdBatchEditOn .k-grid-content-locked .k-edit-cell.collItemOrder > span.kendoCommontxtEdt,
.kgrdperformancetest.k-grid.kgrdBatchEditOn .k-grid-content-locked .k-grid-edit-row.collItemOrder > span.kendoCommontxtEdt,
.kgrdperformancetest.k-grid.kgrdBatchEditOn .k-grid-content .k-edit-cell > span.kendoCommontxtEdt,
.kgrdperformancetest.k-grid.kgrdBatchEditOn .k-grid-content .k-grid-edit-row > span.kendoCommontxtEdt,
.kgrdperformancetemplate.k-grid.kgrdBatchEditOn .k-grid-content .k-edit-cell > span.kendoCommontxtEdt,
.kgrdperformancetemplate.k-grid.kgrdBatchEditOn .k-grid-content .k-grid-edit-row > span.kendoCommontxtEdt {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.kgrdperformancetest.k-grid.kgrdBatchEditOn .k-dirty,
.kgrdperformancetemplate.k-grid.kgrdBatchEditOn .k-dirty {
    border-color: #f31700 transparent transparent #f31700 !important;
}

.k-grid.kgrdperformancetemplate tr:hover {
    background-color: #efefef !important;
}
.k-grid.kgrdperformancetest tr:hover {
    background-color: #efefef !important;
}
.kgrdperformancetemplate.k-grid.kgrdBatchEditOn tr:hover,
.kgrdperformancetemplate.k-grid tr.k-grid-edit-row:hover,
.kgrdperformancetest.k-grid.kgrdBatchEditOn tr:hover,
.kgrdperformancetest.k-grid tr.k-grid-edit-row:hover {
    background-color: #fff !important;
}
div#slide_panel_tabstrip-2 {
    border: 0px solid;
}
/*.kgrdperformancetest.k-grid .k-grid-content-locked .k-state-hover td,
.kgrdperformancetest.k-grid .k-grid-content-locked tr:hover td {
    background-color: #fff !important;
}*/

.k-grid-header .k-header .k-icon.k-i-filter {
    font-family: 'Font Awesome 5 Pro' !important;
}
.k-grid-header .k-grid-filter {
    height: 37px !important;
}
.k-animation-container {
    height: 322px !important;
}
.k-filter-menu-container {
    padding: 5px !important;
    width:222px !important;
}
    .k-filter-menu-container .k-textbox.k-space-right {
        margin: 0px !important;
        width: 220px !important;
        padding: 0px !important;
    }
    .k-filter-menu-container .k-reset.k-multicheck-wrap {
         margin: 5px 0px !important;
        
    }

.btndashboardrefresh {
    color: rgba(51,51,51,.65) !important;
}
    .btndashboardrefresh:hover {
        color: #333 !important;
    }

.webix_ss_sort_desc, .webix_ss_sort_asc {
    font-family: 'Font Awesome 5 Pro' !important;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    background: none;
    font-weight: 900 !important;
    font-size: 16px !important;
}
.webix_ss_sort_asc:before {
    content: "\f062" !important;
}
    .webix_ss_sort_desc:before {
        content: "\f063" !important;
    }

.webix_hcell {
    padding: 0px 10px 0px 10px !important;
    width: calc(100% - 20px) !important;
    text-align: left !important;
}
.dx-switch-container {
    border: 1px solid #d4d4d4 !important;
    height: 22px !important;
    border-radius: 60px;
    padding: 0px !important;
}

.dx-switch-handle {
    height: 20px !important;
    width: 30px !important;
    border-radius: 60px !important;
    margin-top: 0px !important;
    background-color: #d4d4d4 !important;

}
    .dx-switch-handle::before {
        width: 30px !important;
        height: 20px !important;
        border-radius: 60px !important;
        background-color: #d4d4d4 !important;
    }
.dx-switch-off, .dx-switch-on {
    text-align: left !important;
    height: 20px !important;
    border-radius: 60px !important;
    line-height: 20px !important;
}
.dx-switch-on {
    padding-left: 5px !important;
    background-color: #efefef !important;
}
.dx-switch.dx-state-active .dx-switch-container {
    background-color: transparent !important;
}
.label_common {
    color: #333;
    font-size: 12px;
    margin-bottom: 0px !important;
    margin-top: 3px !important;
}
input[type="text"].label_common, input[type="password"].label_common, textarea.label_common {
    padding: 6px 3px;
}

input[type="text"].label_common, input[type="password"].label_common, select.label_common {
    border: 1px solid #ececec !important;
}


.fa-custom-stack {
    display: inline-block;
    height: 32px;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 30px;
}
.facircleplus-custom {
    left: 14px;
    top: 12px;
    background: #fff;
    border-radius: 12px;
    height: 12px;
    width: 13px;
    line-height: 12px;
}
.Popuptable {
    border: none;
    border-collapse: collapse;
    display: block;
    font-size: 14px;
    line-height: 24px;
    margin: 20px 0 40px;
    overflow: auto;
    text-align: left;
}
    .Popuptable td:not(:last-child), .Popuptable th:not(:last-child), .Popuptable td:not(:last-child), .Popuptable th:not(:last-child) {
        padding-right: 0 !important;
    }

    .Popuptable td, .Popuptable th, .Popuptable td, .Popuptable th {
        border: none;
        padding: 8px 20px;
        vertical-align: top;
    }

    .Popuptable th, .Popuptable th {
        background-color: #eee;
        color: #6b6b6b;
        font-family: open-sans-condensed,HelveticaNeue-CondensedBold,Helvetica,Arial Narrow,Calibri,Arial,Lucida Grande,sans-serif;
        font-size: 16px;
    }


.Popuptable tbody tr {
        border-bottom: 1px solid #eee;
    }

    .Popuptable code:not(.hljs) {
        color: #2b2b2b;
    }

    .Popuptable code, .table code {
        padding: 2px 5px;
    }

    .Popuptable code {
        background: #f9f9f9;
        border: 1px solid #e5e5e5;
        border-radius: 4px;
        font-size: 18px !important;
        font-family: Segoe UI, arial,sans-serif !important;
        font-weight: 400;
        padding: 1px 5px;
    }

#handler-switch-auto, #handler-switch-always, #handler-switch-never {
    width: 60px;
    height: 20px;
}
/* start Taggle switch button*/
.tennisOfficeSwitch {
    position: relative;
    display: inline-block;
    width: 52px;
    height: 19px;
    margin: 10px 0px auto;
}

    .tennisOfficeSwitch input {
        display: none;
    }

.tennisOfficeSlider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .tennisOfficeSlider:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 20px;
        left: 4px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .tennisOfficeSlider {
    background-color: #2196F3;
}

input:focus + .tennisOfficeSlider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .tennisOfficeSlider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}


.tennisOfficeSlider.round, .tennisOfficeSlider {
    border-radius: 34px;
}

    .tennisOfficeSlider:before, .tennisOfficeSlider.round:before {
        border-radius: 50%;
    }

/* End Taggle switch button*/

.dx-gantt .current-time {
    border-left: 1px dashed red;
}
.PTDatasourcefilter {
    max-height: calc(100vh - 150px);
    width: 100%;
    overflow: auto;
}
    .PTDatasourcefilter.k-filter li.k-filter-item {
        width: 350px;
        
    }
    .PTDatasourcefilter.k-filter li.k-filter-group-main ul.k-filter-lines {
        max-height: calc(100vh - 325px);
        overflow: auto;
    }

.k-i-filter-add-expression::before {
    content: '' !important;
    display: inline-block !important;
    width: 16px !important; /* Adjust the size as needed */
    height: 16px !important; /* Adjust the size as needed */
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M480 64v32H32V64zm-192 96h192v-32H288zm0 128h192v-64H288zm0 96h192v-32H288zm0 64h192v-32H288zM96 352h64v-64h64v-64h-64v-64H96v64H32v64h64z"/></svg>') no-repeat center / contain;
}

.k-i-filter-add-group::before {
    content: '';
    display: inline-block;
    width: 16px; /* Adjust the size as needed */
    height: 16px; /* Adjust the size as needed */
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M352 352v32h-32v64h32v32h-64V352zm64 0v32h32v64h-32v32h64V352zM160 160H96v64H32v64h64v64h64v-64h64v-64h-64zm128 0h192v-32H288zM32 64v32h448V64zm256 224h192v-64H288z"></path></svg>') no-repeat center / contain;
}
.llbActionStatus {
    color: red;
    font-size: 16px;
    padding: 10px 15px;
}


dx-datasource-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-lists-container .dx-field-chooser-list .dx-field-chooser-list-item,
dx-field-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-lists-container .dx-field-chooser-list .dx-field-chooser-list-item {
    height: auto !important;
    padding: 7px 13px !important;
    padding-right: 20px !important;
}

    dx-datasource-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-lists-container .dx-field-chooser-list .dx-field-chooser-list-item > span, dx-field-chooser > div .dx-field-chooser-scroll-holder .dx-field-chooser-lists-container .dx-field-chooser-list .dx-field-chooser-list-item > span {
        max-width: calc(100% - 5px) !important;
        overflow: visible !important;
        white-space: break-spaces !important;
    }

.alertaddDatasource {
    float: left;
    color: red;
    padding-top: 5px !important;
    font-size: 12px;
}
.PostListdditem li.k-item {
    padding-left: 0px !important;
}
    .PostListdditem li.k-item .k-checkbox-wrapper + .k-in {
        padding-left: 0px !important;
    }
.fbpostText {
    width: 400px; /* Ensure width is fixed */
    max-height: 3em; /* Allow up to 2 lines (assuming 1.5em per line) */
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    line-height: 1.5em; /* Adjust based on font */
    white-space: normal;
}

.fbpostDate {
    margin-top: 5px;
    font-weight: bold;
    color: #666;
    display: block;
}
.SaveButtonDisable{
    color: #d6d6d6 !important;
}