body {
  /*----------------- */
  /* Select */
  /* Checkbox */
  /* Radio */
  /* DateEdit */
  /* Gridview */
  /*----------------- */ }
  body .dxeButtonEditSys input.dxeEditArea {
    color: #E31E24;
    cursor: pointer !important; }
  body .dxeButtonEdit {
    font-family: 'Fira Sans Extra Condensed', sans-serif;
    width: 100%;
    font-size: 14px;
    border: 1px solid #eaeaea;
    background: #fff;
    border-radius: 3px;
    margin-bottom: 0; }
  body .dxeButtonEditButton,
  body .dxeSpinLargeIncButton,
  body .dxeSpinLargeDecButton {
    background: #fff url(../img/icons/arrow-bottom-1.png) right 10px center no-repeat;
    border: none;
    padding: 0px 15px; }
    body .dxeButtonEditButton img,
    body .dxeSpinLargeIncButton img,
    body .dxeSpinLargeDecButton img {
        display: none !important;
    }


  body input[type="text"].dxeEditAreaSys {
    padding: 8px 10px; }
  body .select-2 input[type="text"].dxeEditAreaSys {
    font-size: 16px;
    padding: 11px 10px; }
  body .select-2 input[type="text"].dxeEditAreaSys {
    font-weight: 600; }
  body .select-3 input[type="text"].dxeEditAreaSys {
    color: #B4102D;
    text-transform: uppercase; }
  body .select-3 .dxeListBox table {
    font-size: 14px; }
  body .select-3 .dxeListBox .dxlbd {
    max-height: 126px; }
  body .select-3 .dxeDisabled.dxeButtonEdit,
  body .select-3 .dxeDisabled .dxeEditArea,
  body .select-3 .dxeDisabled .dxeButtonEditButton {
    background-color: #f6f6f6; }
  body .select-3 .dxeDisabled input[type="text"].dxeEditAreaSys {
    color: #a8a8a8; }
  body .select-3 .dxeDisabled .dxeButtonEditButton {
    background-image: url(../img/icons/arrow-bottom-2.png); }
  body .dxeListBox {
    border: 0;
    margin-bottom: 0; }
  body .dxeListBox div.dxlbd {
    padding-right: 0 !important;
    padding-bottom: 0 !important; }
  body .dxeListBox table {
    margin-bottom: 0; }
  body .dxeListBoxItem {
    color: #B4102D;
    padding: 4px 12px 4px 12px; }
  body .dxeListBoxItemSelected,
  body .dxeListBoxItemHover {
    color: #fff;
    background: #B4102D; }
  body .dxeListBox .dxlbd {
    height: auto !important;
    max-height: 112px; }
  body .dxeButtonEditSys td.dxic {
    padding: 2px 0px 1px 0px; }
  body .dxICheckBox {
    cursor: pointer; }
  body .dxWeb_edtCheckBoxUnchecked {
    width: 18px;
    height: 18px;
    background: url(../img/bg/checkbox-1.png) 0 -18px no-repeat; }
  body .dxWeb_edtCheckBoxChecked {
    width: 18px;
    height: 18px;
    background: url(../img/bg/checkbox-1.png) 0 0px no-repeat; }
  body span.dxichCellSys {
    margin-right: 5px; }
  body .dxeIRadioButton {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    /* prevent webkit from resizing text to fit */
    -webkit-tap-highlight-color: transparent;
    /* prevent tap highlight color / shadow */ }
  body .dxEditors_edtRadioButtonUnchecked {
    width: 18px;
    height: 18px;
    background: url(../img/bg/radio-1.png) 0 -18px no-repeat; }
  body .dxEditors_edtRadioButtonChecked {
    width: 18px;
    height: 18px;
    background: url(../img/bg/radio-1.png) 0 0px no-repeat; }
  body span.dxichCellSys {
    margin-right: 5px; }
  body .dxeCalendar {
    border: 0;
    margin-bottom: 0; }
  body .dxeCalendarHeader {
    background: #B4102D;
    padding: 10px 7px; }
    body .dxeCalendarHeader > table {
      margin-bottom: 0; }
  body .dxe span {
    font-family: 'Fira Sans Extra Condensed', sans-serif;
    font-size: 14px;
    color: #fff; }

    /*lijevo dvije - submenu*/
    body .dxeCalendarHeader tr td.dxe:nth-child(1) {
        width: 10px;
        background: url(../img/icons/arrow-left-3.png) center center no-repeat;
        background-size: 11px;
    }

        body .dxeCalendarHeader tr td.dxe:nth-child(1) img {
            opacity: 0;
            /*visibility: hidden;*/
        }
    /*lijevo dvije - main*/
    body .dxeCalendarHeader tr td.dxe:nth-child(2) {
        width: 10px;
        background: url(../img/icons/arrow-left-3.png) center center no-repeat;
        background-size: 11px;
    }

        body .dxeCalendarHeader tr td.dxe:nth-child(2) img {
            opacity: 0;
            /*visibility: hidden;*/
        }
    /*lijevo jedna - main*/
    body .dxeCalendarHeader tr td.dxe:nth-child(4) {
        width: 10px;
        background: url(../img/icons/arrow-left-2.png) center center no-repeat;
        background-size: 6px;
    }

        body .dxeCalendarHeader tr td.dxe:nth-child(4) img {
            opacity: 0;
            /*visibility: hidden;*/
        }
    /*Desno jedna - main*/
    body .dxeCalendarHeader tr td.dxe:nth-child(6) {
        width: 10px;
        background: url(../img/icons/arrow-right-3.png) center center no-repeat;
        background-size: 6px;
    }

        body .dxeCalendarHeader tr td.dxe:nth-child(6) img {
            opacity: 0;
            /*visibility: hidden;*/
        }
    /*Desno dvije - main*/
    body .dxeCalendarHeader tr td.dxe:nth-child(8) {
        width: 10px;
        background: url(../img/icons/arrow-right-4.png) center center no-repeat;
        background-size: 11px;
    }

        body .dxeCalendarHeader tr td.dxe:nth-child(8) img {
            opacity: 0;
            /*visibility: hidden;*/
        }
    /*Desno dvije - submenu*/
    body .dxeCalendarHeader tr td.dxe:nth-child(9) {
        width: 10px;
        background: url(../img/icons/arrow-right-4.png) center center no-repeat;
        background-size: 11px;
    }

        body .dxeCalendarHeader tr td.dxe:nth-child(9) img {
            opacity: 0;
            /*visibility: hidden;*/
        }

  body .dxeCalendarFooter {
    background: #fff;
    padding: 8px 7px; }
    body .dxeCalendarFooter > table {
      margin-bottom: 0; }
  body .dxeCalendarButton,
  body .dxeColorEditButton {
    background: #B4102D;
    border: 0;
    border-radius: 2px;
    color: #fff;
    text-transform: uppercase;
    padding: 8px 10px; }
  body .dxeCalendarButton:hover,
  body .dxeColorEditButton:hover {
    background: #CC0000; }
  body .dxMonthGridWithWeekNumbers table {
    margin-bottom: 0; }
  body .dxeCalendarToday {
    border: 1px solid #B4102D;
    background: #fff; }
  body .dxeCalendarSelected {
    border: 0;
    background: #B4102D; }
  body .dxeCalendar td.dxMonthGridWithWeekNumbers {
    padding-top: 15px; }
  body .dxgvTitlePanel,
  body .dxgvTable caption {
    background: transparent;
    border-bottom: 0; }
  body .dxgvControl {
    background: transparent;
    border: 0;
    margin-bottom: 0; }
  body .dxgvControl table {
    margin-bottom: 0; }
  body .dxgvControl .col-header {
    padding: 20px 30px 20px 30px;
    margin-bottom: 0; }
  body .dxgvEditFormDisplayRow td.dxgv,
  body .dxgvDataRow td.dxgv,
  body .dxgvDataRowAlt td.dxgv,
  body .dxgvSelectedRow td.dxgv,
  body .dxgvFocusedRow td.dxgv {
    border-color: #eaeaea; }
  body .dxgvHeader {
    background: transparent;
    border-top: 1px solid #eaeaea !important;
    border-color: #eaeaea;
    padding: 20px 15px; }
    body .dxgvHeader td {
      font-family: 'Fira Sans Extra Condensed', sans-serif;
      font-size: 14px;
      font-weight: 700;
      color: #212121; }
  body .dxgvFilterRow {
    background: #f8f8f8; }
    body .dxgvFilterRow td.dxgv {
      border-color: #eaeaea;
      padding: 5px 12px; }
    body .dxgvFilterRow .dxeTextBoxSys {
      display: block;
      width: 100%;
      height: 40px;
      background: #fff;
      border: 1px solid #eaeaea;
      font-family: 'Fira Sans Extra Condensed', sans-serif;
      font-size: 14px;
      line-height: 40px;
      color: #B4102D;
      padding: 0 10px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      padding: 8px 10px;
      color: #B4102D; }
    body .dxgvFilterRow .dxeTextBoxSys:focus {
      border-color: #B4102D; }
  body .dxgvDataRow td.dxgv,
  body .dxgvSelectedRow td.dxgv {
    font-family: 'Fira Sans Extra Condensed', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #212121;
    padding: 17px 15px; }
  body .dxgvSelectedRow {
    background: transparent; }
  body .dxGridView_gvDetailCollapsedButton,
  body .dxGridView_gvDetailExpandedButton {
    width: 15px;
    height: 15px;
    position: relative;
    top: 1px; }
  body .dxGridView_gvDetailCollapsedButton {
    background: url(../img/icons/plus-2.png) 0 0 no-repeat; }
  body .dxGridView_gvDetailExpandedButton {
    background: url(../img/icons/minus-1.png) 0 0 no-repeat; }
  body .dxpLite .dxp-summary,
  body .dxpLite .dxp-ellip {
    font-size: 14px;
    color: #898989;
    margin-top: 6px;
    margin-right: 65px;
    margin-bottom: 0; }
  body .dxp-button,
  body .dxp-num {
    margin: 0 3px; }
  body .dxpLite .dxp-num {
    display: block;
    width: 30px;
    height: 30px;
    font-size: 14px;
    line-height: 31px;
    text-align: center;
    color: #898989;
    border-radius: 15px;
    background: transparent;
    text-decoration: none;
    padding: 0; }
    body .dxpLite .dxp-num:hover {
      color: #fff;
      background: #B4102D; }
  body .dxp-num.dxp-current {
    color: #fff;
    background: #B4102D; }
  body .dxpLite .dxp-button .dxWeb_pPrev,
  body .dxpLite .dxp-button .dxWeb_pPrevDisabled,
  body .dxpLite .dxp-button .dxWeb_pNext,
  body .dxpLite .dxp-button .dxWeb_pNextDisabled {
    width: 30px;
    height: 30px;
    border-radius: 15px; }
  body .dxpLite .dxp-button .dxWeb_pPrev,
  body .dxpLite .dxp-button .dxWeb_pPrevDisabled {
    background-image: url(../img/icons/arrow-left-4.png);
    background-position: 8px 7px; }
  body .dxpLite .dxp-button .dxWeb_pPrev:hover {
    background-position: 8px -33px;
    background-color: #B4102D; }
  body .dxpLite .dxp-button .dxWeb_pNext,
  body .dxpLite .dxp-button .dxWeb_pNextDisabled {
    background-image: url(../img/icons/arrow-right-5.png);
    background-position: 9px 7px; }
  body .dxpLite .dxp-button .dxWeb_pNext:hover {
    background-position: 9px -33px;
    background-color: #B4102D; }
  body .dxp-button.dxp-disabledButton {
    opacity: 0.5; }
  body .dxgvPagerTopPanel,
  body .dxgvPagerBottomPanel {
    padding: 10px 30px; }
  body .dxgvStatusBar {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea; }
    body .dxgvStatusBar tr.dxgv {
      height: 0; }
  body .dxgvCommandColumn img {
    margin: 0 4px; }
  body .dxgvDetailRow td.dxgvIndentCell {
    border-left: 4px solid #B4102D !important; }