/*
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: 1.0em;
    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;
}

.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;
}

/* 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;
}


/* 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 */



.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;
  }