body, html, .page-content-container, .main {
    height: 100%;
    width: 100%;
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;*/
}

html, body {
    margin: 0;
    padding: 0;
    display: block;
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;*/
}

/*p, input, textarea, td, ul {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

h3 {
    font-size: 1.3rem;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

h5 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}*/

/*This class fixes the responsive UI problem, but with this fix it makes extra white space to the right side of the screen*/
.main-row {
    width: 100%;
}

.main-body-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.content-container {
    /*display: flex; This has been commented out as it is disturbing page UI on all pages except ActionHubView*/
    flex: 1;
    margin-top: 5px;
    margin-bottom: 5px;
}

body {
    min-height: 100%;
}

html {
    position: relative;
    min-height: 100%;
}

p, body, input, textarea, select, td, label, li, text, .dxnb-item, .dx-widget, .dx-overlay-wrapper {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 14px;
}


.dx-icon-search, .dx-datagrid-group-opened, .dx-datagrid-group-closed, .dx-next-button, .dx-prev-button {
    font-family: DXIcons !important;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.dxpc-headerText, .card-header {
    font-weight: bold;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

#TopMenuBar {
    border-color: inherit;
    background-image: inherit;
    border: 0;
    margin-bottom: 0;
    margin-right: -15px;
    margin-left: -15px; 
}

    #TopMenuBar .navbar-nav li a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

.badge {
    background-color: #FFFFFF !important;
    color: #FF4C40 !important;
    position: absolute;
    left: 36px;
    top: 5px;
    font-size: 10px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-shadow: none;
    padding: 3px 4px;
}

.message-list .badge {
    background-color: #FF4C40 !important;
    color: #FFFFFF !important;
    height: 11px;
    padding: 0 4px;
    top: 0;
}

.message-list .pe-7s-mail {
    color: #337ab7;
}

.message-list a:active, .message-list a:focus {
    text-decoration: none;
}

.footer {
    /*position: fixed;
    bottom: 0;*/
    width: 100%;
    background-color: #222;
    /*z-index: 99999;
    height: 20px;*/
}

#footer .footerCenter {
    display: flex;
    justify-content: center;
}

#footer .text-muted {
    margin: 6px 5px !important;
    font-size: 12px !important;
    color: white !important;
    text-decoration: none !important;
}


    #footer .text-muted:hover {
        text-decoration: underline !important;
    }

    #footer .text-muted a {
        color: white !important;
        text-decoration: none !important;
    }

        #footer .text-muted a:hover {
            text-decoration: underline !important;
            color: white !important;
        }

.login-form .checkbox input {
    margin-left: 0;
}

.login-form .checkbox label {
    margin-left: 20px;
}

.login-form .form-horizontal .control-label {
    text-align: left;
}

.login-form .checkbox label {
    padding-left: 0;
}

.login-form h2 {
    margin: 10px 0 30px 0;
}

.login-mainbox {
    padding-left: 0;
    padding-top: 100px;
}

    .login-mainbox .loginpanel-default {
        -moz-box-shadow: 0px 6px 12px 0px #c0c0c0;
        -webkit-box-shadow: 0px 6px 12px 0px #c0c0c0;
        box-shadow: 0px 6px 12px 0px #c0c0c0;
    }

.cookieMsg {
    /*position: fixed;
    bottom: 20px;
    right: 10px;*/
    font-size: 12px;
    max-width: 370px;
}

.popupPrivacy {
    max-height: 400px;
    overflow: auto;
    z-index: 9999999 !important;
}

    .popupPrivacy h3 {
        font-size: 16px;
    }

.navbar, .navbar .topnavbar {
    min-height: 75px;
    padding: 0 1rem;
}

    .navbar .topnavbar .imglogo {
        line-height: 75px;
    }

ul.navbar-right {
    padding-top: 14px;
}

.headerContainer {
    width: 99.3%;
}

#TopMenuBar label {
    display: block;
    margin: 0;
    line-height: normal;
    font-weight: inherit;
}

    #TopMenuBar label.top-title-1 {
        font-size: 16px;
        color: white;
    }

    #TopMenuBar label.top-title-2 {
        font-size: 14px;
        color: #9d9d9d;
    }

    #TopMenuBar label.logged-in-as {
        font-size: 12px;
        font-style: italic;
        padding-top: 2px;
    }

#TopMenuBar .brand-logo {
    margin-right: 15px;
    margin-left: -20px;
}

#TopMenuBar #imgLogo {
    margin-right: 15px;
    margin-left: -20px;
    border-width: 0px;
}

/*This class to fix logo size issue*/
#imgLogo .dx-item-content.dx-gallery-item-content .dx-gallery-item-image {
    /*height: 100%;*/
    max-width: 100%;
    max-height: 100%;
}

.brandInfoContainer {
    display: table;
}

.logoContainer {
    display: table-cell !important;
    vertical-align: middle;
}

.brandInfo {
    padding: 0 15px;
    display: table-cell;
    vertical-align: middle;
}

#TopMenuBar .dx-gallery-item-content {
    /*margin-top: -15px;*/
}

.popup-body {
    margin: 0;
    padding: 0;
}

.form-popup {
    margin: 0 15px;
}

.logo-footer {
    position: absolute;
    top: -77px;
    left: 21px;
}

.adminboxes .card {
    min-height: 170px;
}

.admin-box-spacer {
    display: block;
    height: 34px;
}

.Dashboard_btn_cls {
    background-image: -webkit-linear-gradient(top,#d9534f 0,#c12e2a 100%);
    background-image: -o-linear-gradient(top,#d9534f 0,#c12e2a 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#d9534f),to(#c12e2a));
    background-image: linear-gradient(to bottom,#d9534f 0,#c12e2a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
    /*filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/
    background-repeat: repeat-x;
    border-color: #b92c28;
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    color: #fff !important;
}

    .Dashboard_btn_cls:hover,
    .Dashboard_btn_cls:focus,
    .Dashboard_btn_cls:active,
    .Dashboard_btn_cls.active {
        background-image: -webkit-linear-gradient(top,#c12e2a 0,#c12e2a 100%);
        background-image: -o-linear-gradient(top,#c12e2a 0,#c12e2a 100%);
        background-image: -webkit-gradient(linear,left top,left bottom,from(#c12e2a),to(#c12e2a));
        background-image: linear-gradient(to bottom,#c12e2a 0,#c12e2a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc12e2a', endColorstr='#ffc12e2a', GradientType=0);
        /*filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/
        background-repeat: repeat-x;
        border-color: #b92c28;
        text-shadow: 0 -1px 0 rgba(0,0,0,.2);
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
        color: #fff !important;
    }

.buttons-margin-top {
    margin-top: 30px;
}

.form-import-users h4 {
    margin-bottom: 0;
}

.form-import-users button {
    margin-top: 30px;
}

.top-buffer {
    margin-top: 20px;
}

.dl-buffer dd {
    margin-bottom: 10px;
}

ul#nbHelpContent {
    width: 100%;
}

    ul#nbHelpContent .dxnb-itemHover {
        background-color: #eeeeee;
        color: #2B2B2B;
    }

.chart-overrides {
    width: 100% !important;
    height: 100% !important;
}

.gridContainer {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /*border: 8px solid #e4e4e4;
    border-radius: 5px;*/
    text-align: center;
}

.grid-w33 {
    width: 33.3333%;
}

.grid-w50 {
    width: 50%;
}

.grid-w100 {
    width: 100%;
}

.grid-h33 {
    height: 33.3333%;
}

.grid-h50 {
    height: 50%;
}

.grid-h100 {
    height: 100%;
}

.grid-float-left {
    float: left;
}

.grid-float-right {
    float: right;
}

.grid-float-none {
    float: none;
}

.grid-clear-none {
    clear: none;
}

.grid-clear-both {
    clear: both;
}

.grid-notopborder {
    border-top: none;
}

.grid-padding-top {
    padding-top: 5px;
}

.grid-padding-bottom {
    padding-bottom: 5px;
}

.grid-padding-left {
    padding-left: 5px;
}

.grid-padding-right {
    padding-right: 5px;
}

.maingrids {
    background-color: #e0e0e0;
}

g.dxc-title text {
    font-weight: bold !important;
    font-size: 10pt !important;
    font-size: 1vw !important;
}

g.dxc-labels text, .dxc-tooltip div div div {
    font-weight: normal !important;
    font-size: 8pt !important;
    font-size: 0.8vw !important;
}

g.dxc-val-title text, g.dxc-arg-title text, g.dxc-legend text {
    font-weight: normal !important;
    font-size: 9pt !important;
    font-size: 0.9vw !important;
}

g.dxc-arg-elements text, g.dxc-val-elements text {
    font-weight: normal !important;
    font-size: 8pt !important;
    font-size: 0.8vw !important;
}

#envMsgContainer {
    width: 100%;
    height: 50px;
    position: fixed;
    top: 0px;
    background-color: white;
    /*z-index: 9999;*/
    padding: 1px;
}

#environmentMsg {
    text-align: left;
    font-size: 15px;
    font-style: normal;
    overflow: hidden;
}

    #environmentMsg.alert {
        padding: 12px;
    }

    #environmentMsg.alert-info {
        background-color: #0078C1;
        background-image: none;
        color: white;
        border: none;
    }

.adminFormButtons {
    margin-top: 10px;
}

.form-group-sm {
    min-height: 40px;
}

button {
    outline: none;
}

.layout-grid-container {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px dashed #ddd;
    border-radius: 4px;
    text-align: center;
}

    .layout-grid-container img {
        position: relative;
        top: 50%;
        margin-top: -16px;
        cursor: pointer;
    }

.navbar-dark .navbar-nav > .active > a, .navbar-dark .navbar-nav > .open > a {
    background-image: inherit !important;
    background-color: inherit !important;
    box-shadow: none !important;
}

label.control-label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.form-group-sm .form-control {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.form-group .form-control {
    padding: 5px 10px !important;
    font-size: .8rem !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
}

.form-group .dxeEditArea {
    font-size: .8rem !important;
}

.loadingpanelclass {
    overflow: hidden !important;
    height: 100% !important;
    background-color: lightgray;
}

.embeddedReportLoadingPanel {
    overflow: hidden !important;
    background-color: lightgray !important;
    border: solid 2px #000;
}

.headerNavButons {
    margin-right: -20px;
}

#cmbAdminConsoleDashboardSelect {
    width: 100% !important;
}

.titleRow {
    background-color: #dcdcdc;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

    .titleRow label {
        margin-left: 4px;
        margin-top: 5px;
    }

.dxBB {
    font-size: .8rem;
}

#Logo1 td {
    font-size: .8rem;
}

.applicationTitleRow {
    margin-top: 10px !important;
}

.dashboardTitleRow {
    margin-bottom: 8px !important;
}

.tabRow {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

/*.tabRow .dx-texteditor-input {
    padding: 0px !important;
}*/


.dxeDisabled {
    background-color: #e9ecef !important;
    opacity: 1 !important;
}

.readOnlyText {
    background-color: #e9ecef !important;
}

.titleErrorRow {
    margin-top: 10px !important;
}

.row_DEVEdit {
    font-style: italic;
}

.row_Deleted {
    color: lightgray;
}

.confirmMessageContainer {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 15px;
}

.PBIContentRowTitle {
    background-color: #cbc6c6;
}

    .PBIContentRowTitle label {
        margin-top: 6px;
    }

.SetSpaninCenter {
    display: flex;
    align-items: center;
    justify-content: center;
}

.secondRow, .lastRow {
    margin-top: 1rem;
}

.validationFailed {
    color: red;
    font-size: .75rem !important;
}

.buttonsContainer {
    text-align: center;
}

.lblNewsText-prewrap {
    white-space: pre-wrap;
}

.notificationTemplateContainer {
    box-shadow: 5px 10px #b92c28;
    -moz-box-shadow: 5px 10px #b92c28;
    -webkit-box-shadow: 5px 10px #b92c28;
    border: solid 2px #b92c28;
    opacity: 0.99;
    border-radius: 10px;
    display: inline-block;
    width: 100% !important;
    background-color: #fff;
    height: auto;
    padding: 4px !important;
}

    .notificationTemplateContainer:hover {
        box-shadow: 5px 10px rgb(185, 44, 40,0.5);
        -moz-box-shadow: 5px 10px rgb(185, 44, 40,0.5);
        -webkit-box-shadow: 5px 10px rgb(185, 44, 40,0.5);
    }

    .notificationTemplateContainer table {
        width: 100%;
    }

.dvProductWithWarning {
    padding: 8px;
    width: 60px;
    text-align: center;
    vertical-align: top;
}

    .dvProductWithWarning img {
        width: 32px;
        height: 32px;
    }

    .dvProductWithWarning div {
        margin-top: 12px;
    }

.newsDate {
    font-family: Verdana !Important;
    font-size: 10px !Important;
    font-weight: bold;
    font-style: italic;
    color: gray;
}

    .newsDate .dxeBase {
        font-family: Verdana !Important;
        font-size: 10px !Important;
        font-weight: bold;
        font-style: italic;
        color: gray;
    }

.newsHeaderText {
    color: #000;
}

.newsHeaderText {
    font-family: Verdana !Important;
    font-size: 16px !Important;
    font-weight: bold;
}

    .newsHeaderText .dxeBase {
        font-family: Verdana !Important;
        font-size: 16px !Important;
        font-weight: bold;
    }

.newsText {
    color: #000;
    width: 100%;
    font-family: Verdana !Important;
    font-size: 10px !Important;
}

    .newsText .dxeBase {
        font-family: Verdana !Important;
        font-size: 10px !Important;
    }

.detailsLink {
    color: #000;
    float: left;
    width: 20%;
}

    .detailsLink .dxbButtonSys {
        font-family: Verdana !Important;
        font-size: 10px !Important;
        margin-left: 5px !important;
    }

.notificationInfoContaier {
    margin-top: 4px;
    margin-bottom: 4px;
}

    .notificationInfoContaier td {
        padding: 3px;
    }

.proceedButtonRow {
    text-align: right;
    margin-top: 10px;
}

.detailsText {
    font-size: 10px !important;
    font-family: Verdana !Important;
    padding: 5px;
    overflow: auto !important;
}

.welcomePopover {
    background: white;
}

.privacy_checkbox, .privacy_checkbox input[type="checkbox"] {
    width: 18px;
    height: 18px;
}

/*.dx-popover-wrapper .dx-popup-title.dx-toolbar {
    padding: 5px 10px 5px 10px !important;
    color: white;
    border-bottom: none;
}

.dx-popup-title.dx-toolbar {
    background-color: #c0baba;
}

    .dx-popup-title.dx-toolbar .dx-toolbar-items-container {
        height: 16px;
    }

    .dx-popup-title.dx-toolbar .dx-toolbar-label {
        font-family: Verdana !important;
        font-size: 11px !important;
        font-weight: bold;
    }*/

.dx-toolbar-label > div {
    padding: 4px 5px !important;
}

.disabledRow td {
    color: gray;
}

.privPanel {
    overflow: auto;
    padding-right: 15px;
    width: 700px;
    height: 300px;
    font-size: 13px;
}

    .privPanel a {
        color: #0000FF !important;
    }

.popupModalBackground {
    z-index: 99999 !important;
}

.popupPrivacyContainer .dxpcLite_Moderno {
    z-index: 9999999 !important;
}

/* Start : Reset Password set styles */
.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    width: 100%;
}

.passwordStrengthIndicatorMainDiv {
    height: 32px;
    overflow: hidden;
    width: 100%;
    margin-top: 3px;
}

.resetPasswordSetErrorLabelDiv {
    height: 72px;
    overflow: hidden;
    width: 100%;
}

.resetPasswordSetErrorLabel {
    font-size: 12px !important;
    color: red !important;
    font-weight: bold;
}

#dx-popup-contentMessage {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    overflow: auto !important;
}

#dx-popup-titleMessage {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    overflow: auto !important;
    font-weight: bold;
}

#dx-popup-contentMessage > * {
    font-size: 13px !important;
}
/* End : Reset Password set styles */


#userInstancesList {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.userInstancesList_brandNameStyle {
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer;
}

.userInstancesList_oemNameStyle {
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
}

.userInstancesList_ReadOnlyNameStyle {
    font-size: 0.875rem;
    font-weight: 600;
}

userInstancesList_ReadOnlyDisabledNameStyle {
    font-size: 0.875rem;
    font-weight: 600;
    font-style: italic;
    color: #BBB;
}


a:hover {
    color: #0056b3 !important;
}

.profileImageContainerParent {
    text-align: center;
}

.profileImageContainer {
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #dcdcdc;
    text-align: center;
}

    .profileImageContainer img {
        height: 100px;
        width: 100px;
    }

    .profileImageContainer:hover {
        border: 1px solid #060ab6;
    }

.profileImageLabelContainer {
    margin-top: 10px;
}

    .profileImageLabelContainer label {
        font-size: 1rem;
        font-weight: bold;
        font-style: italic;
    }

.dropdown-menu {
    z-index: 999999 !important;
    --bs-dropdown-min-width: 0rem !important;
}

#lastOpenedBookmarkPanel_PW-1 {
    z-index: 9998 !important;
}

.navIconColorChanged {
    color: red !important;
    font-size: 16px !important
}

@-webkit-keyframes blinker {
    from {
        opacity: 1.0;
    }

    to {
        opacity: 0.0;
    }
}

.blink {
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
}

.contextbar-lastDataRefreshInfo {
    position: absolute;
    bottom: 0px;
}

/*Splitter - Start*/

#splitter {
    border: 1px solid var(--dx-color-border);
    border-radius: 8px;
    overflow: hidden;
    /*margin-top: 5px;*/
}

.pane-content {
    padding: 12px;
}

.pane-title {
    font-weight: 600;
    margin-bottom: 2px;
}

.pane-state {
    font-size: var(--dx-font-size-xs);
    margin-bottom: 4px;
}

.pane-option {
    color: var(--dx-texteditor-color-label);
    font-size: 10px;
}

#splitter > .dx-splitter-item:first-child > .dx-splitter-item-content:focus {
    border-start-start-radius: 8px;
    border-end-start-radius: 8px;
}

#splitter > .dx-splitter-item:last-child > .dx-splitter-item-content:focus {
    border-end-end-radius: 8px;
    border-start-end-radius: 8px;
}

.dx-splitter-item-content:focus {
    outline: none;
    box-shadow: inset 0 0 0 1px var(--dx-color-primary);
}
/*Splitter - End*/

/*switch Start*/
/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 32px;
}

    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .1s;
    transition: .1s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 5px;
        bottom: 3px;
        background-color: white;
        -webkit-transition: .1s;
        transition: .1s;
    }

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

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

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
/* Rounded sliders */

.firstRow {
    display: flex;
}

.dx-switch-container {
    height: 36px !important;
    border-radius: 4px !important;
}

.dx-switch-handle {
    height: 30px !important;
    width: 50px !important;
}

.dx-switch-off, .dx-switch-on {
    line-height: 33px !important;
    font-size: 14px !important;
    font-weight: normal !important;
}

.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }
/*Swith End*/


.buttonLeftSpace {
    margin-left: 2px !important;
}

.buttonRightSpace {
    margin-Right: 2px !important;
}

.dx-dialog-message {
    text-align: center !important;
}

#notAuthorisedUserValidator {
    margin-top: 65px;
}

.hideValidator {
    display: none;
}

.hide {
    display: none;
}

#btnIntegrationWebRedirect {
    visibility: hidden;
}


#btnGoToActionHubRedirect {
    visibility: hidden;
}

.dx-popup-wrapper .dx-state-focused.dx-overlay-content {
    border: 1px solid #ddd !important;
}

.dx-texteditor.dx-state-active.dx-editor-filled, .dx-texteditor.dx-state-active.dx-editor-outlined, .dx-texteditor.dx-state-active.dx-editor-underlined, .dx-texteditor.dx-state-focused.dx-editor-filled, .dx-texteditor.dx-state-focused.dx-editor-outlined, .dx-texteditor.dx-state-focused.dx-editor-underlined, .dx-texteditor.dx-state-hover {
    border-color: #ddd !important;
}

/*Classes for quotes - Start*/
.blockquote {
    border: none;
    margin: 0px;
    padding: 0px 10px;
    /*quotes: "\201D""\201D""\2018""\2019";*/
    font-size: 0.8rem;
    /*height: 60px;*/
}

    .blockquote:before {
        color: #ccc;
        content: open-quote;
        font-size: 2rem;
        line-height: 0.3em;
        vertical-align: -0.3em;
    }

    .blockquote:after {
        color: #ccc;
        content: close-quote;
        font-size: 2rem;
        line-height: 0.3em;
        margin-right: 0.25em;
        vertical-align: -0.3em;
    }

    .blockquote p {
        display: inline;
        /*font-size: 0.65rem;*/
        font-style: italic;
    }
/*Classes for quotes - End*/


.dx-toast-icon {
    display: none;
}

.dx-toast-message {
    font-size: 12px !important;
    font-weight: normal !important;
    text-align: center !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}