/*
 * General
 */

.d-no-padding-top {
    padding-top: 0 !important;
}

.d-con-page-title {
    padding: 15px;
    background-color: #f4f5f8;
    box-sizing: border-box;
    position: relative;
}

.d-no-more-action .d-con-cell-action button:not(.d-btn-toggle) {
    text-align: right;
    float: left;
    width: calc(100% - 25px);
}

.d-help-text {
    font-style: italic;
}

.d-page-title {
    font-size: 24px;
    box-sizing: border-box;
    font-weight: 500;
    color: #393a3d;
}

.d-con-content {
    background-color: #ffffff;
    margin: 0 15px 0 15px;
    padding: 15px;
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100vh - 158px);
    display: flex;
    flex-direction: row;
}

@media screen and (max-width: 768px) {
    .d-con-content {
        height: calc(100vh - 206px);
    }
}

.d-con-content-flex-column {
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    flex-grow: 1;
}

.d-con-grid-flex-row {
    display: flex;
    flex-direction: row;
    height: 100%;
    overflow-y: hidden;
}

.d-grid-flex {
    width: 100%;
    height: 100%;
    flex-grow: 1;
}

.d-con-content .d-con-item-edit-archive {
    margin: 0px auto;
    display: table;
}

.d-form-last-item {
    position: relative;
}

*[hidden] {
    display: none !important;
}

.d-hidden {
    display: none !important;
}

.d-btn-display {
    display: inline-table;
    width: 25px;
    height: 18px;
}

.margin-right-10 {
    margin-right: 10px !important;
}

.d-batch-guide {
    font-size: 18px;
    display: inline-block;
    width: 18px;
    text-align: center;
    position: relative;
    top: 10px;
    transform: scaleX(-1);
    right: -8px;
    color: #959595;
    margin-right: 5px;
}

.d-con-item-archive {
    margin: 0px auto;
    display: table;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.pull-right-not-xs,
.pull-right-not-sm-xs {
    float: right;
}

.d-page-title-float {
    float: left;
    margin-right: 5px;
}

.d-form-item-photo {
    padding-left: 0 !important;
}

.d-list-inline-photo-grid .dx-datagrid-content .dx-datagrid-table .dx-data-row td span {
    display: table-cell;
    vertical-align: middle;
}

.d-list-inline-photo-grid .dx-datagrid-content .dx-datagrid-table .dx-data-row td .d-column-photo-container {
    display: table-row;
}

@media (max-width: 767px) {
    .pull-right-not-xs,
    .d-page-title-float {
        float: none;
    }
    .pull-left-xs {
        float: left;
    }
    .hidden-custome {
        display: none;
    }
    .d-con-page-title-item {
        margin-bottom: 10px;
    }
    .d-display-block-xs {
        display: block;
    }
    .d-con-detail-content-title .d-trowser-add-buttton {
        margin-top: 10px;
    }
}

@media(max-width: 991px) {
    .pull-right-not-sm-xs {
        float: none;
    }
    .d-display-block-sm-x {
        display: block;
    }
    .d-display-in-line-block-sm-x {
        display: inline-block;
    }
    .d-con-page-title-item-sm-xs {
        margin-bottom: 10px;
    }
}

@media (min-width:767px) and (max-width: 890px) {
    .d-con-KPI-area {
        display: table;
        margin-bottom: 10px;
    }
    .hidden-custome {
        display: none;
    }
}

.d-con-page-title.row {
    margin-left: 0;
    margin-right: 0;
}

.d-list-vertical-middle .dx-treelist-content .dx-treelist-table .dx-row>td,
.d-list-vertical-middle .dx-datagrid-content .dx-datagrid-table .dx-row>td {
    vertical-align: middle;
}

.d-con-KPI-entry-data .dx-treelist-content .dx-treelist-table .dx-row>td:focus {
    border: 0;
}

.d-con-KPI-entry-data .dx-template-wrapper .d-icon {
    line-height: 35px;
    margin-left: 1px;
}

.d-form-group-has-help-text .dx-form-group-content {
    padding-top: 0px;
}

.d-form-group-help-text {
    font-style: italic;
    padding: 5px 0px 10px 0px;
}


/*
* Empty page (current databoard page for all the levels)
*/

.d-con-empty-page-content {
    width: 100%;
    height: 100%;
}

.d-con-empty-page-content .d-empty-page-content {
    display: table;
    text-align: center;
    width: 100%;
    height: 100%;
}

.d-con-empty-page-content .d-empty-page-content>span {
    display: table-cell;
    vertical-align: middle;
    color: rgb(204, 204, 204);
    font-size: 48pt;
    font-style: normal;
    font-weight: 400;
}


/*
* Popup
*/

.d-con-popup-content {
    padding: 15px;
}


/*
* Form
*/

.d-con-form {
    padding: 15px;
}

.d-con-form .dx-fieldset,
.d-con-form .dx-fieldset .dx-fieldset-header {
    margin: 0px;
}

.d-con-form-list {
    padding: 10px;
    margin-top: 10px;
    background-color: #ffffff;
}

.d-con-form-item-check {
    margin-right: 30px;
}


/*
* Tab view
*/

.d-con-tab-nav {
    width: 170px;
    vertical-align: top;
    box-sizing: border-box;
    background-color: #f3f5f8;
    box-shadow: inset -1px 0 rgba(0, 0, 0, 0.15);
    zoom: 1;
    transform: none;
    -webkit-transform: none;
    overflow: auto;
    margin: 0;
    padding: 0;
}

.d-tab-nav-item {
    display: block;
    font-size: 14px;
    line-height: 50px;
    border-bottom: 1px solid #c7c7c7;
}

.d-tab-nav-item:hover {
    background-color: #f4f5f8;
}

.d-tab-nav-item.active {
    background-color: #f4f5f8;
}

.d-tab-nav-item a {
    padding-left: 15px;
    color: #6b6c72;
    display: block;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.d-tab-nav-item a:hover,
.d-tab-nav-item a:focus {
    text-decoration: none;
}

.d-con-tab-content {
    padding: 15px;
    background-color: #f4f5f8;
}

.d-con-tab .d-con-tab-content.d-flex-flexible .row {
    margin-right: 0px;
    margin-left: 0px;
}

.d-con-tab-content .d-tab-pane {
    display: none;
}

.d-con-tab-content .d-tab-pane.active {
    display: block;
}


/*
* Flex Layout
*/

.d-flex-columns {
    display: flex;
    flex-direction: row;
}

.d-flex-columns>.d-flex-fixed {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
}

.d-flex-columns>.d-flex-flexible {
    -webkit-flex: 1;
    flex: 1;
    overflow: auto;
}


/*
* Toolbar
*/

.d-con-toolbar-span {
    margin-right: 5px;
}

.d-con-toolbar-filter {
    margin-left: 5px;
}

.d-con-toolbar-filter-name {
    display: inline-block;
    vertical-align: middle;
}

.d-con-toolbar-filter-control {
    display: inline-block;
    vertical-align: middle;
}


/*
* Grid
*/

.dx-datagrid .d-batch-guide {
    padding-right: 54px;
}

.dx-treelist .d-batch-guide {
    padding-right: 29px;
}

.d-grid-no-bacth-actions-filter .d-batch-guide {
    padding-right: 0;
}

.d-grid-no-bacth-actions-filter .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
    width: 30px;
    min-width: 30px;
}

.dx-datagrid .dx-datagrid-content .dx-datagrid-table .d-drag-row {
    cursor: move;
}

.dx-datagrid .dx-datagrid-content .dx-datagrid-table .d-drag-row {
    cursor: move;
}

.d-con-cell-action {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.d-con-cell-action button {
    font-size: 13px;
    font-weight: 600;
    max-width: 150px;
    overflow: hidden;
    background-image: none;
    background-color: transparent;
    height: 18px;
    padding: 0;
    line-height: 18px;
    margin: 0;
    box-shadow: none;
    vertical-align: middle;
    border: none;
    min-width: 20px;
    margin-left: 5px;
    cursor: pointer;
    color: #0077c5;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.d-con-cell-action button:hover {
    text-decoration: underline;
}

.d-con-cell-action button:focus {
    outline: none;
    text-decoration: none;
}

.d-con-cell-action button.d-btn-toggle:after {
    display: inline-block;
    width: 0 !important;
    height: 0 !important;
    vertical-align: middle;
    border-top: 6px solid #404040;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: "";
    background-color: transparent;
    margin-left: 5px;
    margin-right: 5px;
}

.d-con-cell-action button.d-btn-toggle:hover:after {
    background-color: transparent;
    border-top-color: #000000;
}

.d-con-cell-action button.d-btn-toggle.d-target-active {
    outline: -webkit-focus-ring-color auto 5px;
}

.d-con-cell-action button:disabled {
    color: #CCCCCC;
}

.d-con-cell-action button:disabled:hover {
    text-decoration: none;
}

.d-con-cell-action button.d-btn-toggle:disabled:after {
    border-top: 6px solid #CCCCCC
}

.d-con-cell-action button.d-btn-toggle:disabled:hover {
    background: 0;
}

.d-con-cell-num {
    float: right;
}


/*
* Trowser Tabs
*/

.d-con-form .d-KPI-type-btn-focused {
    background-color: #e6e6e6;
    border-color: #9d9d9d;
}

.d-con-form .d-form-KPI-type-toolbar {
    background-color: #f4f5f8;
}


/*
* Options
*/

.d-default-pane {
    padding: 10px 10px 40px;
    border-bottom: 1px solid #d8edf5;
    cursor: pointer;
}

.d-edit-pane {
    padding: 10px 10px 40px;
    background-color: #eff5f9;
    border-bottom: 1px solid #d8edf5;
}

.d-default-pane .d-con-icon-edit {
    text-align: right;
}

.d-edit-pane .d-con-btn {
    padding-top: 10px;
}

.d-edit-pane .d-con-pane-edit-content-padding {
    padding-top: 10px;
}

.d-con-pane-option-group {
    margin-top: 20px;
}

.d-default-pane .d-con-pane-default-content-padding {
    padding-top: 10px;
}

.d-default-pane .d-con-option-comments {
    color: #C4C4C4;
    font-size: 12px;
    padding-top: 1px;
}

.d-edit-pane .d-con-option-comments {
    color: #C4C4C4;
    font-size: 12px;
    padding-top: 1px;
}

.d-con-options.d-con-content {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

.d-con-options.d-con-content .d-default-pane,
.d-con-options.d-con-content .d-edit-pane {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}

.d-con-pop-up-options.d-con-form {
    padding: 0;
}

.d-con-pop-up-options.d-con-form .d-default-pane,
.d-con-pop-up-options.d-con-form .d-edit-pane {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}


/*
* Partnership
*/

.d-partnership-status-pending {
    color: #fb9927;
}

.d-partnership-status-reqst {
    color: #fb9927;
}

.d-partnership-status-conct {
    color: #66905f;
}

.d-partnership-status-decli {
    color: #fd0000;
}

.d-partnership-status-dicon {
    color: #fd0000;
}


/*
* gridster item and item options
*/

.d-box-gridster-item {
    background-color: #ffffff;
    border: 1px solid rgb(221, 221, 221);
    height: 100%;
    width: 100%;
}

.d-con-gridster-item-options {
    z-index: 99;
    margin-right: 8px;
    position: absolute;
    right: 0;
    top: 5px;
}

.d-con-gridster-item-options>i {
    margin-right: 5px;
    cursor: pointer;
}

.d-con-gridster-item-options>i.fa-arrows-alt {
    cursor: move;
}


/*
* dashboard item styles (used by dashbaord screen and print)
*/

.d-con-standard-table-item {
    padding-top: 23px;
}

.d-con-standard-table-item .d-standard-table-item-title {
    margin: 0;
    text-align: center;
    color: #232323;
    font-size: 14px;
    font-weight: 500;
}

dx-data-grid.d-dashboard-standard-grid {
    padding: 0px 15px 10px 15px;
}

.d-con-dashboard-text-item {
    padding-top: 23px;
}

.d-con-dashboard-text-item .d-dashboard-text-item-title {
    margin: 0;
    text-align: center;
    color: #232323;
    font-size: 14px;
    font-weight: 500;
}

.d-con-dashboard-text-item .d-dashboard-text-item-sub-title,
.d-con-dashboard-text-item .d-dashboard-text-item-bottom-title {
    margin: 0;
    text-align: center;
    font-size: 15px;
    margin-top: 5px;
}

.d-con-dashboard-text-item .d-dashboard-text-item-bottom-title {
    color: #767676;
}

.d-con-dashboard-text-item .d-dashboard-text-item-content {
    padding: 30px 15px 25px 15px;
    text-align: center;
    vertical-align: middle;
    height: calc(100% - 61px);
    font-size: 42px;
}


/*
* report
*/

.d-con-report-full {
    height: 100%;
    width: 100%;
}


/*
 * tiles
 */

.d-con-page-tiles {
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 0px;
    padding-bottom: 15px;
}

.d-no-left-right-padding {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.d-no-right-padding {
    padding-right: 0px !important;
}

.d-no-left-padding {
    padding-left: 0px !important;
}

.d-con-page-tiles .d-no-left-right-padding {
    flex-grow: 1;
}


/* CRM */

.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.p-0 {
    padding: 0 !important;
}

.pr-0 {
    padding-right: 0px !important;
}

.nav {
    display: block;
}

.nav>li {
    border-top: none;
}

.nav>li>a {
    padding-left: 15px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.nav>li>a:active {
    background: transparent;
}

.nav>li>a:focus {
    background: transparent;
}

#avgOpen .dx-progressbar-range {
    background-color: #20a5ed;
    border-color: #20a5ed;
}

#avgClick .dx-progressbar-range {
    background-color: #ff8000;
    border-color: #ff8000;
}

#avgOpen .dx-progressbar-container {
    height: 20px !important;
}

#avgClick .dx-progressbar-container {
    height: 20px !important;
}

.d-prog-card-text {
    display: inline-block;
}

.d-prog-card-value {
    font-weight: bold;
    display: inline-block;
    position: absolute;
    right: 15px;
}

.d-padder {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.d-con-content .d-con-page-tiles {
    margin-left: 0;
    margin-right: 0;
    padding-top: 0px;
    padding-bottom: 15px;
    width: 100%;
    /* display: flex;
  flex-direction: row; */
}

.d-popup-zOrder {
    z-index: 1501 !important;
}

.d-second-popup-zOrder {
    z-index: 1501 !important;
}

.d-third-popup-zOrder {
    z-index: 1551 !important;
}

.d-appointment-popup-zOrder {
    z-index: 1350 !important;
}

.map-card {
    /* width: 280px; */
    background: #fff;
    z-index: 9999;
    right: 10px;
    /* margin: 10px; */
    -webkit-box-shadow: 0 7px 20px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 7px 20px rgba(0, 0, 0, 0.16);
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.16);
}

.d-map-card {
    /* width: 280px; */
    background: #fff;
    z-index: 9999;
    right: 10px;
    /* margin: 10px; */
    -webkit-box-shadow: 0 7px 20px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 7px 20px rgba(0, 0, 0, 0.16);
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.16);
}

.d-map-card .d-map-card-icon {
    background-color: #3cb572;
    width: 50%;
    display: inline-block;
    padding: 5px;
    text-align: left;
    min-height: 60px;
}

.d-map-card .d-map-card-icon .d-value {
    font-size: 22px;
    color: #fff;
    line-height: 30px;
    min-height: 30px;
}

.d-map-card .d-map-card-icon .d-title {
    font-style: normal;
    text-transform: capitalize;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.d-map-card .d-map-card-icon.d-map-card-clickable {
    cursor: pointer;
    display: block;
    height: 100%;
}

.d-map-card .d-map-card-icon.d-map-card-dark-cyan {
    background-color: #008380;
}

.d-map-card .d-map-card-icon.d-map-card-dodger-blue {
    background-color: #0098cd;
}

.d-map-card .d-map-card-icon.d-map-card-medium-blue {
    background-color: #0077c5;
}

.d-map-card .d-map-card-icon.d-map-card-lime-green {
    background-color: #7fd000;
}

.d-map-card .d-map-card-icon.d-map-card-dark-green {
    background-color: #2ca01c;
}

.d-map-card .d-map-card-icon.d-map-card-dark-orange {
    background-color: #ff6600;
}

.d-map-card .d-title.d-text-transform-none {
    text-transform: none
}

.d-full-box {
    width: 100% !important;
}

.map-card .map-card_icon .title {
    font-style: normal;
    text-transform: capitalize;
    color: #fff;
    opacity: 0.5;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.map-card .map-card_content {
    width: 50%;
}

.map-card .map-card_content .title {
    font-style: normal;
    text-transform: capitalize;
    color: #fff;
    opacity: 0.5;
    font-size: 14px;
}

.d-con-padding {
    padding: 15px !important;
}

.d-con-padding-top {
    padding-top: 15px !important;
}

.d-con-margin-top {
    margin-top: 15px;
}

.d-con-margin-left {
    margin-left: 15px !important;
}

.d-con-margin-left-right {
    margin-right: 15px !important;
    margin-left: 15px !important;
}

.d-con-padding-bottom {
    padding-bottom: 15px !important;
}

.d-con-padding-top-bottom {
    padding-top: 15px;
    padding-bottom: 15px;
}

.d-con-padding-left {
    padding-left: 15px !important;
}

.d-con-padding-right {
    padding-right: 15px !important;
}

.d-con-padding-left-right {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.d-con-padding-top-left {
    padding-top: 15px;
    padding-left: 15px;
}

.d-con-padding-top-bottom {
    padding-top: 15px;
    padding-bottom: 15px;
}

.d-con-padding-bottom-left {
    padding-bottom: 15px;
    padding-left: 15px;
}

.d-con-padding-noright {
    padding-right: 0px;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 15px;
}

.d-con-padding-noleft {
    padding-right: 15px;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 0px;
}

.d-con-padding-no-left-only {
    padding-left: 0px !important;
}

.d-con-padding-no-right-only {
    padding-right: 0px !important;
}

.d-con-padding-notop {
    padding-right: 15px !important;
    padding-bottom: 15px;
    padding-top: 0px;
    padding-left: 15px !important;
}

.d-con-padding-nobottom {
    padding-right: 15px;
    padding-bottom: 0px;
    padding-top: 15px;
    padding-left: 15px;
}

.d-con-padding-noleft-right {
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
}

.d-con-margin-noleft {
    margin-left: 0px;
}

.d-con-no-margin {
    margin: 0px !important;
}

.d-con-no-padding {
    padding: 0px !important;
}

.btn-style {
    background-color: #5cb85c !important;
    font-size: 15px;
    padding: 6px 14px;
}

.dx-tab.dx-tab-selected {
    background-color: #eeeeee !important;
}

.dx-tabpanel.dx-state-focused {
    border: 1px solid #ddd !important;
}

.d-prog-card {
    padding-left: 15px;
    padding-right: 15px;
}

.dx-tabpanel .dx-tab-selected::before {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 100%;
    bottom: -1px;
    left: 0;
    right: 0;
    z-index: 2;
    height: 0;
    border-bottom: 3px solid #2ca01c !important;
    bottom: -1.4px;
}

.dx-tab.dx-state-focused::after {
    content: "";
    pointer-events: none;
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
    left: -1px;
    border: none !important;
    z-index: 1;
}

#timeline.dx-tab.dx-tab-selected {
    background-color: none !important;
    color: #333;
}

.dx-tab-selected::after {
    content: "";
    pointer-events: none;
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
    left: -1px;
    border-right: none !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
}

.dx-tabpanel.dx-state-focused .dx-tab-selected ::after {
    border-right: none !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
}

.dx-tabpanel .dx-tabs {
    display: block;
    border-bottom: none;
    background-color: none !important;
}

.dx-tabs {
    border: none !important;
}

.dx-tabpanel .dx-multiview-wrapper {
    border: none !important;
    background: none !important;
}

.dx-tabpanel .dx-tabs {
    display: block;
    border-bottom: none;
    background-color: none !important;
}

.map-card .map-card_icon .value {
    font-size: 20px;
    color: #fff;
}

.map-card .map-card_content .value {
    font-size: 20px;
    color: #fff;
}

.map-card .map-card_icon {
    background-color: #3cb572;
    width: 50%;
    display: inline-block;
    padding: 5px;
    text-align: left;
    /* padding-left: 14px; */
}

.map-card .map-card_content {
    background-color: #3cb572;
    width: 50%;
    display: inline-block;
    padding: 5px;
    text-align: left;
    /* padding-left: 14px; */
}

.review-box {
    background-color: #0070c0;
    border-radius: 15px;
    width: 250px;
    margin: 15px;
}

.review-content {
    color: white;
    padding: 15px;
}

.review-rating {
    color: white;
    font-size: 24px;
    padding-left: 15px;
    padding-bottom: 15px;
}

.thankyou-box {
    background-color: #b0d2a1;
    width: 180px;
    border-radius: 15px;
    margin: 15px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
}

.accordion-container {
    margin-left: 15px;
    margin-right: 15px;
}

.thankyou-smiley {
    color: gold;
    font-size: 32px;
}

.thankyou-middle-content {
    padding-top: 5px;
    width: 60%;
    color: white;
}

.thankyou-last-content {
    padding-top: 5px;
    font-size: 10px;
    color: white;
}

.thankyou-chevron-down {
    color: white;
}

.network-icon {
    height: 32px;
    width: 32px;
}

.plateform-text {
    color: #4472c4;
    font-weight: bold;
}

.star-size {
    font-size: 20px;
    padding-right: 10px;
}

.d-popup-container {
    padding: 15px !important;
}

.d-popup-small-actions {
    padding-top: 15px;
}

.d-row-padding {
    margin-top: 15px !important;
}

.row .d-row-padding {
    margin-top: 15px !important;
}


/* Custom Css For Campaigns Detail */


/* Messaging Start */

.d-message-list-container {
    min-height: 440px;
    height: auto;
    top: 0;
    bottom: 0;
}

.d-message {
    height: 65px;
    position: relative;
}

.d-message>img.sender-photo {
    height: 100%;
    width: 65px;
    float: left;
    border-radius: 50%;
}

.d-message>div.message-detail {
    padding-left: 75px;
}

.d-message h4.sender-name {
    font-weight: normal;
}

.d-message .delete-message {
    position: absolute;
    top: 28px;
    right: 0px;
    font-size: 15px;
    display: none;
    cursor: pointer;
}

.dx-list-item:hover .d-message .delete-message {
    display: block;
}

.d-message .delete-message:hover {
    color: #E5493A;
}

.d-message span.msg-date-time {
    float: right;
    font-size: 14px
}

.d-con-settings-panel .row h2.d-settings-title {
    margin-bottom: 20px;
    padding-left: 34px;
    padding-top: 34px;
}

.d-con-settings-panel .row {
    margin-left: 0;
    margin-right: 0;
}

.d-con-settings-panel .d-con-settings-app-menu {
    padding-left: 34px !important;
}

.d-con-settings-panel .d-con-settings-app-menu .d-con-settings-app-name {
    font-size: 15px;
    font-weight: 600;
}

.d-con-settings-panel .d-con-settings-user-profile {
    padding-left: 31px;
    padding-right: 31px;
}

.d-con-settings-panel .d-con-settings-app-menu li a {
    text-decoration: none;
    font-size: 13px;
    line-height: 30px;
    cursor: pointer;
    color: #000;
    display: block;
    width: 100%;
}

.d-con-background {
    background-color: #ffffff;
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 15px;
    height: 400px;
}

ip-email-builder .mat-drawer-content {
    margin-right: 320px;
}

ip-email-builder .choose-color .ng-star-inserted {
    top: 60px;
}

ip-email-builder .cdk-overlay-pane {
    z-index: 9999;
}

.cdk-overlay-container {
    z-index: 9999 !important;
}

ip-email-builder {
    height: calc(100vh);
}

ip-email-builder .mat-toolbar-single-row .ng-star-inserted {
    display: none !important;
}

.danger-button .dx-button-danger {
    background-color: #c00000 !important;
    border-color: darkred !important;
    color: #ffffff !important;
}

.button-left-margin {
    margin-left: 15px;
}


/* .d-clearfix {
  margin-bottom: 15px !important;
} */

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.d-accordion-container-followup {
    margin-left: 15px;
    margin-right: 15px;
}

.Notes.dx-first-col.dx-field-item.dx-col-0.dx-field-item-optional.dx-flex-layout.dx-label-h-align {
    padding-top: 25px;
}

.no-left-right-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.d-no-left-right-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.d-popup-small-container,
.popup-small-container {
    padding: 15px;
}

.d-no-left-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#formphonecomp .dx-field-item-label-location-right {
    padding-left: 5px;
}

#formphonecomp .dx-layout-manager .dx-field-item:not(.dx-last-col) {
    padding-right: 0px;
}

.d-con-pad-five {
    padding-left: 5px;
}

.ScheduleGroup .dx-layout-manager .dx-field-item:not(.dx-first-col) {
    padding-left: 5px;
}

.periods .dx-field-item-label-content {
    padding-top: 10px;
}

.dx-scheduler-appointment-popup {
    display: none;
}

.ScheduleGroup .dx-field-item-label-location-left {
    padding-right: 5px;
}

.Schedule .dx-layout-manager .dx-field-item:not(.dx-first-col) {
    padding-left: 5px;
}

.Schedule .dx-field-item-label-location-left {
    padding-right: 0px;
}

.inline-controls-options {
    display: flex;
    align-items: center;
}

.d-con-padding-five {
    padding-left: 5px;
}

.ScheduleGroup .dx-checkbox-container {
    padding-right: 0px;
}

.d-text-lower-placing {
    margin: 0px auto 15px;
    text-align: center;
}

#con-form label[for="dx_dx-bf421b75-c904-cec2-841c-37883a7919af_f2781c11-a3f5-d5b1-d344-74c843e41cb0"] {
    padding: 10px !Important;
}

#frmStepsDetail label[for="dx_dx-3aba1470-b6ed-5a60-ad71-d781545dac22_c21388fd-91f1-2138-2b4e-f2cbd3284a4c"] {
    padding: 10px;
}

#frmStepsDetail .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-label {
    padding-top: 10px;
    padding-left: 0px;
}

.d-text-placing {
    position: relative;
    display: block;
    background-color: #ffffff;
    padding: 15px;
    border: 1px solid #c6c6c6;
}

#frmStepsDetail .dx-layout-manager .dx-field-item:not(.dx-last-col) {
    padding-right: 0px;
}

#frmStepsDetail .dx-layout-manager .dx-field-item:not(.dx-first-col) {
    padding-left: 5px;
}

#frmStepsDetail .dx-form-group-content {
    padding-bottom: 0px;
}

ip-email-builder ip-structure>.cdk-drag-handle {
    background-color: #2ca01c;
}

ip-email-builder ip-structure:hover>.tools button,
ip-structure>.tools button,
ip-block button.cdk-drag-handle:hover,
ip-block>.tools>button {
    background-color: #2ca01c !important;
}

ip-block button.cdk-drag-handle {
    background-color: #2ca01c !important;
}

ip-email-builder ip-structure:focus>.tools button,
ip-email-builder ip-structure:active>.tools button,
ip-email-builder ip-structure:visited>.tools button {
    background-color: #2ca01c !important;
}

ip-email-builder ip-structure:focus>.tools,
ip-email-builder ip-structure>.tools {
    color: #fff !important;
}

.mat-icon-button.mat-warn {
    color: #fff !important;
}

ip-email-builder ip-structure:focus>.tools,
ip-email-builder ip-structure:active>.tools,
ip-email-builder ip-structure:visited>.tools {
    color: #fff !important;
}

ip-email-builder ip-structure.active,
ip-structure.cdk-drag-placeholder,
ip-structure.cdk-drag-preview,
ip-structure:hover {
    box-shadow: 0 0 1px 2px #2ca01c !important;
}

ip-email-builder ip-structure:hover {
    box-shadow: 0 0 1px 2px #2ca01c !important;
}

.d-con-breakdown {
    background-color: #fff !important;
    margin-top: 15px;
    height: 100px;
    padding-right: 0px !important;
}

.d-con-background-items {
    background-color: #fff;
}

.d-con-breakdown-average {
    background-color: #fff !important;
    margin-top: 15px;
    padding-left: 0px !important;
    height: 100px;
    margin-left: 15px;
}

#dashboardform .dx-first-col.dx-last-col.dx-field-item.dx-col-0.dx-field-item-optional {
    padding-top: 0px;
}

.d-dashboard-font {
    font-weight: 300 !important;
}

.d-message-list-container {
    padding: 15px;
}

.d-button-align-bottom {
    padding: 15px;
    position: absolute;
    right: 0;
    bottom: 0;
}


/* Email Template  */

#d-con-ipemail-builder .mat-drawer-container {
    height: calc(100vh - 60px - 70px);
}

.mat-tab-group.mat-primary .mat-ink-bar {
    background-color: #2ca01c !important;
}

.ip-builder-container mat-toolbar {
    display: none !important;
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
    background-color: #2ca01c;
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background-color: rgb(44, 160, 28);
}

ip-builder-container {
    overflow-y: scroll;
}

quill-editor .ql-toolbar {
    z-index: 1231231231;
}

ip-structure>.cdk-drag-handle {
    background-color: #2ca01c !important;
}


/*ip-image-upload .mat-stroked-button {
  display: none;
}*/

quill-editor {
    white-space: pre-line;
    word-break: normal;
}

.page-body.loaded {
    -webkit-perspective: none !important;
    -moz-perspective: none !important;
    perspective: none !important;
}

.m-0 {
    margin: 0px !important;
}

.d-message-body .dx-textarea {
    height: calc(100vh - 370px);
}

.ql-editor.dx-htmleditor-content {
    padding: 15px;
    height: calc(100vh - 520px) !important;
}

.d-composemail .dx-toolbar {
    border-bottom: 1px solid lightgrey;
    border-top: 1px solid lightgrey;
}

.inline-controls-options {
    display: flex;
}

.d-message-body {
    margin-top: 15px;
}

.d-pr-0 {
    padding-right: 0 !important;
}

.d-pr-30 {
    padding-right: 30px;
}

.d-detail-tabs-sidebar {
    height: 100vh;
    border-right: 1px solid #bbbb;
}

.importCustomer .dx-fileuploader-wrapper {
    padding: 0 !important;
}

.importCustomer .dx-popup-bottom.dx-toolbar {
    padding: 15px 0px 15px 15px !important;
}

.importCustomer .dx-popup-bottom.dx-toolbar .dx-toolbar-after {
    padding-left: 15px;
    padding-right: 15px !important;
}

.d-user-icon {
    display: inline-block;
    position: relative;
    font-weight: 600;
    color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
}

.d-user-icon .d-user-name {
    display: inline-block;
    vertical-align: middle;
}

.d-user-icon span {
    vertical-align: middle;
    font-size: 12px;
    line-height: 32px;
}

.d-text-bold {
    font-weight: bold;
}

.dx-checkbox.dx-state-readonly .dx-checkbox-icon {
    font-size: 17px;
}

dx-data-grid .dx-checkbox.dx-state-readonly .dx-checkbox-icon {
    border: none;
    background: none;
}

.d-phone-status-isFinal .dx-checkbox-icon {
    border: 0px !important;
    background-color: transparent !important;
}

@media (max-width:768px) {
    .d-con-breakdown-average {
        margin-bottom: 15px;
        margin-left: 0px;
    }
    .d-margin-top-sm {
        margin-top: 15px !important;
    }
}

@media (max-width:992px) {
    .d-margin-top-sm {
        margin-top: 15px !important;
    }
}

@media (max-width:560px) {
    .d-con-popup .dx-toolbar .dx-button-text {
        line-height: normal;
        font-size: 12px;
    }
    .d-con-popup .dx-toolbar .dx-button-has-text .dx-button-content {
        padding: 7px 14px 8px;
    }
    .d-con-tab-nav {
        width: 135px;
    }
}
.page-container .sidebar-menu #main-menu li a {
    z-index: 0 !important;
}

.d-menu-item-svg {
    width: 14px;
    margin-right: 5px;
    vertical-align: text-bottom;
}

.d-menu-item-mirror-rotate-vertical {
    transform: scaleX(-1);
}

.d-router-content {
    overflow-x: hidden;
    height: calc( 100vh - 48px);
}

@media(max-width: 767px) {
    .d-router-content {
        height: calc( 100vh - 126px);
    }
}

.d-popup-close-btn {
    position: absolute;
    right: 15px;
    top: 15px;
    line-height: 1;
    cursor: pointer;
}

.d-popup-close-btn:hover {
    opacity: 0.8;
}

.d-est-icon-container {
    display: inline;
    position: absolute;
    top: -3px;
    margin-left: 5px;
}

.d-icon-container-chat {
    display: inline;
    position: absolute;
    top: 14px;
    margin-left: 0px;
}

.d-status-lineheight {
    line-height: 28px;
}

.d-user-icon:not(:first-child) {
    left: -8px;
    box-sizing: content-box;
    border: 3px solid #fff;
}

.d-con-tab-content .d-con-page-tiles {
    margin: 0;
    padding: 0;
}

.full-box {
    width: 100% !important;
}

@media only screen and (max-width: 480px) {
    .dx-scheduler-view-switcher-label {
      display: none !important;
    }
  }

.d-frm-group-pb-0 .dx-form-group-with-caption>.dx-form-group-content {
    padding-bottom: 0;
}

.d-con-popup .dx-popup-bottom .dx-button-has-text,
.d-con-popup .dx-popup-title .dx-button-has-text {
    border-radius: 36px !important;
}

.d-block {
    display: block !important;
}


/* Equal width of col in a bootstrap row */

.d-equal-width-col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}


/*-------------- Diagrams --------------*/

.d-diagram-popup {
    z-index: 1500 !important;
}

.d-diagram-float-button {
    position: fixed;
    bottom: 65px;
    width: 50px;
    height: 50px;
    right: 15px;
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
}

.d-diagram-float-button .dx-icon {
    font-size: 22px;
    display: unset;
}

.d-diagram-float-button .dx-icon.dx-icon-detailslayout {
    line-height: 1.7;
}

.d-diagram-properties {
    position: fixed;
    overflow: hidden;
    bottom: 130px;
    right: 15px;
    max-width: 430px;
    ;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}

.d-con-popup .d-diagram {
    height: calc(100vh - 100px);
}

/* .d-tabs-2.dx-tabpanel .dx-tab,
.d-tabs-3.dx-tabpanel .dx-tab,
.d-tabs-4.dx-tabpanel .dx-tab,
.d-tabs-5.dx-tabpanel .dx-tab {
    display: inline-block;
}

.d-tabs-2.dx-tabpanel .dx-tab {
    width: 33.3%;
} */

.d-tabs-3.dx-tabpanel .dx-tab {
    width: 33.3333%;
}

.d-tabs-4.dx-tabpanel .dx-tab {
    width: 25%;
}

.d-tabs-5.dx-tabpanel .dx-tab {
    width: 20%;
}

.d-tabs-width-100per.dx-tabpanel .dx-tab {
    width: 100%;
}

.d-tabs-without-border {
    overflow: hidden;
}

.d-tabs-without-border.dx-tabpanel.dx-state-focused {
    border: none !important;
}

.d-tabs-without-border .dx-tab {
    border: 1px solid #ddd;
}

.d-tabs-without-border .dx-tab:last-of-type {
    border-left: none;
}

.d-tabs-without-border.dx-tabpanel .dx-multiview-item-content {
    padding: 15px 0 !important;
}

.d-tabs-without-border .dx-multiview-wrapper,
.d-tabs-without-border .dx-multiview-item {
    overflow: visible;
}

.d-tabs-pb-0.dx-tabpanel .dx-multiview-item-content {
    padding-bottom: 0 !important;
}

.d-info-help-text {
    font-style: italic;
    padding: 0px;
    color: #959595;
}

.d-email-templates-list .dx-list-item {
    border-top: none;
    display: inline-block;
    width: 160px;
}

.d-email-templates-list .dx-list-item .dx-list-item-content {
    width: 160px;
}

.d-text-templates-list .dx-list-item {
    border-top: none;
    display: inline-flex;
    width: 200px;
    text-overflow: unset !important;
    white-space: normal !important;
}

.d-text-templates-list .dx-list-item .dx-list-item-content {
    width: 200px;
    height: 200px;
}

.d-msg-template .dx-list-item-content {
    white-space: pre-line !important;
    margin: 5px;
    background: white;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
    color: black !important;
}

.d-email-template-thumbnail-img {
    width: 137px;
    height: 180px;
    -o-object-fit: contain;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    margin: 0 auto;
    object-fit: contain;
}

.d-email-template-thumbnail {
    text-align: center;
}

.d-email-template-thumbnail {
    white-space: break-spaces;
}

.d-drawer .dx-drawer-panel-content {
    background-color: #fff;
}

.unlayer-editor {
    height: calc( 100vh - 130px);
}

.d-simple-drawer.drawerOpen .d-simple-drawer-content {
    width: 75%;
}

.d-simple-drawer.drawerClose .d-simple-drawer-content {
    width: 100%;
}

.d-simple-drawer.drawerOpen .d-simple-drawer-menu {
    display: block;
    width: 25%;
}

.d-simple-drawer.drawerClose .d-simple-drawer-menu {
    display: none;
    width: 0;
}

.d-simple-drawer-content,
.d-simple-drawer-menu {
    float: left;
    transition: all .3s linear;
}

@media(max-width: 840px) {
    .d-simple-drawer.drawerOpen .d-simple-drawer-content,
    .d-simple-drawer.drawerOpen .d-simple-drawer-menu {
        width: 100%;
    }
}

@media(min-width: 576px) {
    .d-transition-all-point3s-sm {
        transition: all .3s linear;
    }
}

.d-grid-data-row-wrap-td {
    white-space: normal;
}

.d-round-border .dx-textbox {
    border-radius: 36px !important;
}

.d-inline-block {
    display: inline-block;
}

.d-flex {
    display: flex;
}

.input-group .quantity-field {
    height: 34px;
    text-align: right;
    border: 1px solid #ccc;
    width: 70px;
}

.input-group .quantity-field:hover {
    border: 1px solid rgb(0, 167, 28);
}

.input-group .quantity-field:focus {
    border: 1px solid rgb(0, 141, 24);
    outline: none;
}

input-group .quantity-field[readonly] {
    border-style: dashed;
}

.input-group .button-minus,
.input-group .button-plus {
    color: #333;
    height: 34px;
    width: 34px;
    border: 1px solid #ccc;
    cursor: pointer;
}

.input-group .button-minus:hover,
.input-group .button-plus:hover {
    background-color: #ddd;
}

.input-group .button-minus {
    border-right: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.input-group .button-plus {
    border-left: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}


/* ------------ Dropdown with add/edit buttons ----------- */

.d-editor-with-btns .dx-dropdowneditor-icon,
.d-editor-with-btns .dx-button-has-icon {
    background-color: #eaeaea;
}

.dx-buttongroup-item.dx-button-has-text .dx-button-content {
    padding: 7px 5px 8px;
}

.d-editor-with-btns .dx-icon-square {
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900 !important;
}

.d-editor-with-btns .dx-icon-square::before {
    content: '\f1e5' !important;
}

.d-radio-btn-editor .dx-radiobutton {
    line-height: 40px !important;
}

.d-no-border {
    border: 0 !important;
}
.d-pull-right-not-xs {
    float: right;
}