/*
Application specific CSS
*/

strong {
  font-weight: 700;
}

.app-login-form {
  max-width: 280px;
  margin-top: -60px;
}
.app-new-msg {
  margin-right: 10px;
}
.app-brand {
  width: 80%;
  display: inline-block;
}
.app-login-note {
  font-size: 0.9em;
  font-style: italic;
  text-align: center;
}
.app-login-hl {
  color: #096ca2;
  font-weight: 600;
}
.app-service-msg {
  font-size: 1em;
  color: #096ca2;
  text-align: center;
}
.app-brand img {
  width: 100%;
}
.app-nav-logo {
  width: 150px;
}

/* Main menu link styling */
.app-nav-link {
  font-size: 1.25em !important;
  color: #096ca2 !important;
}
a:hover.app-nav-link {
  font-size: 1.25em !important;
  color: #fcfcfc !important;
}

#txtSearch {
  width: 300px;
}

.app-err {
  color: red;
  font-weight: 600;
}

.app-pwd-match {
  color: red;
}

.app-card {
  margin-top: 25px;
}
.app-ch {
  background-color: #096ca2;
  color: white;
}
.app-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  /* height: 52px; */
  background-color: #096ca2;
  padding: 10px;
  margin-left: 0px;
}

.app-footer-btn {
  margin-right: 8px;
  margin-bottom: 5px;
}

.app-pullright {
  right: 0px;
}

#app-header {
  padding-left: 0px;
  padding-right: 0px;
  color: #096ca2;
}

#app-body {
  padding-left: 0px;
  padding-right: 0px;
}

#app-ftr {
  color: white;
}

.app-left {
  text-align: left;
}
.app-right {
  text-align: right;
}

.app-fileupload {
  width: 100%;
}

.app-period {
  padding-top: 5px;
  padding-bottom: 0px;
  padding-right: 10px;
  padding-left: 10px;
}

.modal-body > textarea {
  width: 100%;
}

.btnhelp b {
  display: inline;
}
.btnhelp:not(.collapsed) span {
  display: none;
}
.btnhelp.collapsed b {
  display: none;
}

/* Grid styling */

.app-grid table {
  border-collapse: collapse;
  border-spacing: 0;
}

.app-grid td,
th {
  font-size: 0.9em;
  border: 1px solid #096ca2;
  height: 30px;
  transition: all 0.3s;
}

.app-grid th {
  background: #dfdfdf;
  font-weight: bold;
  padding-right: 5px;
  padding-left: 10px;
}

.app-grid td {
  background: #fcfcfc;
  padding-right: 5px;
  padding-left: 5px;
}

/* Next two entries added to enlarge checkboxes - remove to reset to default size */

.app-grid input[type="checkbox"] {
  width: 20px;
  height: 20px;
}

.app-grid-chk {
  width: 16px;
  height: 16px;
  margin-top:5px;
}

/* Help tables etc where cells need to be top aligned */
.app-grid-cell-top {
  vertical-align: top;
}

/* Cells in even rows (2,4,6...) are one color */
.app-grid tr:nth-child(even) td {
  background: #f1f1f1;
}

/* Cells in odd rows (1,3,5...) are another (excludes header cells) */
.app-grid tr:nth-child(odd) td {
  background: #fefefe;
}

/* Sort indicators on grids */
.app-sort-on {
  color: #096ca2;
}

.app-sort-off {
  color: #999999;
}

/* Embedded icons in fields eg show password eye */
.app-icon-fld {
  font-size: 1.2em;
  padding-bottom: 4px;
}

/* Grid dynamic styles per column */
.psc-left {
  text-align: left;
  white-space: nowrap;
}
.psc-right {
  text-align: right;
  white-space: nowrap;
}

/* Grid search box styling */
.psc-srchbox {
  padding: 3px !important;
  border-top: 0px !important;
  background-color: red;
}
.psc-search {
  height: 25px;
}

/* Form related */

.psc-required {
  font-style: italic;
  font-size: 0.75em;
  color: #999999;
}

/* Dashboard related */

.app-dashlet {
  text-align: right;
  font-size: 2em;
  color: #096ca2;
  padding-top: 0px;
}

/* Interactive voting related */

.app-vgrid {
  border: 5px solid;
  border-color: #096ca2;
  width: 100%;
}
.app-vgrid th {
  font-size: 2em;
  background-color: #999999;
  padding: 10px;
  border: 5px solid;
  border-color: #096ca2;
}
.app-vgrid td {
  font-size: 2.5em;
  padding: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 5px solid;
  border-color: #096ca2;
}
.app-vgrid-gr {
  background-color: lightgreen;
  padding: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0px;
  border: 5px solid;
  border-color: #fcfcfc;
  font-size: 2.5em;
  font-weight:bold;
  background: repeating-linear-gradient(
    135deg,
    lightgreen,
    lightgreen 10px,
    #90dd90 10px,
    #90dd90 20px
  );
}
.app-vgrid-rd {
  background-color: orangered;
  padding: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0px;
  border: 5px solid;
  border-color: #fcfcfc;
  font-size: 2.5em;
  font-weight:bold;

}
.app-vgrid-l-gr {
  background-color: lightgreen;
  padding: 4px;
  background: repeating-linear-gradient(
    135deg,
    lightgreen,
    lightgreen 10px,
    #90dd90 10px,
    #90dd90 20px
  );
}
.app-vgrid-l-rd {
  background-color: orangered;
  padding: 4px;
}

/* orange stripes:
  background: repeating-linear-gradient(
    135deg,
    orangered,
    orangered 10px,
    #dd4500 10px,
    #dd4500 20px
  );
*/

/* Control report related */

.cr_nonbdi {
  background-color: #9999cc !important;
  padding: 5px;
}
.cr_assoc {
  background-color: #baedad !important;
  padding: 5px;
}
.cr_unpaid {
  background-color: #ee0000 !important;
  padding: 5px;
}

/* Grid drop downs */

select.btn-mini {
  height: auto;
  line-height: 10px;
}

select.btn-mini + .caret {
  margin-left: -20px;
  margin-top: 9px;
}

/* Summernote editor related */

.app-wysiwyg-mrg {
  width: 200px;
}

/* Override default Summernote styles */
.note-current-fontname {
  width: 200px;
}

/* FONTS */

/* open-sans-regular - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/open-sans-v14-latin-regular.eot"); /* IE9 Compat Modes */
  src: local("Open Sans Regular"), local("OpenSans-Regular"),
    url("../fonts/open-sans-v14-latin-regular.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/open-sans-v14-latin-regular.woff2")
      format("woff2"),
    /* Super Modern Browsers */ url("../fonts/open-sans-v14-latin-regular.woff")
      format("woff"),
    /* Modern Browsers */ url("../fonts/open-sans-v14-latin-regular.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("../fonts/open-sans-v14-latin-regular.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/open-sans-v14-latin-italic.eot"); /* IE9 Compat Modes */
  src: local("Open Sans Italic"), local("OpenSans-Italic"),
    url("../fonts/open-sans-v14-latin-italic.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/open-sans-v14-latin-italic.woff2")
      format("woff2"),
    /* Super Modern Browsers */ url("../fonts/open-sans-v14-latin-italic.woff")
      format("woff"),
    /* Modern Browsers */ url("../fonts/open-sans-v14-latin-italic.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("../fonts/open-sans-v14-latin-italic.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/open-sans-v14-latin-700.eot"); /* IE9 Compat Modes */
  src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"),
    url("../fonts/open-sans-v14-latin-700.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/open-sans-v14-latin-700.woff2") format("woff2"),
    /* Super Modern Browsers */ url("../fonts/open-sans-v14-latin-700.woff")
      format("woff"),
    /* Modern Browsers */ url("../fonts/open-sans-v14-latin-700.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("../fonts/open-sans-v14-latin-700.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/open-sans-v14-latin-700italic.eot"); /* IE9 Compat Modes */
  src: local("Open Sans ExtraBold Italic"), local("OpenSans-ExtraBoldItalic"),
    url("../fonts/open-sans-v14-latin-700italic.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/open-sans-v14-latin-700italic.woff2")
      format("woff2"),
    /* Super Modern Browsers */
      url("../fonts/open-sans-v14-latin-700italic.woff") format("woff"),
    /* Modern Browsers */ url("../fonts/open-sans-v14-latin-700italic.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("../fonts/open-sans-v14-latin-700italic.svg#OpenSans") format("svg"); /* Legacy iOS */
}

/* Checkbox styles - Bootstrap overlay - larger checkboxes - remove this section to revert to default size */


.app-checkbox label:after {
  content: '';
  display: table;
  clear: both;
}

.app-checkbox .cr {
  position: relative;
  display: inline-block;
  border: 1px solid #a9a9a9;
  border-radius: .25em;
  width: 1.3em;
  height: 1.3em;
  float: left;
  margin-right: .5em;
}

.app-checkbox .cr .cr-icon {
  position: absolute;
  font-size: .8em;
  line-height: 0;
  top: 50%;
  left: 15%;
}

.app-checkbox label input[type="checkbox"] {
  display: none;
}

.app-checkbox label input[type="checkbox"]+.cr>.cr-icon {
  opacity: 0;
}

.app-checkbox label input[type="checkbox"]:checked+.cr>.cr-icon {
  opacity: 1;
}

.app-checkbox label input[type="checkbox"]:checked+.cr {
  background-color: #5cb85c;
}

.app-checkbox label input[type="checkbox"]:disabled+.cr {
  opacity: .5;
}

#modalSelectAttachments .modal-dialog {
  max-width: 95%;
}

#modalSelectAttachments .modal-dialog table {
  display: block;
  max-width: 100%;
  overflow-x: scroll;
}