/*------------------------ Datagrid Start ------------------------*/
/*datagrid border start*/
/*.dx-datagrid-borders > .dx-datagrid-filter-panel,
.dx-datagrid-borders > .dx-datagrid-headers {
    border-top: 1px solid #0A506F;
    border-left: 1px solid #0A506F;
    border-right: 1px solid #0A506F;
}*/
/*.dx-datagrid-borders > .dx-datagrid-rowsview {
    border-left: 1px solid #0A506F;
    border-right: 1px solid #0A506F;
    border-bottom: 1px solid #0A506F;
}*/
/*.dx-datagrid .dx-column-lines > td {
    border-right: 1px solid #d2d2d2;
}*/
/*.mc-popup-body .mdxDataGridFooterToolBar.dx-toolbar {  
    background-color: #e7f5fb;
    border: 1px solid #000;
    border-top-color: transparent;
}
.mc-popup-body .dx-button-mode-contained {
    background-color: #e4e8eb;
    border-color: #adadad;
    color: #000;
}
.mc-popup-body .dx-button-mode-contained.dx-state-hover {
    border-color: #0078d7;
    color: #000;
    background-color: #e6f2fb;
}
.mc-popup-body .dx-button-mode-contained.dx-state-focused {
    border-color: #0078d7;
    color: #000;
    background-color: #e6f2fb;
}*/
/*------------------------ Datagrid End ------------------------*/



 /*--KND Design Start--*/
/*common class*/
.m-5 {
    margin: 5px;
}
.mt-5 {
    margin-top: 5px; 
}
.mb-5 {
    margin-bottom: 5px;
}
.me-5 {
    margin-right: 5px;
}
.me-15 {
    margin-right: 15px;
}
.me-20 {
    margin-right: 20px;
}
.px-15 {
    padding-left: 15px;
    padding-right: 15px;
}
.w-100 {
    min-width: 100px;
}
.fw-bold {
    font-weight: bold;
}
label {
    margin-bottom: 4px;
    font-weight: 400;
}
.d-flex {
    display: flex; 
}
.align-items-center {
    align-items: center;
}
.position-relative {
    position: relative;
}
.dx-texteditor.dx-state-readonly {
    border-style: solid;
}
.yellow.dx-htmleditor {
    border: 2px solid #eae672;
    border-radius: 0px;
}
.yellow.dx-htmleditor.dx-htmleditor-outlined.dx-state-focused {
    border: 2px solid #000000;
    border-radius: 4px;
}
.gp_warning_popup p {
    text-align: center;
    padding: 10px;
}
.gp_warning_popup .dx-button {
    margin: 0 5px;
    min-width: 100px;
} 
.change-log-file .dx-button-has-text .dx-icon {
    margin-inline-end: 0px;
}
.dx-icon.fa-file-excel-o {
    margin: 0px;
}
.dx-row .dx-state-disabled.dx-checkbox .dx-checkbox-icon {
    opacity: 1;
}
/*left-right arrow button*/
.commonCloseButton.dx-button-has-icon .dx-button-content {
    padding: 0px;
}
.commonCloseButton.dx-button-has-icon .dx-icon {
    font-size: 18px;
}
.commonCloseButton.dx-button-mode-contained .dx-icon {
    color: #fff;
    padding: 12px;
}
.commonCloseButton.dx-button-has-text .dx-icon {
    margin-inline-end: 0px;
}
.commonCloseButton.btn:active:focus {
    outline: none;
}
.dx-button-mode-contained.dx-state-hover.commonCloseButton {
    background-color: #00bfff;
    border-color: transparent;
}
.dx-button-mode-contained.dx-state-focused.commonCloseButton {
    background-color: #00bfff;
}
.dx-button-mode-contained.commonCloseButton {
    background-color: #00bfff;
}
/*file uploader*/
.dx-fileuploader-wrapper {
    padding: 0px;
}
.dx-fileuploader-input-wrapper {
    padding: 0;
}
.fileuploader-container .dx-button-has-text .dx-icon {
    margin-inline-end: 2px;
}
.mcrm_file_uploader .fileuploader-container {
    display: flex;
    margin-top: 6px;
    justify-content: flex-start;
}
.mcrm_file_uploader .dx-fileuploader-file-name {
    justify-self: left;
    float: unset;
    flex-basis: 100%;
}
.mcrm_file_uploader .file-name {
    margin-left: 8px;
    justify-self: right;
    float: unset;
}
.mcrm_file_uploader .dx-button.dx-button-has-icon {
    margin-right: 0;
    justify-self: right;
    float: unset;
}
/*admin bullete list page*/
.admin_bullet_list_page {
    font-family: "Helvetica Neue", "Segoe UI", helvetica, verdana, sans-serif;
}
/*add call page*/
.gp_setup_btn {
    width: calc(8% - 12px);
}
/*counter balance report page*/
.gp-sms-preview .border-dashed {
    border-style: dashed;
}
/*dashboard page*/
.ticket-history .dx-accordion-item-title:before {
    display: none;
}
.ticket-history-block {
    background-color: rgb(242, 242, 242);
    display: flex;
    width: calc(100% - 0px);
    font-size: 16px;
    margin-left: 0px;
}
.ticket-history-block .icon,
.ticket-history-block .title,
.ticket-history-block .action,
.ticket-history-block .date-time {
    padding: 12px;
}
.ticket-history-block .icon {
}
.ticket-history-block .title {
    flex-grow: 1;
    flex-basis: 0;
    flex-shrink: 1;
    gap: 15px;
    font-weight: bold;
    padding-left: 0;
}
.ticket-history-block .title span {
    font-weight: normal;
    font-size: 14px;
}
.ticket-history-block .action {
    font-size: 14px;
    color: #337ab7;
}
.ticket-history-block .action_icon {
    font-size: 14.8px;
    color: #f39c12;
    padding:15px;
}
.ticket-history-block .date-time {
    background-color: #0073b7;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}
.box-header {
    padding: 10px 0px;
}
/*contact details popup*/
.mcrm_contact_details .dx-datagrid-rowsview .dx-row.dx-row-lines:first-child {
    border-top: 1px solid #ddd;
}
.mcrm_contact_details .dx-datagrid .dx-column-lines > td {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}
/*assign dealer popup*/
.mcrm_assign_dealer {
    display: flex;
    justify-content: space-around;
    margin: 20px 20px 5px 20px;
}
/*login_signup page*/
.signup_page,
.signup_page_cp {
    background: #d2d6de;
}
.mcrm_signup_title {
    margin-bottom: 20px;
}
.loginButton:hover {
    color: #fff;
}
.text-danger {
    color: #ff0000;
}
i.glyphicon {
    position: absolute;
    right: 10px;
    margin-top: 8px;
}
.signup_page_cp .login-box {
    width: 450px;
    margin: 1% auto;
}
.signup_page_cp .login-box-body {
    padding: 20px 35px;
}
.signup_cp_btn {
    background-color: #5cb85c;
    color: #fff;
}
.signup_cp_btn.dx-state-hover {
    background-color: #46a046;
}
/*notification popup*/
.dx-list-item:last-of-type {
    border-bottom: 1px solid #ddd;
}
.mcrm_more_btn {
    margin-top: 11px;
}
/*--KND Design End--*/