/* Style customization for QW */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: normal;
    src: url(../../../fonts/open-sans-v22-latin-ext-regular.woff) format('woff');
    /* src: url(../../../fonts/roboto-v27-latin-regular.woff) format('woff');*/
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: bold;
    src: url(../../../fonts/open-sans-v22-latin-ext-700.woff) format('woff');
    /* src: url(../../../fonts/roboto-v27-latin-700.woff) format('woff'); */
}

@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: normal;
    src: url(../../../fonts/open-sans-condensed-v15-latin-ext-300.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: bold;
    src: url(../../../fonts/open-sans-condensed-v15-latin-ext-700.woff) format('woff');
}

.e-listbox .e-select,
.e-widget.e-listbox .e-select {
    background: #2b579a !important;
}

.e-dragClonelist,
.e-widget.e-dragClonelist {
    color: Black !important;
}

.e-acrdn,
.e-widget,.e-acrdn {
    font-family: 'Open Sans' !important;
}

.e-ribbon.e-js > .e-header,
.e-widget.e-ribbon.e-js > .e-header {
    height: 23px;
}

.e-ribbon .e-header > li,
.e-widget.e-ribbon .e-header > li {
    margin-top: 2px !important;
}

.e-ribbon.e-tab.e-js .e-header > .e-select,
.e-ribbon.e-tab.e-js .e-header > .e-active,
.e-ribbon.e-tab.e-js .e-left > .e-active,
.e-ribbon.e-tab.e-js .e-right > .e-active,
.e-ribbon.e-tab.e-js .e-left > .e-select,
.e-ribbon.e-tab.e-js .e-right > .e-select,
.e-widget.e-ribbon.e-tab.e-js .e-header > .e-select,
.e-widget.e-ribbon.e-tab.e-js .e-header > .e-active,
.e-widget.e-ribbon.e-tab.e-js .e-left > .e-active,
.e-widget.e-ribbon.e-tab.e-js .e-right > .e-active,
.e-widget.e-ribbon.e-tab.e-js .e-left > .e-select,
.e-widget.e-ribbon.e-tab.e-js .e-right > .e-select {
    font-weight: normal;
    font-size: 14px;
}


.e-ribbon .e-header li a,
.e-widget.e-ribbon .e-header li a {
    padding: 1px 14px;
}

.e-ribbon .e-groupdiv,
.e-widget.e-ribbon .e-groupdiv {
    padding: 2px 5px 0px 0px;
}

.e-ganttdialog .e-tab.e-js .e-header > .e-select,
.e-ganttdialog .e-tab.e-js .e-header > .e-active,
.e-widget.e-ganttdialog .e-tab.e-js .e-header > .e-select,
.e-widget.e-ganttdialog .e-tab.e-js .e-header > .e-active {
    font-size: 13px !important;
}

.e-ganttdialog .e-general-edit-div .e-editLabel label,
.e-widget.e-ganttdialog .e-general-edit-div .e-editLabel label {
    font-size: 11px;
}

.e-ganttdialog .e-editform-btn input,
.e-widget.e-ganttdialog .e-editform-btn input {
    font-size: 12px;
}

.e-ganttdialog .e-ddl,
.e-widget.e-ganttdialog .e-ddl {
    height: 22px !important;
}

.e-ganttdialog .e-numeric,
.e-widget.e-ganttdialog .e-numeric {
    height: 22px !important;
}

.e-ganttdialog .e-treegridform,
.e-widget.e-ganttdialog .e-treegridform {
    margin-bottom: 0px
}

.e-ganttdialog .e-treegrid .e-headercell,
.e-widget.e-ganttdialog .e-treegrid .e-headercell {
    height: 22px;
}

.e-ganttdialog .e-treegrid .e-editedcell,
.e-widget.e-ganttdialog .e-treegrid .e-editedcell {
    padding: 0px !important;
}

.e-ganttdialog .e-treegridrows,
.e-widget.e-ganttdialog .e-treegridrows {
    height: 22px !important;
}

.e-widget.e-grid.e-dialog.e-widget-content {
    font-size: 11px;
}

.e-js.e-dialog {
    max-height: unset;
    max-width: unset;
    min-width: unset;
    position: unset
}

.e-widget.e-grid .e-dlgBtns .e-button {
    font-family: 'Open Sans';
    font-weight: normal;
    font-size: 11px;
}

.e-widget.e-grid .e-headercelldiv,
.e-js.e-grid .e-headercelldiv {
    font-size: 10px;
}

.e-widget.e-grid .e-headercell,
.e-widget.e-grid .e-headercell-hover {
    height: 22px;
    padding: 0 3px;
    text-align: center;
    background: #87C5EC;
    color: white
}

.e-widget.e-grid .e-headercelldiv {
    font-size: 10px;
    display: block;
    margin: -7px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 7px;
    padding-right: 3px;
    text-align: center;
    height: 22px;
    line-height: 22px;
    color: white
}

.e-widget.e-grid .e-headercell .e-filtericon,
.e-widget.e-grid .e-headercell .e-filteredicon {
    margin-right: -6px
}

.e-widget.e-grid .e-gridheader .e-icon {
    color: white;
    line-height: 22px;
}

.e-widget.e-grid .e-headercell .e-ascending,
.e-widget.e-grid .e-headercell .e-descending {
    margin-right: -4px;
}

.e-widget.e-grid td.e-active {
    background: #699BC9;
    /* Old browsers */
    background: -moz-linear-gradient(top, #699BC9, #699BC9);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #699BC9), color-stop(100%, #699BC9));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #699BC9, #699BC9);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #699BC9, #699BC9);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #699BC9, #699BC9);
    /* IE10+ */
    background: linear-gradient(to bottom, #699BC9, #699BC9);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#699BC9', endColorstr='#699BC9', GradientType=0);
    /* IE6-9 */
}

.e-widget.e-grid .e-rowcell {
    padding-left: 3px;
    padding-top: 1px;
    padding-right: 3px;
    padding-bottom: 1px;
    line-height: 19px
}

.e-rte .editarea {padding-top: 0px}

.e-rte {font-family: 'Open Sans'}

.e-rte-wrapper {
    border: 1px solid;
    border-bottom: #CCCCCC 1px solid;
    border-left: #CCCCCC 1px solid;
    border-top: #CCCCCC 1px solid;
    border-right: #CCCCCC 1px solid;
}

.ej1-combobox .e-ddl .e-input,
.ej1-combobox .e-ddl .e-input[readonly],
.e-widget.ej1-combobox .e-ddl .e-input,
.e-widget.ej1-combobox .e-ddl .e-input[readonly],
.e-ddl .e-input,
.e-ddl .e-input[readonly],
.e-widget.e-ddl .e-input,
.e-widget.e-ddl .e-input[readonly],
.e-ddl-popup,
.e-ddl .e-options,
.e-widget.e-ddl .e-options {
    font-family: 'Open Sans';
    font-size: 11px;
    color: black;
}

.ej1-combobox .e-ddl .e-input,
.ej1-combobox .e-ddl .e-input[readonly],
.ej1-combobox .e-ddl .e-options,
.e-widget.ej1-combobox .e-ddl .e-input,
.e-widget.ej1-combobox .e-ddl .e-input[readonly],
.e-widget.ej1-combobox .e-ddl .e-options,
.e-ddl .e-input,
.e-ddl .e-input[readonly],
.e-ddl .e-options,
.e-widget.e-ddl .e-input,
.e-widget.e-ddl .e-input[readonly],
.e-widget.e-ddl .e-options {
    background-color: transparent;
}

.ej1-combobox.e-ddl.e-input-group,
.e-widget.ej1-combobox.e-ddl.e-input-group,
.e-ddl.e-input-group,
.e-widget.e-ddl.e-input-group {
    background: transparent;
}

.ej1-combobox input.e-combobox.e-input,
.ej1-combobox textarea.e-combobox.e-input,
.e-widget.ej1-combobox input.e-combobox.e-input,
.e-widget.ej1-combobox textarea.e-combobox.e-input,
input.e-combobox.e-input,
textarea.e-combobox.e-input,
.e-widget input.e-combobox.e-input,
.e-widget textarea.e-combobox.e-input {
    background: transparent;
    color: black;
}

.ej1-combobox .e-combobox.e-input[readonly],
.e-widget.ej1-combobox .e-combobox.e-input[readonly] {
    background-color: transparent;
}

.ej1-combobox .e-ddl-popup div > ul li,
.e-widget.ej1-combobox .e-ddl-popup div > ul li,
.e-ddl-popup div > ul li,
.e-ddl-popup div > .e-listbox li,
.e-widget.e-ddl-popup div > ul li,
.e-widget.e-ddl-popup div > .e-listbox li {
    line-height: 1.2;
    padding: 2px 2px 2px 4px;
    font-family: 'Open Sans';
    font-size: 11px;
    min-height: 0px;
}

.e-wrap .e-listbox li,
.e-widget.e-wrap .e-listbox li {
    padding-left: 4px !important;
}

.e-treegrid .e-headercelldiv,
.e-js.e-treegrid .e-headercelldiv {
    color: #282827;
    font-family: 'Open Sans';
}

.e-treegrid .e-headercelldiv,
.e-js.e-treegrid .e-headercelldiv {
    font-size: 11px;
    padding: 0 4px 0 5px;
}

.e-js.e-schedule {
    border: none;
}

.e-js.e-schedule .e-appointinnertext {
    padding: 1px 4px 1px 4px;
}

.e-ganttchart .e-schedule-day-headercell,
.e-ganttchart .e-schedule-hour-headercell,
.e-ganttchart .e-schedule-week-headercell,
.e-js.e-ganttchart .e-schedule-day-headercell,
.e-js.e-ganttchart .e-schedule-hour-headercell,
.e-js.e-ganttchart .e-schedule-week-headercell {
    font-family: 'Open Sans';
}

.e-gantt .e-treegrid .e-rowcell,
.e-js.e-gantt .e-treegrid .e-rowcell {
    padding-left: 5px;
    padding-right: 3px;
}

.e-ganttchart .e-schedule-day-headercell,
.e-ganttchart .e-schedule-hour-headercell,
.e-ganttchart .e-schedule-week-headercell,
.e-js.e-ganttchart .e-schedule-day-headercell,
.e-js.e-ganttchart .e-schedule-hour-headercell,
.e-js.e-ganttchart .e-schedule-week-headercell {
    font-size: 11px;
    margin: 0;
}

.e-ejinputtext {
    text-indent: 3px;
}

.e-input,
.e-tooltipbox,
.e-btn,
.e-time-popup,
.e-datepicker.e-calendar,
.e-menu,
.e-uploadbox .e-file-name-txt,
.e-uploadbox .e-selectpart,
.e-uploadbox .e-uploadbtn,
.e-uploadbox .e-uploadclosebtn,
.e-waitpopup-pane .e-text,
.e-tagcloud,
.e-toolbar,
.e-progressbar,
.e-scale .e-tick .tick-value,
.e-datetime-popup .e-dt-button,
.e-widget.e-grid,
.e-ejinputtext,
.e-pager,
.e-fileexplorer,
.e-textbox,
.e-textarea {
    font-family: 'Open Sans';
}

.e-input,
.e-tooltipbox,
.e-btn,
.e-time-popup,
.e-datepicker.e-calendar,
.e-menu,
.e-uploadbox .e-file-name-txt,
.e-uploadbox .e-selectpart,
.e-uploadbox .e-uploadbtn,
.e-uploadbox .e-uploadclosebtn,
.e-waitpopup-pane .e-text,
.e-tagcloud,
.e-toolbar,
.e-progressbar,
.e-scale .e-tick .tick-value,
.e-datetime-popup .e-dt-button,
.e-widget.e-grid,
.e-ejinputtext,
.e-pager,
.e-fileexplorer,
.e-textbox,
.e-textarea {
    font-size: 11px;
}

.e-js .e-treegrid .e-treegridexpand {
    transform: none
}

.e-widget.e-toolbar {
    min-height:36px
}

.e-dialog.e-dialog-wrap {
  font-family: 'Open Sans';
}

.e-tab.e-js.e-widget {
  font-family: 'Open Sans';
}

.e-btn.e-txt.e-select,
.e-tbtn.e-txt.e-select,
.e-split-btn.e-txt.e-select {
  font-family: 'Open Sans';
}

.ej1-combobox input.e-combobox.e-input,
.e-widget.ej1-combobox input.e-combobox.e-input,
input.e-combobox.e-input,
.e-widget input.e-combobox.e-input {
    border: 0px solid;
    font-family: 'Open Sans';
    font-size: 11px;
}

.e-dropdownbase.e-nodata,
.e-widget.e-dropdownbase.e-nodata {
    font-family: 'Open Sans';
    font-size: 11px;
}

.ej1-combobox .e-dropdownbase .e-list-item,
.e-widget.ej1-combobox .e-dropdownbase .e-list-item,
.e-widget.e-dropdownbase .e-list-item {
    font-family: 'Open Sans';
    font-size: 11px;
    line-height: 1.2;
    padding: 2px 2px 2px 4px;
    text-indent: 0px;
    min-height: 0px;
}

.ej1-combobox.e-ddl.e-input-group input.e-combobox.e-input,
.ej1-combobox.e-ddl.e-input-group input.e-combobox.e-input:focus,
.e-widget.ej1-combobox.e-ddl.e-input-group input.e-combobox.e-input,
.e-widget.ej1-combobox.e-ddl.e-input-group input.e-combobox.e-input:focus,
.e-ddl.e-input-group input.e-combobox.e-input,
.e-ddl.e-input-group input.e-combobox.e-input:focus,
.e-widget.e-ddl.e-input-group input.e-combobox.e-input,
.e-widget.e-ddl.e-input-group input.e-combobox.e-input:focus {
    padding-left: 3px;
}

.e-atc .e-in-wrap,
.e-atc .e-input,
.e-atc-popup,
.e-atc .e-options,
.e-widget.e-atc .e-in-wrap,
.e-widget.e-atc .e-input,
.e-widget.e-atc-popup,
.e-widget.e-atc .e-options {
    font-family: 'Open Sans';
    font-size: 11px;
}

.e-atc {
    display: block;
    overflow: visible;
    width: 143px;
    height: 30px
}

.e-atc .e-padding {
    padding: 0 24px 0 0
}

.e-atc .e-icon {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%
}

.e-atc .e-icon {
    height: 14px;
    margin-top: -7px
}

.ej1-combobox .e-ddl-popup .e-atc.e-search .e-in-wrap,
.e-widget.ej1-combobox .e-ddl-popup .e-atc.e-search .e-in-wrap,
.e-ddl-popup .e-atc.e-search .e-in-wrap,
.e-widget.e-ddl-popup .e-atc.e-search .e-in-wrap {
    height: 20px;
}

.ej1-combobox .e-ddl-popup .e-atc.e-search,
.e-widget.ej1-combobox .e-ddl-popup .e-atc.e-search,
.e-ddl-popup .e-atc.e-search,
.e-widget.e-ddl-popup .e-atc.e-search {
    height: 28px;
}

input.e-input,
input[type="text"].e-input,
.e-input.e-placeholder,
.e-widget input.e-input,
.e-widget input[type="text"].e-input,
.e-widget.e-input.e-placeholder {
    padding-left: 3px;
    line-height: 1em;
}

.ej1-combobox .e-ddl .e-select,
.e-widget.ej1-combobox .e-ddl .e-select,
.e-ddl .e-select,
.e-widget.e-ddl .e-select {
    width: 16px;
}

.ej1-combobox.e-ddl.e-input-group .e-input-group-icon,
.ej1-combobox.e-ddl.e-input-group .e-input-group-btn button,
.e-widget.ej1-combobox.e-ddl.e-input-group .e-input-group-icon,
.e-widget.ej1-combobox.e-ddl.e-input-group .e-input-group-btn button,
.e-ddl.e-input-group .e-input-group-icon,
.e-ddl.e-input-group .e-input-group-btn button,
.e-widget.e-ddl.e-input-group .e-input-group-icon,
.e-widget.e-ddl.e-input-group .e-input-group-btn button {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-size: 12px;
    padding: 1px;
}

.ej1-combobox .e-ddl.e-input-group .e-clear-icon,
.e-widget.ej1-combobox .e-ddl.e-input-group .e-clear-icon,
.e-ddl.e-input-group .e-clear-icon,
.e-widget.e-ddl.e-input-group .e-clear-icon {
    padding: 0px;
    min-width: 0px;
}

.ej1-combobox.e-ddl.e-input-group .e-clear-icon.e-comboie,
.e-widget.ej1-combobox.e-ddl.e-input-group .e-clear-icon.e-comboie,
.e-ddl.e-input-group .e-clear-icon.e-comboie,
.e-widget.e-ddl.e-input-group .e-clear-icon.e-comboie {
    right: 18px;
    top: 0px;
}

.ej1-combobox.e-ddl-icon.e-comboie9.e-comboie,
.e-widget.ej1-combobox.e-ddl-icon.e-comboie9.e-comboie,
.e-ddl-icon.e-comboie9.e-comboie,
.e-widget.e-ddl-icon.e-comboie9.e-comboie {
    line-height: 19px;
}

.ej1-combobox.e-ddl.e-input-group .e-ddl-icon.e-comboie.e-comboie9,
.e-widget.ej1-combobox.e-ddl.e-input-group .e-ddl-icon.e-comboie.e-comboie9,
.e-ddl.e-input-group .e-ddl-icon.e-comboie.e-comboie9,
.e-widget.e-ddl.e-input-group .e-ddl-icon.e-comboie.e-comboie9 {
    padding: 0px;
    margin: 0px;
    height: 100%
}

.ej1-combobox .e-ddl.e-input-group .e-clear-icon:before,
.e-widget.ej1-combobox .e-ddl.e-input-group .e-clear-icon:before,
.e-ddl.e-input-group .e-clear-icon:before,
.e-widget.e-ddl.e-input-group .e-clear-icon:before {
    font-size: 14px;
}

.ej1-combobox .e-ddl.e-input-group .e-ddl-icon.e-comboie9.e-comboie,
.e-widget.ej1-combobox .e-ddl.e-input-group .e-ddl-icon.e-comboie9.e-comboie,
.e-ddl.e-input-group .e-ddl-icon.e-comboie9.e-comboie,
.e-widget.e-ddl.e-input-group .e-ddl-icon.e-comboie9.e-comboie {
    width: 16px;
}

.ej1-combobox .e-ddl input.e-combobox.e-input:focus,
.ej1-combobox .e-ddl input.e-combobox.e-input,
.e-widget.ej1-combobox .e-ddl input.e-combobox.e-input:focus,
.e-widget.ej1-combobox .e-ddl input.e-combobox.e-input,
.e-ddl input.e-combobox.e-input:focus,
.e-ddl input.e-combobox.e-input,
.e-widget.e-ddl input.e-combobox.e-input:focus,
.e-widget.e-ddl input.e-combobox.e-input {
    padding: 0px;
}


.ej1-combobox.e-ddl.e-widget .e-in-wrap.e-disable,
.e-widget.ej1-combobox.e-ddl.e-widget .e-in-wrap.e-disable,
.e-ddl.e-widget .e-in-wrap.e-disable,
.e-widget.e-ddl.e-widget .e-in-wrap.e-disable {
    color: black;
    background-color: transparent;
}

.ej1-combobox .e-ddl .e-in-wrap,
.e-widget.ej1-combobox .e-ddl .e-in-wrap,
.e-ddl .e-in-wrap,
.e-widget.e-ddl .e-in-wrap {
    padding: 0 17px 0 0;
}

.ej1-combobox.e-ddl.e-widget .e-input.e-disable,
.e-widget.ej1-combobox.e-ddl.e-widget .e-input.e-disable,
.e-ddl.e-widget .e-input.e-disable,
.e-widget.e-ddl.e-widget .e-input.e-disable {
    color: black;
    background: transparent;
}

.e-datewidget.e-disable,
.e-widget.e-datewidget.e-disable {
    color: black;
    background-color: transparent;
}

.e-datewidget .e-input,
.e-widget.e-datewidget .e-input {
    color: black;
    background-color: transparent;
}

.e-numeric .e-input,
.e-percent .e-input,
.e-currency .e-input,
.e-mask .e-input,
.e-widget.e-numeric .e-input,
.e-widget.e-percent .e-input
.e-widget.e-currency .e-input,
.e-widget.e-mask .e-input {
    color: black;
    background-color: transparent;
}

.e-numeric .e-input,
.e-widget.e-numeric .e-input {
    text-align: right;
    padding-right: 3px !important;
}

.e-numeric,
.e-percent,
.e-currency,
.e-mask,
.e-widget.e-numeric,
.e-widget.e-percent,
.e-widget.e-currency,
.e-widget.e-mask {
    color: black;
    background-color: transparent;
}

.e-numeric.e-disable-wrap,
.e-percent.e-disable-wrap,
.e-currency.e-disable-wrap,
.e-mask.e-disable-wrap,
.e-widget.e-numeric.e-disable-wrap,
.e-widget.e-percent.e-disable-wrap,
.e-widget.e-currency.e-disable-wrap,
.e-widget.e-mask.e-disable-wrap {
    color: black;
    background-color: transparent;
}

.e-numeric .e-select,
.e-percent .e-select,
.e-currency .e-select,
.e-mask .e-select,
.e-widget.e-numeric .e-select,
.e-widget.e-percent .e-select,
.e-widget.e-currency .e-select,
.e-widget.e-mask .e-select {
    width: 12px;
}

.e-numeric .e-padding,
.e-percent .e-padding,
.e-currency .e-padding,
.e-numeric:hover .e-padding,
.e-percent:hover .e-padding,
.e-currency:hover .e-padding,
.e-widget.e-numeric .e-padding,
.e-widget.e-percent .e-padding,
.e-widget.e-currency .e-padding,
.e-widget.e-numeric:hover .e-padding,
.e-widget.e-percent:hover .e-padding,
.e-widget.e-currency:hover .e-padding {
    padding: 0 14px 0 0;
}

.e-datepicker .e-header,
.e-widget.e-datepicker .e-header,
.e-datetime-popup .e-timecontainer .e-header,
.e-widget.e-datetime-popup .e-timecontainer .e-header {
    font-size: 14px;
}
.e-datepicker .e-header .e-text,
.e-widget.e-datepicker .e-header .e-text {
    width: 80%;
}

.e-datepicker table th,
.e-datepicker .e-week-header:hover,
.e-datepicker table td.e-weeknumber,
.e-datepicker table td.e-weeknumber:hover,
.e-widget.e-datepicker table th,
.e-widget.e-datepicker .e-week-header:hover,
.e-widget.e-datepicker table td.e-weeknumber,
.e-widget.e-datepicker table td.e-weeknumber:hover {
    font-size: 13px;
}

.e-datepicker .e-datepicker-days .e-state-default,
.e-widget.e-datepicker .e-datepicker-days .e-state-default {
    font-size: 12px;
}

.e-datepicker .e-footer,
.e-widget.e-datepicker .e-footer {
    font-size: 13px;
}

.e-datepicker .e-datepicker-months td,
.e-datepicker .e-datepicker-years td,
.e-widget.e-datepicker .e-datepicker-months td,
.e-widget.e-datepicker .e-datepicker-years td {
    font-size: 13px
}

.e-timewidget .e-input,
.e-time-popup,
.e-widget.e-timewidget .e-input,
.e-widget.e-time-popup {
    background-color: transparent;
    font-family: 'Open Sans'
}

.e-timewidget .e-input,
.e-widget.e-timewidget .e-input {
    letter-spacing: 0px;
}