.txtEditable {
    max-width: 15em;
    width: 100%;
}

select.txtEditable {
    max-width: 15em;
    width: 100%;
}

.wide,
select.wide
{
  max-width: 30em;
  width: 100%;
  *width: 30em;
}

.middle,
select.middle
{
  max-width: 20em;
  width: 100%;
  *width: 20em;
}

.narrow:not(table),
select.narrow
{
  max-width: 10em;
  width: 100%;
  *width: 10em;
}

TEXTAREA.wide
{
  max-width: 3000px;
  width: 100%;
  height: 10em;
}

TEXTAREA.middle
{
  max-width: 20em;
  width: 100%;
  *width: 20em;
  height: 7em;
}

TEXTAREA.narrow
{
  max-width: 10em;
  width: 100%;
  *width: 10em;
  height: 5em;
}

input.txtEditable.number
{
    max-width: 7em;
}

.filterPanel .wide,
.filterPanel select.wide {
    max-width: none;
}

/* NON RESPONSIVE CONTROL FIXES */
.page-non-responsive {
    min-width: 690px;
}

.page-wide.page-non-responsive {
    min-width: 954px;
}

.page-extra-wide.page-non-responsive,
.contacts.page-non-responsive {
    min-width: 990px;
}

.page-extra-wide2.page-non-responsive {
    min-width: 1024px;

}

.page-non-responsive .txtEditable {
    width: 15em;
}

.page-non-responsive select.txtEditable {
    width: auto;
}

.page-non-responsive .wide,
.page-non-responsive select.wide
{
  width: 30em;
}

.page-non-responsive textarea.wide {
    width: 100%;
}

.page-non-responsive .middle,
.page-non-responsive select.middle
{
  width: 20em;
}

.page-non-responsive .narrow,
.page-non-responsive select.narrow
{
  width: 10em;
}

.page-non-responsive TEXTAREA.middle
{
  width: 20em;
}

.page-non-responsive TEXTAREA.narrow
{
  width: 10em;
}

IMG.res-img
{
  width: 100% !important;   
  height: auto !important; 
}

.narrow-only,
.narrow-only.inline {
  display: none;
}

.wide-only {
}

/* Common Report UIs filter panel styles */
.filterPanel .captionLabel .checkbox label,
.filterPanel .captionLabel .radio label {
    font-weight: bold;
}

.filterPanel .more-filters-links {
    margin-left: 10px; padding-top: 13px;
}

.filterPanel .row,
.filterPanel .row [class^=col-], 
.filterPanel .single-filter-row [class^=col-] {
    margin: 0px;
    padding: 0px;
}

.filterPanel .row [class^=col-] .txtEditable,
.filterPanel .row [class^=col-] .txtReadOnly {
    width: 100%;
}

.filters-with-preset-dates.filterPanel div.control-block label.captionLabel {
    min-height: 21px;
    max-width: 12em;
    display: block;
}

.filterPanel .row + .row .control-label,
.filterPanel .row.next-filter-row .control-label,
.filterPanel .row + #divMoreFiltersControls .row:first-child .control-label,
.filterPanel .single-filter-row .control-label,
#divMoreFiltersControls .row:first-child .control-label {
    padding-top: 8px;
}

.visible-xss {
    display: none !important;
}

@media all and (max-width:600px) {
    /* iPhone fixes to prevent zooming while focusing controls */
    input.txtEditable, input.txtReadOnly,
    select.txtEditable, select.txtReadOnly,
    .selectize-control.txtEditable, .selectize-control.txtReadOnly {
        font-size: 16px;
        height: auto;
    }
}

@media all and (min-width:769px) {
    .report .filterPanel label.captionLabel,
    .report .filterPanel td.captionLabel,
    .report .filterPanel .date-control-block .captionLabel
    {
        font-weight: normal;
    }
}

@media (min-width: 768px) {
    .col-sm-6 .col-sm-11.double-parent-block-control {
        width: 96%;
    }

   .filterPanel .first-filter-row div.control-block label.captionLabel {
        padding: 0px;
    }
}

@media all and (max-width:768px) {
    .filterPanel  div.control-block label.captionLabel.multiline-label {
        padding-top: 0px;
    }
}

@media (max-width: 767px) {
    .filterPanel .row .control-label {
        padding-top: 8px;
    }

    .filterPanel .row.next-filter-row .control-label.multiline-label {
        padding-top: 0px;
    }
}

@media all and (max-width:480px) {
    .col-xsm-12
    {
        width: 100%;
    }

    .filterPanel  div.control-block label.captionLabel.col-xsm-12.multiline-label {
        padding-top: 8px;
    }
}

@media (max-width: 420px) {
    .filterPanel .control-block > label,
    .filterPanel .control-block > div
     {
        width: 100%;
     }

     /*.filterPanel .row:first-child:not(.next-filter-row) > div:first-child > .control-block:first-child .control-label,*/ /* preset filter goes first fo rnow it is better to keep padding here */
     .filterPanel .row:first-child:not(.next-filter-row) > .control-block:first-child .control-label {
        padding-top: 0px;
     }

     .col-xss-12
     {
        width: 100%;
     }

    .hidden-xss {
        display: none !important;
    }

    .visible-xss {
        display: block !important;
    }

    .filterPanel label.captionLabel.col-xss-12.multiline-label {
        padding-top: 8px;
    }
}

/* end filter panel styles */

@media all and (max-width:420px) {
    .editPanel .inlineActions.controls td {
        display: block;
        width: auto !important;
    }

    .editPanel .inlineActions.controls,
    .editPanel .inlineActions.controls td .btn {
        width: 100% !important;
    }
}

@media all and (max-width:768px) {
    tr.narrow-only {
        display: table-row;
    }

    th.narrow-only,
    td.narrow-only {
        display: table-cell;
    }

    div.narrow-only,
    .narrow-only.block {
        display: block;
    }

    .narrow-only.inline-block {
        display: inline-block;
    }

    span.narrow-only,
    .narrow-only.inline {
        display: inline;
    }

    .wide-only {
        display: none;
    }

    .cell-as-block-768,
    td.narrow-only.cell-as-block-768
    {
        display: block;
        width: auto !important;
    }

    .oldie .cell-as-block-768,
    .oldie td.narrow-only.cell-as-block-768
    {
        /* Old IE fix */
        float: left;
        clear: both;
    }

    .rbt-spacer-narrow {
        padding-top: 8px;
    }

    .cell-as-inline-block-768
    {
        display: inline-block;
        width: auto !important;
    }

    .oldie .cell-as-inline-block-768
    {
        /* Old IE fix */
        display: inline;
    }

    .captionLabel.cell-as-block-768,
    .cell-as-block-768 > span.captionLabel {
        font-weight: bold;
    }

    tr + tr td.captionLabel.cell-as-block-768 {
        padding-top: 20px;
        white-space: normal;
    }

    .cell-as-block-768 .txtEditable,
    .cell-as-block-768 .txtReadonly,
    .cell-as-block-768 input[type=file] {
        max-width: 768px;
        width: 100%;
    }

    .cell-as-block-768 .selectize-control.type-ahead-control.txtEditable.auto-width-calculated {
        max-width: 768px !important;
        min-width: 250px !important;
    }
    
    .oldie .editPanel .inlineActions.controls td {
        /* Old IE fix */
        float: left;
        clear: both;
    }

    td.cell-as-block-768 input[type=text] + div.checkbox
    {
        padding-top: 10px;    
    }

    .padding-left-20-on-768 {
        padding-left: 20px;
    }

    .padding-top-small-on-768 {
        padding-top: 3px !important;
    }

    .width-100P-768 {
        width: 100%!important;
    }
}

@media all and (max-width:480px) {
    .cell-as-block-480
    {
        display: block;
        width: auto !important;
    }

    .cell-as-inline-block-480
    {
        display: inline-block;
        width: auto !important;
    }

    .oldie .cell-as-block-480
    {
        /* Old IE fix */
        float: left;
        clear: both;
    }

    .captionLabel.cell-as-block-480 {
        font-weight: bold;
    }
    
    tr + tr .captionLabel.cell-as-block-480 {
        padding-top: 20px;
    }

    .cell-as-block-480 .txtEditable,
    .cell-as-block-480 .txtReadonly,
    .cell-as-block-480 input[type=file] {
        max-width: 480px;
        width: 100%;
    }
}