/*

For any new devextreme update: 
Please change the following css in dx.light.css

.dx-texteditor-input {
  margin: 0;
  padding: 5px 9px;  //change padding
  background: #fff;
  color: #333;
  font-size: 1em;
  border-radius: 4px; //delete min-height
}

.dx-placeholder:before {
  padding: 5px 9px; //change padding
}
    
.dx-datagrid-headers .dx-texteditor-input,
.dx-datagrid-rowsview .dx-texteditor-input {
  padding: 5px 7px;
}

*/



.dx-checkbox-indeterminate .dx-checkbox-icon:before {
    content: '';
    width: 12px !important;
    height: 12px !important;
    background-color: transparent !important;
    position: absolute;
    left: 1px !important;
    top: 1px !important;
}

.dx-tag-content {
    margin: 1px 0 0 4px !important;
    padding: 2px 25px 2px 6px !important;
    min-width: 40px;
    background-color: #ddd;
    border-radius: 2px;
    color: #333;
    vertical-align: top;
}

.dx-datagrid-header-panel .dx-toolbar-after {
    left: 0 !important;
}

.dx-accordion {
    background-color: transparent !important;
}

/*for chart*/

.dxc text {
    font-size: 15px !important;
    font-family: Calibri, Arial,sans-serif !important;
}

.dxc .dxc-title text {
    font-size: 17px !important;
    font-family: Calibri, Arial,sans-serif !important;
}

.dxc-arg-elements text {
    font-size: 15px !important;
    font-family: Calibri, Arial,sans-serif !important;
}


.dx-state-disabled .dx-selectbox .dx-texteditor-input, .dx-state-disabled.dx-selectbox .dx-texteditor-input {
    background-color: #f7f7f7;
}

.dx-texteditor.dx-state-readonly {
    background-color: #f7f7f7;
}

.dx-texteditor-input {
    background-color: transparent !important;
}

.dx-state-disabled .dx-texteditor-input {
    /*opacity: 1;*/
    background-color: #f7f7f7 !important;
}

.dx-datagrid-rowsview .dx-row > .dx-master-detail-cell {
    padding: 15px !important;
}


.dx-slider-handle {
    margin-top: -7px !important;
    width: 14px;
    height: 14px !important;
    background-color: #337ab7;
}


.dx-master-detail-cell .dx-datagrid-header-panel .dx-button {
    margin-left: 10px;
    margin-top: 5px;
}

.dx-list-item-content {
    word-wrap: break-word !important;
    /*white-space: normal !important;*/
}


.dx-tooltip-wrapper .dx-overlay-content {
    width: auto !important;
}

.dx-header-row td {
    background-color: whitesmoke;
}

.dx-link {
    text-decoration: none !important;
}

/* font color for scheduler template */
.dx-scheduler-appointment-content {
    color: #000000;
}


/*font-family: Calibri, Arial,sans-serif;*/
.dx-datagrid-column-chooser {
    font-family: Calibri, Arial,sans-serif !important;
}

    .dx-datagrid-column-chooser input,
    .dx-datagrid-column-chooser textarea {
        font-family: Calibri, Arial,sans-serif !important;
    }

.dx-theme-generic-typography {
    font-family: Calibri, Arial,sans-serif !important;
}

    .dx-theme-generic-typography input,
    .dx-theme-generic-typography textarea {
        font-family: Calibri, Arial,sans-serif !important;
    }

.dx-widget {
    font-family: Calibri, Arial,sans-serif !important;
}

    .dx-widget input,
    .dx-widget textarea {
        font-family: Calibri, Arial,sans-serif !important;
    }

.dx-overlay-wrapper {
    font-family: Calibri, Arial,sans-serif !important;
}

    .dx-overlay-wrapper input,
    .dx-overlay-wrapper textarea {
        font-family: Calibri, Arial,sans-serif !important;
    }

.dx-menu-base {
    font-family: Calibri, Arial,sans-serif !important;
}

    .dx-menu-base input,
    .dx-menu-base textarea {
        font-family: Calibri, Arial,sans-serif !important;
    }

.dx-field {
    font-family: Calibri, Arial,sans-serif !important;
}

    .dx-field input,
    .dx-field textarea {
        font-family: Calibri, Arial,sans-serif !important;
    }

.dx-datagrid-column-chooser {
    font-family: Calibri, Arial,sans-serif !important;
}

    .dx-datagrid-column-chooser input,
    .dx-datagrid-column-chooser textarea {
        font-family: Calibri, Arial,sans-serif !important;
    }

.dx-theme-generic-typography {
    font-family: Calibri, Arial,sans-serif !important;
}

    .dx-theme-generic-typography input,
    .dx-theme-generic-typography textarea {
        font-family: Calibri, Arial,sans-serif !important;
    }



/*radio button && checkbox*/
.dx-radiobutton-icon:before {
    width: 16px !important;
    height: 16px !important;
}

.dx-radiobutton-icon {
    width: 18px !important;
    height: 18px !important;
}

.dx-radiobutton {
    line-height: 1.42857143 !important;
}

.dx-radiobutton-checked .dx-radiobutton-icon-dot {
    margin-top: -14px !important;
    margin-left: 4px !important;
    background: #B2B2B2 !important;
}

.dx-checkbox-icon {
    width: 18px !important;
    height: 18px !important;
}

.dx-checkbox-text {
    margin-left: -18px;
}

.dx-checkbox-checked .dx-checkbox-icon {
    font-size: 15px !important;
}
/*.dx-checkbox-container{
    display:block !important;
}
.dx-form .dx-checkbox-container{
    display:inline-block !important;
}*/

.dx-lookup {
    height: 30px !important;
}

.dx-lookup-field {
    padding: 5px 9px !important;
}

.dx-tab {
    padding: 5px 9px !important;
}

/*edit buttons(save/cancel) of edit form*/
.dx-datagrid-form-buttons-container {
    margin-left: -10px !important;
    float: left !important;
}

.dx-gallery .dx-gallery-nav-button-next:before {
    content: ">" !important;
}

.dx-gallery .dx-gallery-nav-button-prev:before {
    content: "<" !important;
}

/*.dx-badge{
    background-color:#3cb7dd !important;
    margin-left: 5px !important;
}*/

.dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid .dx-highlight-outline::after {
    border: 3px solid rgba(217, 83, 79, 0.4) !important;
}

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

.dx-datagrid #yellowRow > td {
    background-color: yellow;
}