@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

/* FORM LAYOUT ELEMENTS
----------------------------------------------------------*/

fieldset {
    border: 1px solid #ddd;
    padding: 20px 20px 20px 20px;
    margin: 0 0 1.5em 0;
}

.wd-100 {
    width: 100px !important;
}

.wd-140 {
    width: 140px !important;
}

.wd-150 {
    width: 150px !important;
}

.wd-250 {
    width: 250px !important;
}

.display-field,
.editor-field textarea {
   /* width: 250px;*/
   /* min-height: 75px;*/
}

.display-field,
.editor-field select {
    width: 258px;
}

/* Styles for site
-----------------------------------------------------------*/
html {
    margin: 0;
    padding: 0;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }

/* other
----------------------------------------------------------*/
a.disablelink {
    opacity: 0.5;
    pointer-events: none;
    cursor: default;
}

/* foreach/manual grid
----------------------------------------------------------*/
.tbl-grid {
    /*width: 100%;*/
    font-size: .9em !important;
    border-collapse: separate;
    border-spacing: 0;
}

.tbl-grid .tbl-th {
    text-align: center;
    padding: 10px 8px 10px 8px;
    width: 150px;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
}

.tbl-grid td {
    padding: 6px 10px 6px 10px;
    width: auto;
    min-width: 0;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tbl-grid tbl-th-oper {
    text-align: center;
    padding: 6px 10px 6px 10px;
}  

.tbl-grid tr:first-child th:first-child {
    border-top-left-radius: 6px;
}

.tbl-grid tr:first-child th:last-child {
    border-top-right-radius: 6px;
}

.tbl-grid tr:last-child td:first-child {
    border-bottom-left-radius: 6px;
}

.tbl-grid tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
}

.tbl-grid .pgr a {
    padding-left: 10px;
    padding-right: 10px;
}

.tbl-grid .pgr-actv span {
    padding-left: 10px;
    padding-right: 10px;
}

.gridviewPagerStyle a {
    font-size: smaller;
    color: #ffffff;
    text-decoration: none;
    padding: 2px 10px 2px 10px;
    border-top: solid 1px #777777;
    border-right: solid 1px #333333;
    border-bottom: solid 1px #333333;
    border-left: solid 1px #777777;
    background-color: White;
}

.gridviewPagerStyle span {
    font-size: smaller;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    padding: 2px 10px 2px 10px;
    border-top: solid 1px #777777;
    border-right: solid 1px #333333;
    border-bottom: solid 1px #333333;
    border-left: solid 1px #777777;
    background-color: #EFF3FB;
}

/* jqgrid
----------------------------------------------------------*/
#jgrid.outer.width {
    width: 100%;
}

.ui-jqgrid-view {
    font-size: .8em !important;
}

.ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr, .ui-th-ltr {
    font-size: .9em !important;
    font-weight: bold;
    padding: 10px 8px 10px 8px !important;
}

.ui-jqgrid tr.jqgrow > td {
    padding: 6px 10px 6px 10px !important;
}

.ui-jqgrid > .ui-jqgrid-pager {
    font-size: .8em !important;
    padding: 6px 12px 4px 4px !important;
}

.ui-corner-all .ui-pg-button {
    width: 24px !important;
    height: 24px !important;
}

.ui-jqgrid > .ui-jqgrid-view input {
    font-size: .9em;
    padding: 5px;
    border-radius: 4px;
}

.ui-jqgrid > .ui-jqgrid-view input[type="checkbox" i] {
    width: 16px;
    height: 16px;
    border-radius: 4px;
}

.ui-jqgrid > .ui-jqgrid-view select {
    font-size: .9em;
    padding: 5px;
    border-radius: 4px;
    width: 132px;
}

.ui-jqgrid .ui-jqgrid-hdiv .ui-search-toolbar, .ui-jqgrid .ui-jqgrid-hdiv .ui-search-toolbar .ui-th-column {
    padding: 4px;
}

.ui-search-input input[type=text] {
    font-size: .9em;
    padding: 5px;
    border-radius: 4px;
}

.ui-jqgrid .ui-search-table .ui-search-input > input, .ui-jqgrid .ui-search-table .ui-search-input > select {
    font-size: .9em;
    padding: 5px;
    border-radius: 4px;
    width: 118px;
}

.ui-jqgrid .ui-jqgrid-ftable {
    height: 30px;
}

.ui-jqgrid-jquery-ui.ui-jqgrid tr.footrow td {
    padding-right: 10px;
}

.ui-widget-content.jqfoot.ui-row-ltr {
    height: 30px;
}

.ui-widget-content.jqfoot.ui-row-ltr td {
    padding-right: 10px;
}

.ui-widget-content.jqgroup.ui-row-ltr.list-gridghead_0 {
    height: 30px;
    font-size: .9em;
}

.ui-widget-content.jqgroup.ui-row-ltr.list-gridghead_0 td {
    padding-top: 12px;
    padding-bottom: 6px;
    padding-left: 10px !important;
    background-color: #f8f8f8;
}

.ui-jqgrid .ui-jqgrid-caption {
    font-size: 1em;
    padding: 10px 0 10px 14px;
}

.ui-jqgrid .ui-jqgrid-btable .jqgrow > .ui-sgcollapsed {
    padding-left: 2px !important;
}

.ui-jqgrid .s-ico {
    position: relative;
    top: 2px !important;
}

.ui-state-disabled.ui-grid-ico-sort {
    position: relative !important;
    left: 1px;
}

.ui-jqgrid .s-ico > .ui-icon-desc.ui-icon.ui-sort-ltr {
    margin-left: 1px !important;
}

.ui-jqgrid .s-ico > .ui-icon-asc.ui-icon.ui-sort-ltr {
    margin-left: 0px !important;
}

.ui-grid-ico-sort.ui-icon-asc.ui-icon.ui-icon-triangle-1-n.ui-sort-ltr {
    position: relative !important;
    left: 1px;
}

.ui-grid-ico-sort.ui-icon-desc.ui-icon.ui-icon-triangle-1-s.ui-sort-ltr {
    position: relative !important;
    top: -14px;
}

.ui-grid-ico-sort.ui-icon-desc.ui-icon.ui-icon-triangle-1-s.ui-sort-ltr.ui-state-disabled {
    position: relative !important;
    left: 0px;
}

.ui-dialog-titlebar-close {
    background: url("/images/Close20x20Wht.png") no-repeat !important;
    padding: 0;
    border: none;
}

/* page elements
----------------------------------------------------------*/
.mndiv-mrgn {
    margin: 0 30px 0 30px;
}

.ta-lf {
    text-align: left;
}

.ctnr-mrgn {
    margin: 0 30px 0 30px;
}