/*----------------------------
Data grid     
-----------------------------*/
.cwt-tab div.form {
    max-height: calc(100vh - 50px - 20px);
    overflow-y: auto !important;
    overflow-x: auto !important;
}

    .cwt-tab div.form.form-360 {
        max-height: calc(100vh - 50px - 30px);
    }

.cwt-sub-tab div.form {
    max-height: 100%;
}

.view.cwt-calendar {
    max-height: calc(100vh - 50px - 25px) !important;
    overflow-y: auto !important;
    overflow-x: auto !important
}

.app.side-nav-not-loaded .main-content-wrapper, .app.side-nav-folded.side-nav-not-loaded .main-content-wrapper {
    max-width: calc(100vw) !important;
}
.main-content-wrapper {
    /*width: calc(100vw - 200px ) !important;*/
    max-width: calc(100vw - 200px ) !important;
}

.side-nav-folded .main-content-wrapper {
    /*width: calc(100vw - 60px ) !important;*/
    max-width: calc(100vw - 50px ) !important;
}

.cwt-map-search {
    width: calc(100% - 270px) !important;
    z-index: 100033333333 !important;
}

.pac-container {
    z-index: 9999999 !important;
}

@media only screen and (max-width: 576px) {
    .cwt-map-search {
        left: 10px !important;
        width: calc(100% - 80px) !important;
    }
}

@media only screen and (max-width: 992px) {
    .main-content-wrapper {
        /*width: calc(100vw) !important;*/
        max-width: calc(100vw) !important;
    }

    .side-nav-folded .main-content-wrapper {
        /*width: calc(100vw - 60px ) !important;*/
        max-width: calc(100vw - 50px ) !important;
    }
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}


.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
    height: 110px;
}

.dx-pager {
    padding: 8px 14px 8px 24px;
}

/*.dx-toolbar .dx-toolbar-items-container {
    height: 40px;
}*/

.dx-datagrid-headers .dx-column-indicators {
    float: right !important;
}

.dx-datagrid-borders > .dx-datagrid-filter-panel {
    border-bottom: none !important;
}

.dx-datagrid-borders .dx-datagrid-filter-panel + .dx-pager {
    border-top: none !important;
}

.dx-datagrid-content .dx-datagrid-table .dx-header-row > td {
    text-align: center !important;
    font-weight: bold;
}


.dx-datagrid-filter-panel {
    padding: 0px 8px 0px 8px;
    top: 20px;
    position: relative;
    height: 0px;
    border-top: 0px;
}

.dx-datagrid-filter-panel-text, .dx-datagrid-filter-panel-checkbox {
    height: 18px;
    line-height: 18px;
}

.dx-datagrid-filter-panel-clear-filter {
    display: none;
}

.dx-treelist-filter-panel {
    padding: 0px 8px 0px 8px;
    top: 20px;
    position: relative;
    height: 0px;
    border-top: 0px;
}

.dx-treelist-filter-panel-text, .dx-treelist-filter-panel-checkbox {
    height: 18px;
    line-height: 18px;
}

.dx-treelist-filter-panel-clear-filter {
    display: none;
}

.dx-treelist-filter-panel + .dx-pager {
    border-top: none !important;
}
.dx-treelist-borders > .dx-treelist-filter-panel {
    border-bottom: none !important;
}
.dx-map-container {
    border-radius: 2px;
}

/*Hide the Page Size & entity search in View*/
@media (max-width: 768px) {
    .cwt-g-page-search {
        display: none;
    }

    .cwt-g-page-size {
        display: none;
    }
}
/*Hide when navigation to text box*/
.dx-light-pages .dx-show-clear-button .dx-clear-button-area {
    display: none;
}

/*Selection Control in Grid Columborder not displayed in Center*/
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-command-select, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-select, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content).dx-command-select {
    padding-left: 0px;
    padding-right: 0px;
}

/*In Mobile View Tool Bar Hiding the logo*/
@media (max-width: 576px) {
    #headertoolbar .dx-toolbar-after {
        width: 200px;
    }
}

@media (min-width: 768px) {
    #headertoolbar .dx-toolbar-after {
        width: 320px;
    }
}

/* Toolbar button hide and goes to DropDown Menu Section color & Background Color of Menu Item both crud & view*/
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button, .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button .dx-icon {
    color: rgba(0, 0, 0, 0.87);
}

.dx-toolbar-menu-section .dx-button.dx-button-normal.dx-state-hover,
.dx-toolbar-menu-section .dx-button.dx-button-success.dx-state-hover,
.dx-toolbar-menu-section .dx-button.dx-button-default.dx-state-hover,
.dx-toolbar-menu-section .dx-button.dx-button-danger.dx-state-hover {
    background-color: rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*.dx-datagrid-headers {
    background-color: rgba(0, 0, 0, 0.2);
}*/

.dx-datagrid-rowsview .dx-selection.dx-row > td, .dx-datagrid-rowsview .dx-selection.dx-row:hover > td, .dx-datagrid-rowsview .dx-selection.dx-row > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td {
    background-color: rgba(3, 169, 244, 0.1);
    color: rgba(0, 0, 0, 0.87);
}

.dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) {
    background-color: rgba(3, 169, 244, 0.1);
}

    .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td {
        background-color: rgba(3, 169, 244, 0.1);
        color: rgba(0, 0, 0, 0.87);
    }

    .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > .dx-treelist-readonly .dx-texteditor .dx-texteditor-input {
        background-color: rgba(3, 169, 244, 0.1);
        color: rgba(0, 0, 0, 0.87);
    }

.dx-toolbar-label > div {
    overflow: visible;
}

.dx-toolbar-label .dx-toolbar-item-content > div {
    overflow: visible;
}

.dx-pager .dx-pages {
    float: right;
    display: flex;
    align-items: center;
}

.dx-popup-content .dx-gridbase-container > .dx-datagrid-rowsview {
    min-height: calc(100vh - 230px);
    height: auto;
    max-height: 100%;
}

.dx-datagrid-filter-panel {
    width: 65%;
    max-width: 65%;
}

@media only screen and (min-height: 600px) {
    .cwt-calendar .dx-scheduler-work-space {
        height: calc(100vh - 120px);
        overflow: hidden;
    }

    .dx-scheduler-work-space.dx-scheduler-timeline-month .dx-scheduler-date-table-cell {
        height: 55.5px;
    }

    .dx-scheduler-work-space.dx-scheduler-timeline-month .dx-scheduler-appointment-title {
        display:inline-block;
    }
}


#VisitPlanPrimarycrud.cwt-tab div.form {
    max-height: calc(100vh - 50px - 40px);
    overflow-y: hidden !important;
    overflow-x: auto !important;
}

#VisitPlanPrimarycrud .form.normal-form .card-body {
    max-height: calc(100vh - 50px - 30px - 35px - 58px) !important;
    overflow: auto;
    padding: 0px 0px 0px 0px;
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-select,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-select,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-select {
    padding-right: 10px;
}