/* 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 {
    background: #2b579a !important;
}

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

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

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

.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 {
    font-weight: normal;
    font-size: 14px;
}


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

.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 {
  font-size: 13px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.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-grid .e-headercell .e-filtericon, .e-grid .e-headercell .e-filteredicon {
  margin-right:-6px
}

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

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

.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-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-ddl .e-input,
.e-ddl .e-input[readonly],
.e-ddl-popup,
.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-ddl .e-input,
.e-ddl .e-input[readonly],
.e-ddl .e-options {
        background-color: transparent;
    }

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

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

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

.ej1-combobox .e-ddl-popup div > ul li,
.e-ddl-popup div > ul li,
.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 {
  padding-left: 4px !important;
}

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

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

.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 {
  font-family: 'Open Sans';
}

.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 {
  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-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-grid,
.e-ejinputtext,
.e-pager,
.e-fileexplorer,
.e-textbox,
.e-textarea {
  font-size: 11px;
}

.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,
input.e-combobox.e-input {
    border: 0px solid;
    font-family: 'Open Sans';
    font-size: 11px;
}

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

.ej1-combobox .e-dropdownbase .e-list-item,
.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-ddl.e-input-group input.e-combobox.e-input,
.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 {
  font-family: 'Open Sans';
  font-size: 11px;
}

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

.ej1-combobox .e-ddl-popup .e-atc.e-search,
.e-ddl-popup .e-atc.e-search {
    height: 28px;
}
 
input.e-input,
input[type="text"].e-input,
.e-input.e-placeholder {
  padding-left: 3px;
  line-height: 1em;
}

.ej1-combobox .e-ddl .e-select,
.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-ddl.e-input-group .e-input-group-icon,
.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-ddl.e-input-group .e-clear-icon {
    padding: 0px
}

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

.ej1-combobox.e-ddl-icon.e-comboie9.e-comboie,
.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-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-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-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-ddl input.e-combobox.e-input:focus,
.e-ddl input.e-combobox.e-input {
    padding: 0px;
}


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

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

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

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

.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 {
  color: black;
  background-color: transparent;
}

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

.e-numeric,
.e-percent,
.e-currency,
.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 {
  color: black;
  background-color: transparent;
}

.e-numeric .e-select, 
.e-percent .e-select, 
.e-currency .e-select, 
.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 {
    padding: 0 14px 0 0;
}

.e-datepicker .e-header,
.e-datetime-popup .e-timecontainer .e-header {
  font-size: 14px;
}
.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 {
  font-size: 13px;
}

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

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

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

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