/* custom styles for Foundation */
/* http://foundation.zurb.com/sites/docs/ */

/*======= TC-01 # Imports =======*/
/* fonts */
@import url(https://fonts.googleapis.com/css?family=Catamaran:300,400,500,700|Rubik:300,400,500,700);
@import "ionicons.min.css"; /* http://ionicons.com/cheatsheet.html */
@import "dev.css"; /* for development */


/*======= TC-02 # Color Palette =======*/
/* color palette */
/* do not use css native variables */
/* http://caniuse.com/#feat=css-variables */
:root {
    --school-blue: #05668d;
    --school-light-blue: #9fc1cf;
    --school-dark-blue: #004a67;
    --accreditor-green: #a5be00;
    --accreditor-light-green: #e2ebab;
    --accreditor-dark-green: #679436;
    --grey: #707265;
    --light-grey: #ddded6;
    --gold: #fed766;
    --light-gold: #fff4d6;
    --dark-gold: #764c03;
    --beige: #dac38b;
    --light-beige: #ede6d6;
    --dark-beige: #a39061;
    --red: #ff4a49;
    --light-red: #f7c5c5;
    --dark-red: #b21716;
    --dark-grey: #4b4c47;
    --highlight-blue: #d6e5eb;
    --highlight-grey: #e7e7e7;
}


/* Table of Contents
==================================================
TC-01 # Imports
      - fonts
      - stylesheets
TC-02 # Color Palette
TC-03 # Regular Tags
      - body
      - a
      - table
      - strong
TC-04 # Text Elements
      - h1, h2, h3, h4, h5, h6
      - subheaders
      - blockquote
TC-05 # Form Elements
      - input field
      - textarea
      - form errors, callouts
            - help text
      - radio
      - checkbox
      - select
      - labels
      - datepicker / calendar (angular datepicker)
TC-06 # Custom Helpers
      - margins
      - div tables
            - widths
            - animations
TC-07 # Buttons
      - default
      - secondary
      - action
      - action secondary
      - disabled
TC-08 # Page Elements
      - badges
      - progress bars
      - filter buttons
            - tags / badges
      - pagination
            - breadcrumbs
            - print/download
      - team members
            - meta info boxes
            - typeahead result box
            - tooltips
            - comments
TC-09 # Image Elements
      - profile
      - system icons (sprites)
TC-10 # Modals / Pop-ups
==================================================
LP-00 # Layout Elements
      - Header
      - Body
      - Footer
LP-01 # PAGE SECTIONS
            - sprint 01 (login, school/program list view)
            - sprint 02 (school response, standards view)
            - sprint 03 (evidence preview)
            - sprint 04 (evaluative feedback)
            - sprint 05 (request feedback)
            - sprint 06 (self-rating)
            - sprint 07 (accreditor standards view)
            - sprint 08 (narrative editor, accreditor institutions)
            - sprint 09 (user management, account management)
            - sprint 10 (dashboards)

LP-PLG: # Layout Plugins
      - Angular Datepicker
            - Carousel
            - Firepad/Codemirror
==================================================*/


/*======= TC-03 # Regular Tags =======*/
/* body */
body { font-family: 'Catamaran', sans-serif; color: #4b4c47; min-width: 1130px; /* added until there is more time to address responsiveness */ }
.dropdown-pane { top: 0; left: 0; }
/* formatting */
strong { font-weight: 500; }
.bold { font-weight: 700; }
/* tables */
table { background-color: #ffffff; border: 1px solid #ede6d6; border-collapse: separate; border-spacing: 2px; }
th { background-color: #ede6d6; color: #4b4c47; font-family: 'Catamaran', sans-serif; font-size: 14px; line-height: 1.9em; }
td { font-size: 14px; line-height: 1.9em; }
table tbody tr:nth-child(even) { background-color: #f6f6f6; }
thead th > span { display: block; position: relative; }
/* sort th arrow up */
thead th.sort-up > span::after { border: solid 5px; border-color: transparent transparent #4b4c47 transparent; border-top-style: solid; border-top-width: 0; content: ""; display: inline-block; height: 0; margin-left: 5px; position: absolute; top: 0.65em; width: 0; }
/* sort th arrow down */
thead th.sort-down > span::after { border: inset 5px; border-color: #4b4c47 transparent transparent; border-top-style: solid; border-bottom-width: 0; content: ""; display: inline-block; height: 0; margin-left: 5px; position: absolute; top: 0.65em; width: 0; }
/* links */
a:not(.button) { color: inherit; text-decoration: underline; }
a:not(.button):hover { text-decoration: none; }
a:not(.button, ul.firepad-dropdown-menu a):active { opacity: 0.8; }
ul.firepad-dropdown-menu a:active, a.firepad-dropdown:active {opacity : 1 !important;}


/*======= TC-04 # Text Elements =======*/
/* headers */
h1, h2, h3, h4, h5, h6 { font-family: 'Rubik', sans-serif; }
h1, h2 { font-weight: 300; }
h1 { font-size: 38px; line-height: 1.4em; }
h2 { font-size: 32px; line-height: 1.6em; }
h3 { font-size: 24px; font-weight: 500; line-height: 1.1em; }
h4 { font-size: 18px; font-weight: 400; line-height: 1.4em; }
h5, h6 { font-weight: 700; }
h5 { font-size: 16px; line-height: 1.6em; }
h6 { font-size: 12px; line-height: 2.2em; }
/* subheaders */
h1.subheader, h2.subheader, h3.subheader, h4.subheader, h5.subheader, h6.subheader { color: #707265; }
/* small subheaders */
h1.subheader-small { font-size: 26px; line-height: 2em; }
h2.subheader-small { font-size: 22px; line-height: 2.4em; }
h3.subheader-small { font-size: 16px; line-height: 1.6em; }
h4.subheader-small { font-size: 14px; line-height: 1.9em; }
h5.subheader-small { font-size: 12px; line-height: 2.2em; }
/* blockquote */
blockquote { border-left: 5px solid #707265; font-size: 13px; line-height: 2em; padding: 10px 15px; }
/* lists (ul, ol) */


/*======= TC-05 # Form Elements =======*/
/* forms */
label { color: #764c03; font-size: 12px; line-height: 1.5em; padding: 0 0 5px 15px; text-align: left; text-transform: uppercase; }
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea { background-color: #ffffff; border: 2px solid #ddded6; box-shadow: none; color: #764c03; height: auto; padding: 10px 15px; }
[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus { background-color: #ffffff; border: 2px solid #fed766; box-shadow: none; color: #764c03; }
/* form buttons */
form [type='submit'], form [type='button'] {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 3px;
    padding: 0.85em 1em;
    margin: 0 0 1rem 0;
    font-size: 0.9rem;
    background-color: #4b4c47;
    color: #ffffff;
}
form [type='submit']:hover, form [type='submit']:focus,
form [type='button']:hover, form [type='button']:focus { background-color: #656662; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12); }
/* form alerts, form confirmations */
.form-error { background-color: #b21716; color: #ffffff; font-size: 13px; font-weight: 400; padding: 9px 15px 7px; margin-top: -1rem; }
.form-error-label { color: #b21716; }
.form-error-border { border-color: #b21716; }
.is-invalid-input:not(:focus) { background-color: #ffffff; border-color: #b21716; }
.is-invalid-label, .is-invalid-label > span { color: #ff4a49; }
form.ng-invalid.ng-submitted .form-error { display: block; }
/* callouts */
.callout { border: 0; border-radius: 3px; color: rgba(0,0,0,0.59); font-weight: 500; padding: 10px 20px; }
.callout.alert { background-color: #f9acac; }
.callout.success { background-color: #d6e289; }
.callout.warning { background-color: #feefc0; }
.callout.primary { background-color: #81afc2; }
.callout strong { font-weight: 700; }
/* callouts with icons, use .help-table structure */
.callout .help-table > .col { line-height: 1.5em; vertical-align: middle; }
.callout .help-table > .col:first-child { text-align: center; width: 32px; }
.callout .help-table > .col:first-child > span { font-size: 28px; }
.callout .help-table > .col:last-child { padding-left: 5px; }

/* input fields, textareas */
/* input must go before the label, the label must contain a span */
.input { display: inline-block; margin: 1em 0; max-width: 350px; position: relative; vertical-align: top; width: 100%; z-index: 1; }
.textarea.input { max-width: 100%; }
.input-field::-webkit-input-placeholder { color: #4b4c47; }
.input-field:-moz-placeholder { color: #4b4c47; }
.input-field::-moz-placeholder { color: #4b4c47; }
.input-field:-ms-input-placeholder { color: #4b4c47; }
.input-field { background-color: #ddded6; color: #764c03; width: 100%;
    -webkit-transition: background-color 0.25s, border-color 0.25s;
    transition: background-color 0.25s, border-color 0.25s;
}
.input-label { font-size: 16px; overflow: hidden; padding: 10px 16px; pointer-events: none; position: absolute; bottom: 100%; text-align: left; text-transform: none; width: 100%;
    -webkit-transform: translate3d(0, 3em, 0);
    transform: translate3d(0, 3em, 0);
    /*-webkit-transition: -webkit-transform 0.25s;
    transition: transform 0.25s;*/
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
.input-label-content { color: #4b4c47;
    -webkit-transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
.input-label-content::after { color: #764c03; content: attr(data-content); font-size: 12px; height: 100%; position: absolute; bottom: 100%; left: 0; padding: 5px 0; text-transform: uppercase; width: 100%; }
.input-field:focus + .input-label,
.input--filled .input-label { color: #764c03; font-size: 12px; padding: 5px 16px; text-transform: uppercase;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}
.input-field:focus + .input-label .input-label-content,
.input--filled .input-label-content { color: #764c03;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
.input-field:focus + .input-field,
.input--filled .input-field { background-color: #ffffff; border-color: #fed766; }
/* textarea */
.textarea textarea { min-height: 160px; }
.input--filled textarea[readonly] { border-color: #e7e7e7; }

/* select drop-downs */
/* regular, no label */
select { background-color: #ddded6; background-position: right 7px center; background-origin: inherit; border: none; color: #4b4c47; height: auto; padding: 10px 25px 10px 15px; }
/* regular, with label */
.select.input { background-color: #ddded6; }
select.input-field { margin-bottom: 0; }

/* checkboxes and radios */
/* these are accessible through keyboard navigation */
.checkbox, .radio { margin-bottom: 0.5em; position: relative; z-index: 1; }
.checkbox input,
.radio input { left: 0; margin: 5px; padding: 0; position: absolute; width: 12px; z-index: 1; }
.checkbox input + label,
.radio input + label { background-color: transparent; background-position: 0 0; background-repeat: no-repeat; color: #4b4c47; font-size: 16px; line-height: 1.5em; padding: 0 0 0 31px; position: relative; text-transform: none; z-index: 2; }
.checkbox input + label { margin-left: 0; }
.radio input + label { margin-left: 0; margin-top: 1px; }
input[type="checkbox"] + label,
input[type"radio"] + label { color: #4b4c47; font-size: 16px; line-height: 1.5em; padding: 0 0 0 31px; position: relative; text-transform: none; z-index: 2; }
/* checkboxes */
.checkbox input + label { background-image: url('../img/forms/checkbox-02.png'), url('../img/forms/checkbox-01.png'); background-position: -21px 0, 0 0; }
.checkbox input:checked + label { background-position: 0 0, 0 0; }
/* radios */
.radio input + label { background-image: url('../img/forms/radio-02.png'), url('../img/forms/radio-01.png'); background-position: -21px 0, 0 0; }
.radio input:checked + label { background-position: 0 0, 0 0; }
/* for IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .checkbox input + label,
    .radio input + label { background-color: transparent; }
}

/* help text */
.help-text { font-family: 'Rubik'; font-style: normal; }

/* calendar / datepicker */
.calendar { position: relative; z-index: 9; }
.calendar label { padding-left: 50px; }
.calendar .calendar-icon { color: #333333; display: inline-block; font-size: 32px; position: absolute; top: 4px; left: 12px; transition: color 0.25s; }
.input--filled .calendar-icon { color: #764c03; transition: color 0.25s; }
.calendar-arr { background-repeat: no-repeat; display: block; height: 25px; width: 20px; }
.calendar-prev { background-image: url('../img/forms/calendar-icon-arrow-left-tiny.png'); }
.calendar-next { background-image: url('../img/forms/calendar-icon-arrow-right-tiny.png'); }
.calendar .input-field { padding-left: 50px; }
._720kb-datepicker-open:before { content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #764c03; position: absolute; top: -5px; width: 0; height: 0; margin: auto; left: 0; right: 0; }
._720kb-datepicker-calendar-day._720kb-datepicker-active { font-weight: 500; }


/*======= TC-06 # Custom Helpers =======*/
/* tables, 100% (1 col), 50% (2 col), 33% (3 col) */
.help-table, .help-table-50, .help-table-33, .help-table-25 { display: table; width: 100%; }
.help-table > .col, .help-table-50 > .col, .help-table-33 > .col, .help-table-25 > .col { display: table-cell; vertical-align: middle; }
.help-table-50 > .col { width: 50%; }
.help-table-33 > .col { width: 33.333%; }
.help-table-25 > .col { width: 25%; }
.help-table-33 > .col66 {width: 66.666%;}
.largeWidth { width: 100% !important; }
/* Add animation */
.ng-enter.ng-enter-active,
.ng-leave {
    opacity: 1;
    -webkit-transition: opacity 300ms linear;
    -moz-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
}
/* Remove animation */
.ng-leave.ng-leave-active,
.ng-enter {
    opacity: 0;
    -webkit-transition: opacity 300ms linear;
    -moz-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
}
.panelExpandBox.accordion .maximizeButton { top: 0; }
/* opacity */
@-webkit-keyframes opac {
    from { opacity: 0; } to { opacity: 1; }
}
@keyframes opac {
    from { opacity: 0; } to { opacity: 1; }
}
/* links */
a.show-less { line-height: 10px; }
a span[class^="ion"] { text-decoration: none; }



/*======= TC-07 # Buttons =======*/
/* buttons */
.button { background-color: #4b4c47; border-radius: 3px; color: #ffffff; font-size: 13px; font-weight: 500; padding: 9px 15px; }
.button:hover, .button:focus { background-color: #656662; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12); }
/* buttons large */
.button.large { font-size: 16px; }
/* buttons small */
.button.small { font-size: 12px; line-height: 1em; }
/* buttons tiny */
.button.tiny { font-size: 12px; line-height: 1em; padding: 5px 15px; }
/* secondary buttons */
.button.secondary { background-color: #ffffff; border: solid 1px #ddded6; color: #4b4c47; }
.button.secondary:hover, .button.secondary:focus { background-color: #fafafa; border: solid 1px #ddded6; color: #4b4c47; }
/* action buttons */
.button.action { background-color: #dac38b; color: #372a04; }
.button.action:hover, .action-button:focus, button.action:focus { background-color: #e1d0aa; color: #372a04; }
/* secondary action buttons */
.button.action-secondary { background-color: #ede6d6; color: #372a04; }
.button.action-alert {background-color: #b21716;}
.button.action-secondary:hover, .secondary-action:focus { background-color: #f5f2eb; color: #372a04; }
/* disabled buttons */
.button:disabled { background-color: #e0e0e0; color: #b1b1b1; opacity: 1; }
.button:disabled:hover { background-color: #e0e0e0; color: #b1b1b1; box-shadow: none; }
/* modal close button X */
button.close-button,
button.close-button:hover,
button.close-button:focus { background-color: transparent; border: 0; color: #4b4c47;  box-shadow: none }


/*======= TC-08 # Page Elements =======*/
/* loader / spinner */
.loader { display: inline-block; }
.loader > img { display: block; }
.block-ui-message { background: url(../img/loaders/ring.svg) no-repeat center center; color: #f5f5f5; display: inline-block; font-size: 20px; font-weight: 700; height: 90px; padding: 20px; text-align: left; width: 90px; }
.block-ui-active > .block-ui-container { min-height: 150px; }
/* badges */
.badge { background-color: #707265; border-radius: 0; color: #ffffff; font-size: 12px; line-height: 1.6em; padding: 0 10px; }
.badge.secondary { background-color: #ede6d6; border-radius: 3px; color: #4b4c47; }
.badge.alert { background-color: #ff4a49; /*border-radius: 3em;*/ }
.badge.success { background-color: #43ac6a; }
.badge.warning { background-color: #fed766; color: #764c03; }
.badge.info { background-color: #764c03; color: #ede6d6; }
.badge.school { background-color: #004a67; /*border-radius: 3px;*/ }
.badge.accreditor { background-color: #679436; /*border-radius: 3px;*/ }
/* progress bars */
/* regular progress */
.progress { background-color: #e2e2e2; border-radius: 4px; box-shadow: inset -1px 2px 3px 0 rgba(136, 136, 136, 0.5); }
.progress-meter { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0.5)), linear-gradient(#05668d, #05668d); border-radius: 4px; box-shadow: inset 0 1px 3px 0 rgba(255, 255, 255, 0.5); }
/* progress school */
.progress-school .progress-meter { background-image: linear-gradient(#05668d, #05668d); }
/* progress accreditor */
.progress-accreditor .progress-meter { background-image: linear-gradient(#a5be00, #a5be00); }
/* small progress */
.progress-small { height: 8px; }
/* progress bars in tables */
tbody > tr > td .progress { display: inline-block; margin-bottom: 0; min-width: 70%; vertical-align: middle; }
.progress .progress-meter {
    -webkit-transition: width 1s ease-out;
    transition: width 1s ease-out;
}
/* filter buttons */
ul.filterUL { list-style: none; margin: 0; padding: 0; }
#id-schoolsStandardPage ul.filterUL {text-align: center;}
ul.filterUL > li { display: inline-block; margin-right: 17px; vertical-align: middle; }
ul.filterUL > li > a { background-color: rgba(237, 230, 214, 0.3); color: #a39061; border-radius: 3px; display: block; padding: 4px 15px; text-decoration: none; }
ul.filterUL > li.active > a,
ul.filterUL > li:hover > a { background-color: #ede6d6; color: #764c03; }
/* tags */
ul.tagsUL { font-size: 0; list-style: none; margin: 0; padding: 0; }
ul.tagsUL > li { display: inline-block; font-size: 14px; margin-right: 10px; vertical-align: middle; }
ul.tagsUL > li:last-child { margin-right: 0; }
ul.tagsUL > li.labelLI { font-size: 14px; line-height: 1.1em; }
ul.tagsUL .badge { }
/* pagination */
.pagePagination { margin: 1em 0; }
ul.pagination { font-size: 14px; }
ul.pagination > li { font-size: 14px; line-height: 1rem; vertical-align: middle; }
ul.pagination > li:not(.show-all) > a { text-decoration: none; }
ul.pagination .pagination-previous span, ul.pagination .pagination-previous a, ul.pagination .pagination-next span, ul.pagination .pagination-next a, ul.pagination .disabled { border: 1px solid #ddded6; border-radius: 3px; font-size: 14px; padding: 1px 10px 0; }
.pagination-previous a::before, .pagination-previous.disabled::before,
.pagination-next a::after, .pagination-next.disabled::after { font-family: 'Ionicons'; margin: 3px 0.25rem; }
.pagination-previous a::before, .pagination-previous.disabled::before { content: "\f488"; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.pagination-next a::after, .pagination-next.disabled::after { content: "\f488"; }
.pagination .ellipsis::after { content: "..."; }
.pagination .current { background: #fed766; color: #4b4c47; }
.pagination a:hover, .pagination button:hover { background: #e7e7e7; }
.pagination .show-all a:hover { background: transparent; }
.pagination .active { background: #fed766 none repeat scroll 0 0; color: #4b4c47; }
dir-pagination-controls { display: inline-block; margin-right: 10px; }
/* breadcrumbs */
.pageBreadcrumbs {}
ul.breadcrumbs { font-family: 'Rubik'; font-size: 14px; font-weight: 400; margin-bottom: 0; }
ul.breadcrumbs > li { color: #4b4c47; font-size: 12px; text-transform: capitalize; }
ul.breadcrumbs > li.no-text-transform {text-transform: none;}
ul.breadcrumbs > li > a { color: #a39061; }
ul.breadcrumbs > li:not(:last-child)::after { color: #4b4c47; margin: 0 0.25rem; }
/* print/download */
ul.pageOptionsUL { font-size: 0; list-style: none; margin: 0; padding: 0; }
ul.pageOptionsUL > li { font-family: 'Rubik'; font-size: 16px; display: inline-block; margin-left: 1.5em; vertical-align: middle; }
ul.pageOptionsUL > li:first-child { margin-left: 0; }
.pageButton { color: #a39061; }
.pageButton > span { display: inline-block; margin-left: 5px; vertical-align: middle; }
.pageButton > span:last-child { font-size: 12px; text-decoration: underline; }
.pageButton:hover > span:last-child { text-decoration: none; }
.pageButton:active { opacity: 0.8; }
.closePageButton.pageButton > span:first-child { font-size: 22px; }
.printPageButton.pageButton > span:first-child { font-size: 18px; }
.downloadPageButton.pageButton > span:first-child { font-size: 22px; }
/* team members */
ul.teamiconsUL { font-size: 0; list-style: none; margin: 0; padding: 0; }
ul.teamiconsUL > li { display: inline-block; font-size: 16px; margin: 2px 3px 2px 0; vertical-align: middle; }
ul.teamiconsUL > li:last-child { margin-right: 0; }
ul.teamiconsUL > li.moreUsersLI .profile { background-color: #ddded6 !important; border-color: #ddded6; color: #4b4c47 !important; }
ul.teamiconsUL > li.addMoreUsersLI .profile {}
/* user is clickable */
.userClickable { display: inline-block; }
.userClickable-info.metaBox { padding: 20px 0.9375rem; }
/* multiple users meta box */
.moreUsersBox { }
/* meta info boxes */
.metaBox { background-color: #fafafa; border-radius: 3px; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12); border: 0; font-size: 14px; line-height: 1.5em; padding: 20px; position: absolute; z-index: 2; width: 325px; top: 0; right: 0; /*top: 100%; right: 0;*/ }
.metaBox a { color: #a39061; }
.metaBox .user-info-name { font-family: 'Rubik'; font-size: 16px; font-weight: 700; line-height: 1.6em; }
.metaBox .user-info-email { line-height: 2em; }
.metaBox .user-info-role {}
.metaBox .user-info-link { margin-top: 20px; }
.userClickable-info .user-info-img { vertical-align: top; width: 85px; }
/* more users */
.moreUsersLI .userClickable span { display: block; font-size: 1em; font-weight: 500; height: 1em; line-height: 1em; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; text-align: center; }
/* typeahead */
.typeaheadBox { background-color: #ffffff; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12); position: absolute; top: 80%; width: 475px; z-index: 5; }
ul.typeaheadUL { list-style: none; max-height: 400px; margin: 0; overflow-y: auto; padding: 0; }
ul.typeaheadUL > li { border-bottom: 1px solid #979797; display: inline-block; width: 100%; }
ul.typeaheadUL > li:last-child { border-bottom: 0; }
ul.typeaheadUL > li:hover,
ul.typeaheadUL > li.active { background-color: #fff4d6; cursor: pointer; }
ul.typeaheadUL > li .oneResult { display: inline-block; padding: 20px; width: 100%; }
ul.typeaheadUL > li .oneResult strong { font-weight: 700; }
/* typeahead add team members */
.addInputBox.input { margin-bottom: 0; max-width: 100%; }
.addOneMemberResult > .col { vertical-align: middle; }
.member-info { max-width: 330px; overflow: hidden; }
.member-info-col h5, .member-info-col p { margin-bottom: 0; }
ul.typeaheadUL > li:hover .addOneMemberResult { color: #764c03; }
ul.typeaheadUL > li:hover .addOneMemberResult .member-add-col { visibility: visible; }
.member-img-col { width: 64px; }
.member-add-col { text-align: right; visibility: hidden; width: 40px; }
.plusAddButton { font-size: 32px; }
/* tooltips */
.tooltip {
    background-color: #4b4c47;
    color: #fefefe;
    font-size: 12px;
    line-height: 1.3em;
    padding: 7px 10px;
    position: absolute;
    z-index: 11;
    top: calc(100% + 0.6495rem);
    max-width: 10rem !important;
    border-radius: 3px; }
.tooltip::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 0.5rem;
    border-color: transparent transparent #4b4c47;
    border-bottom-style: solid;
    border-top-width: 0;
    bottom: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
.tooltip.top::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 0.5rem;
    border-color: #4b4c47 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    top: 100%;
    bottom: auto; }
.tooltip.left::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 0.5rem;
    border-color: transparent transparent transparent #4b4c47;
    border-left-style: solid;
    border-right-width: 0;
    bottom: auto;
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
.tooltip.right::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 0.5rem;
    border-color: transparent #4b4c47 transparent transparent;
    border-right-style: solid;
    border-left-width: 0;
    bottom: auto;
    left: auto;
    right: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
tooltip tip { background: rgba(75,76,71, 0.9); min-width: 80px; padding: 2px 10px; white-space: nowrap; }
tooltip._bottom  tip tip-arrow { border-bottom-color: rgba(75,76,71, 0.9); }
/* comments dropdown */
.commentsPanel { border: 0; box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.3), 0 0 24px 0 rgba(0, 0, 0, 0.22); padding: 0; text-align: left; width: 380px; z-index: 10; }
.commentsPanel-inner { max-height: 360px; overflow-y: auto; }
ul.commentsUL { font-size: 0; list-style: none; margin: 0; padding: 0; }
ul.commentsUL > li { background-color: #fafafa; border-bottom: 1px solid #ddded6; font-size: 16px; }
ul.commentsUL > li:nth-child(even) { background-color: #ffffff; }
ul.commentsUL > li.noComment { text-align: center; }
/* school comments */
.commentsPanel-school ul.commentsUL > li .comment-text h5,
.commentsPanel-school ul.commentsUL > li .comment-text h6 { color: #05668d; }
/* accreditor comments */
.commentsPanel-accreditor ul.commentsUL > li .comment-text h5,
.commentsPanel-accreditor ul.commentsUL > li .comment-text h6 { color: #679436; }
.oneComment { padding: 10px; }
.oneComment .help-table > .col { vertical-align: top; }
.oneComment .comment-img { text-align: left; width: 64px; }
.oneComment .comment-text h5, .oneComment .comment-text h6 { margin-bottom: 0; }
.oneComment .comment-body { font-size: 14px; }
.commentsPanel-newReply { padding: 10px; text-align: right; }
.newReplyBox textarea { max-width: 295px; max-height: 100px; min-height: 100px; resize: none; }
ul.commentsOptionsUL { background-color: #dac38b; font-size: 0; list-style: none; margin: 0; padding: 0; }
ul.commentsOptionsUL > li { display: inline-block; font-size: 14px; text-align: center; width: 50%; }
ul.commentsOptionsUL > li:last-child { background-color: #ede6d6; }
ul.commentsOptionsUL > li > a { display: block; font-weight: 500; padding: 10px; text-decoration: none; }

/*======= TC-09 # Image Elements =======*/
/* profile images */
.profile { border-radius: 50%; display: inline-block; position: relative; vertical-align: middle; }
.profile > img { border: 4px solid transparent; border-radius: 50%; display: block; }
/* large profile */
.profile-large { min-height: 168px; min-width: 168px; }
.profile-large > img { max-height: 168px; max-width: 168px; min-height: 168px; min-width: 168px; }
/* default profile (medium) */
.profile-medium { min-height: 70px; min-width: 70px; }
.profile-medium > img { max-height: 70px; max-width: 70px; min-height: 70px; min-width: 70px; }
/* small profile */
.profile-small { min-height: 50px; min-width: 50px; }
.profile-small > img { max-height: 50px; max-width: 50px; min-height: 50px; min-width: 50px; }
/* smaller profile */
.profile-smaller { min-height: 35px; min-width: 35px; }
.profile-smaller > img { max-height: 35px; max-width: 35px; min-height: 35px; min-width: 35px; }
/* tiny profile (in tables only) */
.profile-tiny { min-height: 29px; min-width: 29px; }
.profile-tiny > img { max-height: 29px; max-width: 29px; min-height: 29px; min-width: 29px; }

/* profile type */
.profile-accreditor { background-color: #e2ebab; /*background-image: url('../img/icons/svg/profile-empty-accreditor-large.svg');*/ background-size: cover; }
.profile-accreditor > img { border-color: #e2ebab; }
.profile-school { background-color: #9fc1cf; /*background-image: url('../img/icons/svg/profile-empty-school-large.svg');*/ background-size: cover; }
.profile-school > img { border-color: #9fc1cf; }

/* system images (sprite sheet) */
.sprite { background: url("../img/sprites/system-icons.png") no-repeat top left; width: 74px; height: 120px;  }
.sprite.comment-accreditor-single-large { background-position: 0 0; width: 119px; }
.sprite.comment-accreditor-single-medium { background-position: 0 -130px; width: 62px; height: 62px; }
.sprite.comment-accreditor-single-small { background-position: 0 -202px; width: 32px; height: 33px; }
.sprite.comment-accreditor-single-tiny { background-position: 0 -245px; width: 18px; height: 19px; }
.sprite.comment-accreditor-reply-large { background-position: 0 -274px; width: 143px; }
.sprite.comment-accreditor-reply-medium { background-position: 0 -404px; width: 72px; height: 61px; }
.sprite.comment-accreditor-reply-small { background-position: 0 -475px; width: 38px; height: 33px; }
.sprite.comment-accreditor-reply-tiny { background-position: 0 -518px; width: 21px; height: 19px; }
.sprite.comment-school-single-large { background-position: 0 -547px; width: 119px; }
.sprite.comment-school-single-medium { background-position: 0 -677px; width: 62px; height: 62px; }
.sprite.comment-school-single-small { background-position: 0 -749px; width: 32px; height: 33px; }
.sprite.comment-school-single-tiny { background-position: 0 -792px; width: 18px; height: 19px; }
.sprite.comment-school-reply-large { background-position: 0 -821px; width: 141px; }
.sprite.comment-school-reply-medium { background-position: 0 -951px; width: 71px; height: 61px; }
.sprite.comment-school-reply-small { background-position: 0 -1022px; width: 38px; height: 33px; }
.sprite.comment-school-reply-tiny { background-position: 0 -1065px; width: 21px; height: 19px; }
.sprite.evidence-audio-large { background-position: 0 -1094px; width: 132px; height: 180px; }
.sprite.evidence-audio-medium { background-position: 0 -1284px; height: 101px; }
.sprite.evidence-audio-small { background-position: 0 -1395px; width: 37px; height: 51px; }
.sprite.evidence-audio-tiny { background-position: 0 -1456px; width: 12px; height: 10px; }
.sprite.evidence-doc-large { background-position: 0 -1476px; width: 132px; height: 180px; }
.sprite.evidence-doc-medium { background-position: 0 -1666px; height: 101px; }
.sprite.evidence-doc-small { background-position: 0 -1777px; width: 37px; height: 51px; }
.sprite.evidence-doc-tiny { background-position: 0 -1838px; width: 12px; height: 12px; }
.sprite.evidence-image-large { background-position: 0 -1860px; width: 132px; height: 180px; }
.sprite.evidence-image-medium { background-position: 0 -2050px; height: 101px; }
.sprite.evidence-image-small { background-position: 0 -2161px; width: 37px; height: 51px; }
.sprite.evidence-image-tiny { background-position: 0 -2222px; width: 12px; height: 12px; }
.sprite.evidence-link-large { background-position: 0 -2244px; width: 132px; height: 180px; }
.sprite.evidence-link-medium { background-position: 0 -2434px; height: 101px; }
.sprite.evidence-link-small { background-position: 0 -2545px; width: 37px; height: 51px; }
.sprite.evidence-link-tiny { background-position: 0 -2606px; width: 9px; height: 12px; }
.sprite.evidence-pdf-large { background-position: 0 -2628px; width: 132px; height: 180px; }
.sprite.evidence-pdf-medium { background-position: 0 -2818px; height: 101px; }
.sprite.evidence-pdf-small { background-position: 0 -2929px; width: 37px; height: 51px; }
.sprite.evidence-pdf-tiny { background-position: 0 -2990px; width: 16px; height: 16px; }
.sprite.evidence-video-large { background-position: 0 -3016px; width: 132px; height: 180px; }
.sprite.evidence-video-medium { background-position: 0 -3206px; height: 101px; }
.sprite.evidence-video-small { background-position: 0 -3317px; width: 37px; height: 51px; }
.sprite.evidence-video-tiny { background-position: 0 -3378px; width: 10px; height: 12px; }
.sprite.profile-empty-accreditor-large { background-position: 0 -3400px; width: 172px; height: 172px; }
.sprite.profile-empty-accreditor-medium { background-position: 0 -3582px; height: 74px; }
.sprite.profile-empty-accreditor-small { background-position: 0 -3666px; width: 54px; height: 54px; }
.sprite.profile-empty-accreditor-tiny { background-position: 0 -3730px; width: 26px; height: 26px; }
.sprite.profile-empty-school-large { background-position: 0 -3766px; width: 172px; height: 172px; }
.sprite.profile-empty-school-medium { background-position: 0 -3948px; height: 74px; }
.sprite.profile-empty-school-small { background-position: 0 -4032px; width: 54px; height: 54px; }
.sprite.profile-empty-school-tiny { background-position: 0 -4096px; width: 26px; height: 26px; }
.sprite.vote-down-none-large { background-position: 0 -4132px; width: 120px; }
.sprite.vote-down-none-medium { background-position: 0 -4262px; width: 62px; height: 62px; }
.sprite.vote-down-none-small { background-position: 0 -4334px; width: 39px; height: 39px; }
.sprite.vote-down-none-tiny { background-position: 0 -4383px; width: 14px; height: 14px; }
.sprite.vote-down-votes-large { background-position: 0 -4407px; width: 120px; }
.sprite.vote-down-votes-medium { background-position: 0 -4537px; width: 62px; height: 62px; }
.sprite.vote-down-votes-small { background-position: 0 -4609px; width: 39px; height: 39px; }
.sprite.vote-down-votes-tiny { background-position: 0 -4658px; width: 14px; height: 14px; }
.sprite.vote-up-none-large { background-position: 0 -4682px; width: 120px; }
.sprite.vote-up-none-medium { background-position: 0 -4812px; width: 62px; height: 62px; }
.sprite.vote-up-none-small { background-position: 0 -4884px; width: 39px; height: 39px; }
.sprite.vote-up-none-tiny { background-position: 0 -4933px; width: 14px; height: 14px; }
.sprite.vote-up-votes-large { background-position: 0 -4957px; width: 120px; }
.sprite.vote-up-votes-medium { background-position: 0 -5087px; width: 62px; height: 62px; }
.sprite.vote-up-votes-small { background-position: 0 -5159px; width: 39px; height: 39px; }
.sprite.vote-up-votes-tiny { background-position: 0 -5208px; width: 14px; height: 14px; }


/*======= TC-10 # Modals / Pop-ups =======*/
/* modals */
.reveal { box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.3), 0 0 24px 0 rgba(0, 0, 0, 0.22); padding: 26px; }
.reveal-overlay { background-color: rgba(0, 0, 0, 0.45); }
.modal-header { background-color: #ede6d6; color: #4b4c47; margin: -26px -26px 0; padding: 19px 83px 19px 26px; position: relative; }
.modal-header > h3 { margin-bottom: 0; }
.modal-header > .close-button { font-size: 34px; line-height: 1em; top: 12px; right: 31px; }
.modal-body { margin: 28px 0; }
.modal-body > h4 { }
.modal-footer { text-align: center; }
.modal-footer > button { margin-bottom: 10px; margin-right: 23px; }
.modal-footer > button:last-child { margin-right: 0; }
/* archive file modal */
.archiveFileName { border: 1px solid #e7e7e7; margin: 1em 0 2em; padding: 15px 21px; }
.archiveFileName h4 { margin-bottom: 0; }

/*======= LP-00 # Layout Components =======*/
/* HEADER */
.layoutHeader { clear: both; display: inline-block; width: 100%; z-index: 10; min-width: 1024px; /* added until there is more time to address responsiveness */ }
.layoutHeader > div.sticky {min-width: 974px;}
.layoutHeader .top-bar { box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1), 0 0 3px 0 rgba(0, 0, 0, 0.12); padding: 0;  /* min-width: 1160px; added until there is more time to address responsiveness */ }
.layoutHeader .top-bar, .layoutHeader .top-bar ul { background-color: #4b4c47; color: #ffffff; }
.layoutHeader .top-bar-title { margin-top: 15px; }
.headerBox .top-bar-right { padding: 6px 12px 0; }
/* institution logo + title */
ul.institutionInfoUL > li > img { max-height: 35px; }
ul.institutionInfoUL > li.menu-img > .institution-logo { padding: 3px 12px; }
ul.institutionInfoUL .institution-logo > img { /*background-color: #ffffff;*/ display: block; max-height: 50px; max-width: 120px; }
ul.institutionInfoUL > li.menu-text { font-family: 'Rubik'; font-weight: 300; padding: 0 0 0 1em; }
ul.institutionInfoUL > li.menu-text .institution-name { font-size: 18px; height: 1.1em; line-height: 1.1em; max-width: 270px; overflow: hidden; text-overflow: ellipsis; width: 270px; white-space: nowrap; }
/* NAVIGATION */
ul.navMenuUL > li > a { display: block; font-family: 'Rubik'; font-size: 14px; font-weight: 400; line-height: 1.9em; padding: 14px 18px; text-decoration: none; }
ul.navMenuUL > li > a:hover,
ul.navMenuUL > li.active > a { background-color: #ede6d6; color: #4b4c47; }
/* system */
ul.systemMenuUL > li.systemSearchLI,
ul.systemMenuUL > li.systemHelpLI { font-size: 20px; line-height: 1em; }
ul.systemMenuUL > li.systemAlertsLI { font-size: 20px; line-height: 1em; position: relative; }
.menu > .systemSearchLI > a,
.menu > .systemAlertsLI > a,
.menu > .systemHelpLI > a { font-size: 26px; padding: 0 1rem; position: relative; text-decoration: none; }
.systemAlertsLI .dropdown-pane { border: 0; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12); font-family: 'Rubik'; right: 1rem !important; padding: 0; width: 450px; }
.menu > .systemSearchLI toggle a, .menu > .systemAlertsLI toggle a, .menu > .systemHelpLI toggle a, .menu > .systemImpersonateLI toggle a { font-size: 26px; padding: 0 1rem; position: relative; text-decoration: none; }
/* system alerts - no number */
ul.systemMenuUL .badge { display: block; font-size: 0; height: 12px; padding: 0; position: absolute; left: 10px; top: 5px; width: 12px; z-index: 2; }
ul.systemMenuUL .badge.alert { background-color: #ff4a49; border-radius: 50%; color: #764c03; }
/* system alerts (notifications) */
pane .notificationsPane { margin-top: 0; }
.notificationsPane { border: 0; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12); font-family: 'Rubik'; margin-top: 68px; left: auto !important; right: 1rem !important; padding: 0; width: 450px; }
/* notifications box */
.notificationsListBox { max-height: 400px; overflow-y: auto; }
.layoutHeader .top-bar ul.notificationsUL { background-color: #ffffff; color: #707265; list-style: none; margin: 0; padding: 0; }
ul.notificationsUL > li { border-bottom: 1px solid #979797; display: inline-block; width: 100%; }
ul.notificationsUL > li:last-child { border-bottom: 0; }
.oneNotification { display: inline-block; padding: 1em; width: 100%; }
.oneNotification .sys-alert-date { font-size: 14px; font-weight: 700; }
.oneNotification .sys-alert-content { font-size: 14px; }
/* notifications options */
ul.notificationsOptionsUL { font-size: 0; list-style: none; margin: 0; padding: 0; }
ul.notificationsOptionsUL > li { display: inline-block; font-size: 16px; text-align: center; width: 50%; }
ul.notificationsOptionsUL > li:last-child { background-color: #707265; }
ul.notificationsOptionsUL > li > a { display: block; font-size: 14px; padding: 10px; text-decoration: none; }
ul.notificationsUL > li .oneNotification.unread { background-color: #fff4d6; }
ul.notificationsUL > li .oneNotification { background: #fff;
    -webkit-transition: background-color 3000ms linear;
    -moz-transition: background-color 3000ms linear;
    -o-transition: background-color 3000ms linear;
    -ms-transition: background-color 3000ms linear;
    transition: background-color 3000ms linear;
}

/*notifications added css*/
.notification-pic {margin-right:5px; margin-bottom:5px;}
.notificationLink{margin-bottom: 1rem;}
.sys-alert-sub-content {font-size:11px}
.closeAlert {float:right;}

/* system help */
li.systemHelpLI { position: relative; }
li.systemHelpLI .dropdown-pane{ border: 0; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12); color: #707265; padding: 0; width: 360px; }
.systemHelpPane-inner { padding: 1em; }
.systemHelpPane-inner > h4 { background-color: #fff4d6; border-bottom: 1px solid #a39061; padding: 1em; margin: -1rem -1rem 1rem; }
.systemHelpPane a { color: #a39061; }
.systemHelpPane ul.helpTopicsUL { background: none !important; border-bottom: 1px solid #979797; color: inherit; list-style: none; margin: 1em 0; padding: 0 0 2em; }
.systemHelpPane .searchHelpBox input { max-width: 100%; }
/* account */
li.systemUserLI { padding-right: 1rem; position: relative; }
li.systemUserLI > a.user-menu { padding: 0.75rem 1.5rem 0.75rem 1rem; position: relative; }
li.systemUserLI .user-menu::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #ffffff transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    right: 5px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
}
.userMenuPane, .systemUserLI .dropdown-pane, .systemImpersonateLI .dropdown-pane  { background-color: #4b4c47; border: 0; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12); padding: 0; width: 220px; }
ul.accountMenuUL { list-style: none; margin: 0; padding: 0; }
ul.accountMenuUL > li > a { display: block; padding: 0.7rem 1rem; text-decoration: none; }
ul.accountMenuUL > li:hover { background-color: #ede6d6; color: #4b4c47; }
ul.accountMenuUL span { display: inline-block; margin-right: 0.5em; }
/* CONTENT BODY */
.layoutContent { min-height: 100vh; min-width: 1130px; /* added until there is more time to address responsiveness */ }
.layoutContent .pageHead { margin: 5px 0 5px; }
/* TABLE LAYOUT */
.tableLayoutBox { display: table; width: 100%; }
.tableLayoutBox > .col { display: table-cell; vertical-align: top; }
.tableLayout-left { }
.tableLayout-right { }
/* FLEXBOX - not supported by IE9 */
.flexBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
}
.flexBox-left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.flexBox-right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.autoHeight { min-height: 100% !important; max-height: 100% !important; overflow-y: initial !important; }
/* FOOTER */
.layoutFooter { border-top: 1px solid #dac38b; margin-top: 3em; }
.layoutFooter .top-bar, .layoutFooter .top-bar ul { background-color: #faf8f2; color: #a39061; font-size: 14px; line-height: 1.9em; }
.layoutFooter .top-bar ul.menu a { text-decoration: none; }
.layoutFooter .menu .active > a { background: none; color: inherit; font-weight: 700; }


/*======= LP-01 # Page Sections =======*/
/* sprint 01 - login page */
.loginBody { background-color: #ede6d6; display: table; width: 100%; }
.loginBody-inner { display: table-cell; vertical-align: middle;-webkit-transition: none !important;transition: none !important; }
.loginPage { background-color: #ffffff; border-radius: 3px; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12); margin: auto; padding: 2em; text-align: center; max-width: 420px; min-width: 310px; }
.loginLogo { margin-bottom: 2rem; }
.loginLogo > img { max-height: 32px; max-width: 350px; }
.loginForm .showHidePwdBox {  top: 2.25em; }
.showHidePwdBox { position: absolute; right: -5px; top: 0.75em; }
.showHidePwdBox * { -webkit-transition: none; transition: none; }
.showHidePwdBox input { padding: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: -1; }
.showHidePwdBox input + label { background-color: #4b4c47; border-radius: 3px; color: #ffffff; margin-bottom: 0; padding: 3px 7px; z-index: 1; }
.showHidePwdBox label { display: block; }
input.show-pwd { padding-right: 5em; }
.loginPage .form-error { text-align: left; }
.loginPage .forgot { margin: auto; }
.buttonBox { margin-top: 1rem; }
.loginFooter { margin-top: 2rem; margin-bottom:-1.5em;}
.loginFooter > h6 { color: #707265; font-weight: 400; }
/* sprint 01 continued in sprint 11 - login and subsequent pages */
.resetPass {background-color: #ffffff; border-radius: 3px; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12); margin: auto; padding: 2em; text-align: center; max-width: 420px; min-width: 310px;}
.newPass {background-color: #ffffff; border-radius: 3px; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12); margin: auto; padding: 2em; text-align: center; max-width: 420px; min-width: 310px;}
.forgotUN {background-color: #ffffff; border-radius: 3px; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12); margin: auto; padding: 2em; text-align: center; max-width: 420px; min-width: 310px;}

/* Hiding the reset and forgot pages */
/*#id-resetPass {
display: none;
}

#id-newPass {
display: none;
}

#id-forgotUN {
display: none;
}
*/

/* sprint 01 - schools/programs list page */
.schoolsPage th.prog-name-th { width: 15%; }
.schoolsPage th.prog-bar-th { width: 20%; }
.schoolsPage th.prog-team-th { width: 15%; }
.schoolsPage th.prog-standards-th,
.schoolsPage th.prog-completed-th,
.schoolsPage th.prog-inprogress-th,
.schoolsPage th.prog-responses-th { width: 10%; }
.schoolsPage th.prog-issues-th { width: 10%; }
/* header */
.schoolsPage-header { /*margin-top: 1em;*/ }
.schoolsFilterBox .filterBox { position: relative; }
.schoolsFilterBox input.filterInput { max-width: 300px; }
input.filterInput::-webkit-input-placeholder { color: #4b4c47; }
input.filterInput:-moz-placeholder { color: #4b4c47; }
input.filterInput::-moz-placeholder { color: #4b4c47; }
input.filterInput:-ms-input-placeholder { color: #4b4c47; }
.schoolsAddBox { text-align: right; }
.schoolsAddBox > .button { margin-bottom: 0; }
/* school list */
.oneSchoolUnit { margin-bottom: 2em; }
.schoolHeaderTable { background: #ede6d6; padding: 12px 0.9375rem; }
.schoolNameBox > .schoolNameHeader { display: block; font-family: 'Rubik'; font-size: 24px; font-weight: 300; height: 1.2em; line-height: 1.1em; overflow: hidden; position: relative; text-overflow: ellipsis; width: 90%; }
/* school meta */
.schoolMetaBox { border: 0; border-radius: 3px; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12); font-size: 14px; max-height: 300px; max-width: 500px; overflow-y: auto; width: 100%; }
.schoolMetaBox > h5 { background: #05668d; color: #ffffff; font-weight: 500; line-height: 2em; margin: -20px -20px 0; padding: 12px 20px; text-align: center; }
.schoolMetaBox .tabs { background: none; border: 0; text-align: center; }
.schoolMetaBox .tabs-title > a { padding: 10px 12px; color: #05668d; font-size: 2em; line-height: 1em; text-align: center; text-decoration: none; width: 2em; }
.schoolMetaBox .tabs-title > a:focus, .schoolMetaBox .tabs-title > a[aria-selected='true'] { background: #9fc1cf; }
.schoolMetaBox .tabs-title { display: inline-block; float: none; vertical-align: middle; }
.schoolMetaBox .tabs-content { background: #ffffff; border: 0; display: none; margin-bottom: 1em; text-align: center; }
.schoolMetaBox .tabs-panel.is-active { display: none; }
.metaBox.is-open .tabs-panel.is-active { border: 1px solid #9fc1cf; display: block; }
.metaBox.is-open .tabs-content { display: block; }
/* school accreditation progress */
.progressAlertsTable { padding: 0; }
.progressAlertsTable .progressBarCol { width: 80%; }
.progressAlertsTable .issues-alert { background: #ff4a49; border-radius: 3px; color: #ffffff; display: inline-block; font-size: 12px; line-height: 1em; padding: 5px 10px; }
.schoolTotalProgressBox { text-align: center; }
.schoolTotalProgressBox .progress { margin-bottom: 0; }
.schoolTotalProgressBox .progressIssuesCol { vertical-align: bottom; }
.schoolTotalProgressBox .help-table-50 { padding: 0 0; }
.accred-completion { font-family: 'Rubik'; font-size: 12px; text-align: left; }
/* school issues */
td.prog-issues > a { color: #ff4a49; font-weight: 700; }
.issuesMetaBox h5 { background-color: #ff4a49; border-radius: 3px 3px 0 0; color: #ffffff; font-weight: 500; margin: -20px -20px 1em; padding: 12px 20px; text-align: center; }
ul.issuesUL { list-style: none; margin: 0; padding: 0; }
ul.issuesUL > li { border-bottom: 1px solid #979797; display: inline-block; padding: 12px 0; width: 100%; }
ul.issuesUL > li:last-child { border-bottom: 0; }
.schoolOptionsBox, .standardOptionsBox { text-align: right; }
.schoolOptionsBox .button { margin-bottom: 0; }
table.oneSchoolTable > thead span,
table.oneStandardTable > thead th.sort-down span,
table.oneStandardTable > thead th.sort-up span{ cursor: pointer; display: block; position: relative; }
table.oneSchoolTable .progress-pct { display: inline-block; margin-right: 0.5em; vertical-align: middle; width: 35px; }
/* sprint 02 - schools response page */
.schoolsPage { padding: 0 0.9375rem; } /* major div */
.schoolsResponsePage .tableLayout-left { width: 370px; }
/* sticky response header */
/* chrome flicker .responseHeaderBox { -webkit-transform: translateZ(0); }*/
.responseHeaderBox .sticky.is-stuck.is-at-top { box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1), 0 0 3px 0 rgba(0, 0, 0, 0.12); left: 0 !important; right: 0; margin: auto !important; max-width: 100% !important; padding: 0 1.875rem; z-index: 11; }
.responseHeaderBox button { margin-bottom: 0; }
/* response header options */
.responseHeader { background: #ffffff; width: 100%; z-index: 2; }
.responseHeader-table > .col { padding: 12px 0; }
.responseHeader-right-col { width: 500px; }
.responseStatusAndName-table > .col { vertical-align: top; }
.responseStatus-col { width: 100px; }
.responseHeaderTitle-name > h3,
.responseHeaderTitle-name > .feedback-report-info > h3{ margin-bottom: 0; max-width: 70%; }
.feedback-report-info > h3, .feedback-report-info > div {display: inline-block; overflow: hidden;}
.responseHeaderTitle-name > h3, .responseHeaderTitle-name > .feedback-report-info > h3 {margin-right: 5px;}
ul.responseHeaderUL { list-style: none; margin: 0; padding: 0; }
ul.responseHeaderUL > li { display: inline-block; margin-left: 7px; position: relative; vertical-align: top; }
ul.responseHeaderUL > li:first-child { margin-left: 0; }
.option-close.responseHeader-option { background-color: #4b4c47; color: #ffffff; }
.responseHeader-option { background-color: #ede6d6; border-radius: 3px; color: #372a04; display: inline-block; font-size: 13px; font-weight: 500; line-height: 1.3em; padding: 7px 10px; }
/* visibility */
.visibility-indicator { padding: 8px 10px; }
.visibility-icon { text-align: left; width: 24px; }
.visibility-icon > span { font-size: 20px; line-height: 1.1em; }
.responseHeader-option span.ionicon { display: inline-block; font-size: 20px; vertical-align: bottom; }
.responseHeader-option .option-feedback-label { display: inline-block; margin-left: 3px; vertical-align: middle; }
.responseHeader .option-no-value { color: #a39061; }
/* history */
.responseHistoryPane { background-color: #4b4c47; border: 0; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1), 0 0 3px 0 rgba(0, 0, 0, 0.12); max-height: 300px; overflow-y: auto; padding: 0; left: inherit !important; right: 0 !important; text-align: left; }
ul.historyUL { font-size: 0; list-style: none; margin: 0; padding: 0; }
ul.historyUL > li { border-bottom: 1px solid #ddded6; color: #fefefe; display: inline-block; font-size: 14px; padding: 0.7rem 1rem; width: 100%; }
ul.historyUL > li:last-child { border-bottom: 0; }
.hist-date { font-family: 'Rubik'; font-size: 12px; font-weight: 500; }
.hist-activity strong { font-weight: 700; }
/* statuses */
.status-badge { background-color: #707265; color: #ffffff; display: inline-block; font-size: 14px; line-height: 1em; padding: 7px 10px; }
.status-inprogress {}
.status-complete {background-color: #43ac6a;}

/* side panels */
.panelBox.accordion { margin: 0; min-width: auto; }
.panelBox.accordion ul.accordion { background-color: #faf8f2; margin-bottom: 1.7em; margin-right: 1.5em; min-width: 340px; }
.panelBox.accordion { border: 0; background-color: #faf8f2; }
.panelBox-inner { position: relative; }
.panelBox .accordion-title { background-color: #ede6d6; border-bottom: 0; font-family: 'Rubik'; font-size: 18px; font-weight: 400; line-height: 1em; padding: 10px; text-decoration: none; }
.panelBox .accordion-title::before { content: "\f2c7"; font-family: 'Ionicons'; font-size: 16px; right: 10px; }
.panelBox .is-active > .accordion-title::before { content: "\f209"; }
.panelBox .accordion-title:active { opacity: 1; }
.panelBox .accordion-content { background-color: transparent; padding: 0; } /* border: 0;*/
/* smaller panels on the left */
.panelBox .panelBox-header { background-color: #ede6d6; padding: 10px; }
.panelBox .panelBox-subheader { background-color: #ede6d6; color: #707265; padding: 5px 10px; }
.panelBox .panelBox-subheader h6 { margin-bottom: 0; }
/* larger, expandable panels on the right */
.panelExpandBox.accordion { border: 0; background-color: #faf8f2; }
.panelExpandBox .accordion-title { background-color: #faf8f2; border-bottom: 0; font-family: 'Rubik'; font-size: 18px; font-weight: 400; line-height: 1em; padding: 10px; text-decoration: none;  }
.panelExpandBox .accordion-title::before { content: "\f2c7"; font-family: 'Ionicons'; font-size: 16px; right: 10px; }
.panelExpandBox .is-active > .accordion-title::before { content: "\f209"; }
.panelExpandBox .accordion-title:active { opacity: 1; }
.panelExpandBox .panelBox-header { background-color: #faf8f2; padding: 10px; }
.panelExpandBox .accordion-content { background-color: transparent; border: 0; padding: 0; }
/* general */
.panelBox-header-title > h4, .panelBox-subheader > h4 { margin-bottom: 0; }
.panelBox-header-title > h4 { font-size: 18px; font-weight: 400; line-height: 1em; }
span.helper-title { color: #707265; font-size: 13px; }
.panelBox-header-window { text-align: right; width: 70px; }
ul.windowOptionsUL { font-size: 0; list-style: none; margin: 0; padding: 0; }
ul.windowOptionsUL > li { display: inline-block; font-size: 16px; margin-left: 1em; }
.panelBox-subheader > h4 { font-size: 16px; font-weight: 400; }
.panelBox { background-color: #faf8f2; margin-right: 1.5em; margin-bottom: 1.7em; min-width: 340px; } /* small */
.panelExpandBox { background-color: #ffffff; margin-bottom: 2em; } /* large */
.panelExpandBox .panelBox-body { background-color: #ffffff; }
.panelExpandBox.accordion .maximizeButton { padding: 12px 10px; position: absolute; right: 30px; z-index: 1; }
/* summary panel */
.standardsSummaryPanel .panelBox-header { padding: 10px 10px 0; }
.standardsSummaryPanel .tabs { background-color: #ede6d6; border:0;} /*border-bottom: 0;*/
.standardsSummaryPanel .tabs-content { background: transparent; border: 0; }
.standardsSummaryPanel .tabs-title { display: inline-block; float: none; }
.standardsSummaryPanel .tabs-title > a { border-bottom: 4px solid transparent; color: #707265; font-family: 'Rubik'; font-size: 14px; line-height: 1em; padding: 10px 14px; text-decoration: none; }
.standardsSummaryPanel .tabs-title > a:hover,
.standardsSummaryPanel .tabs-title > a:focus,
.standardsSummaryPanel .tabs-title > a[aria-selected='true'] { background: none; border-bottom: 4px solid #a39061; }
.standardsSummaryPanel .tabs-panel { font-size: 14px; line-height: 26px; min-height: 300px; max-height: 300px; overflow-y: auto; padding: 24px 10px; }
.standardsSummaryPanel ul.rubricsUL { margin: 0; }
.standardsSummaryPanel ul.rubricsUL > li:first-child { border: 0; padding-top: 0; }
.responseHeaderTitle-name h3 .badge {font-weight: 400; font-size: 14px; line-height: 2.0em; vertical-align: top; cursor: default;}
.standardsSummaryPanel ul.rubricsUL > li:last-child { border-bottom: 0; padding-bottom: 0; }
.standardsSummaryPanel .core-standard-badge { margin-bottom: 10px; }

.dropdown-menu .dropdown-pane {border: 0; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12); color: #a39061; padding: 0; width: 170px; text-align: left;}
.dropdown-menu toggle i.badge {cursor: pointer;}
.dropdown-menu .dropdown-pane > pane > ul:after {bottom: 100%; right: 13px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 5px; margin-left: -5px;}
.dropdown-menu .dropdown-pane.dropdown-pane-left > pane > ul:after {right: auto; left: 13px;}
.dropdown-menu .dropdown-pane > pane {font-family: 'Catamaran', sans-serif;}
.dropdown-menu .dropdown-pane > pane > ul{position: relative; background: #ffffff;}
.dropdown-menu .dropdown-pane ul {margin: 0; padding: 15px; list-style: none;}
.dropdown-menu li.projects-options-headline {padding: 0 0 5px; font-size: 14px; color: #4b4c47;}
.dropdown-menu .dropdown-pane ul > li {display: block; padding: 3px 0;}
.dropdown-menu .dropdown-pane ul > li > a {text-decoration: none; font-size: 14px; color: #a39061;}
.dropdown-menu .dropdown-pane ul > li > a[class^="ion-"]:before {width: 20px;}
.dropdown-menu .dropdown-pane ul > li > a:before {color:#764c03;}

/* for modals */
.modal-standard-badge { margin-bottom: 10px;}
.modalHeaderMargin { margin-bottom: 15px;}
/* team panel */
.teamBox { padding: 10px; }

/* self-rating panel */
/* self-rating panel box */
.selfRatingBox { padding: 10px; }
/* rating overall progress (4 ratings total) */
.ratingsProgressBox { display: inline-block; margin: 5px 0 0; padding-top: 20px; position: relative; width: 100%; }
.ratingsProgress { }
.ratingsOverlay { position: absolute; left: 0; right: 0; bottom: 0; top: -10%; margin: auto; }
ul.ratingsLabelsUL { font-size: 0; list-style: none; margin: 0; padding: 0; }
ul.ratingsLabelsUL > li { color: #764c03; display: inline-block; font-size: 12px; position: relative; text-align: center; width: 33.3%; }
ul.ratingsLabelsUL > li:first-child { text-align: left; }
ul.ratingsLabelsUL > li:first-child::after { left: 20%; right: auto; }
ul.ratingsLabelsUL > li:nth-child(2) { }
ul.ratingsLabelsUL > li:nth-child(2)::after { left: 50%; right: inherit; margin: inherit; }
ul.ratingsLabelsUL > li:last-child { text-align: right; }
ul.ratingsLabelsUL > li:last-child::after { left: auto; right: 20%; }
ul.ratingsLabelsUL > li::after {
    background-color: #dac38b;
    content: "";
    display: block;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    height: 22px;
    width: 1px;
}
/* rating trend */
ul.ratingTrendUL { list-style: none; margin: 0; padding: 0; }
ul.ratingTrendUL > li { display: inline-block; margin-bottom: 0; width: 100%; }
ul.ratingTrendUL > li:last-child { margin-bottom: 0; }
.oneTrend { display: inline-block; position: relative; width: 100%; }
/* self-rating input */
.ratingButtonsBox { text-align: center; }
.startRatingButton { width: 100%; }
ul.ratingsButtonsUL { display: inline-block; font-size: 0; list-style: none; margin: 0; padding: 0; }
ul.ratingsButtonsUL.sec {margin-top: 10px;}
ul.ratingsButtonsUL > li { display: inline-block; font-size: 16px; margin: 0 -1px; }
ul.ratingsButtonsUL > li:first-child .radio-button label  { border-radius: 3px 0 0 3px; }
ul.ratingsButtonsUL > li:last-child .radio-button label { border-radius: 0 3px 3px 0; }
ul.ratingsButtonsUL.sec > li .radio-button label,
ul.ratingsButtonsUL.sup > li .radio-button label{border-radius: 3px;}
.radio-button { position: relative; }
.radio-button input { padding: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: -1; }
.radio-button input + label { background-color: #ffffff; border: 1px solid #dac38b; color: #372a04; font-family: 'Catamaran'; font-weight: 500; font-size: 1em; margin: 0; padding: 12px 20px; text-transform: capitalize; }
.radio-button input.rating-open:checked + label { background-color: #d6e5eb; border: 1px solid #d6e5eb; }
.radio-button input.rating-notmet:checked + label { background-color: #ff4a49; border: 1px solid #ff4a49; color: #ffffff; }
.radio-button input.rating-met:checked + label { background-color: #a5be00; border: 1px solid #a5be00; color: #ffffff; }
.radio-button input.rating-exceeds:checked + label { background-color: #679436; border: 1px solid #679436; color: #ffffff; }
.radio-button input.rating-no:checked + label { background-color: #e0e0e0; border: 1px solid #e0e0e0; color: #372a04; }
/* self-rating user history */
.ratingUserHistoryBox { padding: 10px 0 0; }
ul.ratingTeamUL > li { border-bottom: 1px solid #dac38b; display: block; }
.oneUserRating .col { padding: 10px; vertical-align: top; }
.oneUserRating .ratingUserCol { padding-right: 0; width: 60px; }
.rating-date > h6 { margin-bottom: 0; }
.rating-summary { color: #707265; font-family: 'Rubik';  font-size: 14px; }
span.rating-open { color: inherit; }
span.rating-met { color: #ff4a49; }
span.rating-notmet { color: #ff4a49; }
span.rating-exceeds { color: #679436; }
.seeMoreRatingsBox { border-top: 1px solid #dac38b; font-size: 14px; padding: 10px; }
/* self-rating modal */
.selfrating-infoBox p { font-size: 14px; }
.rateModal-heading { }
ul.rubricsUL { list-style: none; margin: 16px 0; padding: 0; }
ul.rubricsUL > li { border-top: 1px solid #ddded6; padding: 1em 0; }
ul.rubricsUL > li:last-child { border-bottom: 1px solid #ddded6; }
ul.rubricsUL > li.rubric-disabled { color: #707265; }
li.rubric-disabled label { border-color: #ddded6; color: #707265; cursor: not-allowed !important; }
.ratingReasonBox { margin: 10px 0 0; padding: 20px 0 0; }
.ratingReasonBox .textarea.input { margin-bottom: 0; width: 100%; }

/* evidence panel, files panel */
.panelExpandBox.accordion .panelBox-header-evidence { position: absolute; right: 80px; top: 4px; z-index: 1; }
.evidenceFunctionBox { min-height: 256px; max-height: 256px; overflow-y: auto; overflow-x: hidden;}
.panelBox-header-evidence { padding: 0; width: 200px; }
.panelBox-header-evidence select { font-size: 12px; margin: 0; padding: 5px 15px; }
ul.fileListUL { list-style: none; margin: 0; padding: 0; }
ul.fileListUL > li { border-bottom: 1px solid #ddded6; display: inline-block; width: 100%; }
.oneFile { padding: 10px 0; }
.oneFile .file-col { width: 45%; }
.oneFile-info { display: inline-block; width: 100%; }
.oneFile-info-name > h6 { margin-bottom: 0; line-height: 2.2em; }
.oneFile-info-name h6 a { text-decoration: none; }
.oneFile-info-desc { color: #707265; font-size: 13px; }
/* no evidence */
.no-evidence-table { border-spacing: 10px; margin: 1em 0; }
.no-evidence-table > .col { border: 2px dashed #ddded6; padding: 10px; vertical-align: middle; width: 50%; }
.uploadBox { color: #707265; padding: 10px; text-align: center; }
.evidenceUpload-browse .ionicon { font-size: 38px; line-height: 1.1em; }
.evidenceUpload-drop .ionicon { font-size: 32px; line-height: 1.4em; }
/* no evidence overlay */
.uploadOverlay { background-color: rgba(255,255,255,0.6); color: #707265; display: table; text-align: center; width: 100%; }
.uploadOverlay-inner { display: table-cell; padding: 20px; vertical-align: middle; }
.uploadOverlay .ionicon { font-size: 42px; line-height: 1.3em; }
/* file types */
ul.evidenceListUL .oneFile-info { background-repeat: no-repeat; background-position: center left 20px; padding: 20px 0 20px 80px; }
.file-video .oneFile-info { background-image: url("../img/icons/evidence-video-small.png"); }
.file-audio .oneFile-info { background-image: url("../img/icons/evidence-audio-small.png"); }
.file-doc .oneFile-info { background-image: url("../img/icons/evidence-doc-small.png"); }
.file-image .oneFile-info { background-image: url("../img/icons/evidence-image-small.png"); }
.file-pdf .oneFile-info { background-image: url("../img/icons/evidence-pdf-small.png"); }
.file-link .oneFile-info { background-image: url("../img/icons/evidence-link-small.png"); }
/* file options */
.file-options-col { text-align: right; padding: 0 20px; width: 410px; }
ul.fileOptionsUL { font-size: 0; list-style: none; margin: 0; padding: 0; }
ul.fileOptionsUL > li { display: inline-block; font-size: 16px; margin-left: 0.5em; vertical-align: top; }
/* voting */
.votesBtn { margin: 0 10px; text-align: center; vertical-align: top; width: 40px; }
.votesBtn > span { color: #4b4c47; font-family: 'Rubik'; font-size: 11px; }
.votesBtn:active { opacity: 0.8; }
.votesBtn::before { background-repeat: no-repeat; background-size: cover; content: ""; display: block; height: 33px; margin: auto auto 5px; width: 33px; }
.vote-up-none-button::before { background-image: url("../img/icons/vote-up-none-small.png"); }
.vote-down-none-button::before { background-image: url("../img/icons/vote-down-none-small.png"); }
.vote-up-button::before { background-image: url("../img/icons/vote-up-votes-small.png"); }
.vote-down-button::before { background-image: url("../img/icons/vote-down-votes-small.png"); }
/* comments */
.commentBtn { background-repeat: no-repeat; height: 33px; margin: 0 10px; position: relative; width: 33px; }
.commentBtn:active { opacity: 0.8; }
.commentBtn > span { color: #ffffff; display: block; font-family: 'Rubik'; font-size: 12px; font-weight: 500; height: 1em; line-height: 1em; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.school-comment-button { background-image: url("../img/icons/comment-school-single-small.png"); }
.accreditor-comment-button { background-image: url("../img/icons/comment-accreditor-single-small.png"); }
.school-comment-none, .accreditor-comment-none { opacity: 0.5; }
/* file other */
.fileOtherBtn { margin: 0 10px; }
.fileOtherBtn:active { opacity: 0.8; }
.fileOtherBtn { background-color: #ede6d6; border-radius: 50%; color: #372a04; height: 33px; position: relative; width: 33px; }
.fileOtherBtn > span { display: block; font-size: 22px; height: 22px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
/* evidence footer */
.evidenceUploadBox { font-size: 12px; padding: 5px 0; text-align: right; }
.ng-scope .uploadOverlay { display: none; position: absolute; top: 60px; z-index: 4; }
.ng-scope .uploadOverlay h3.choose { display: none; }
.ng-scope .dragover .uploadOverlay,
.ng-scope .uploadOverlay.noEvidence { display: table; }
.ng-scope .dragover.not-current .uploadOverlay,
.ng-scope .not-current .uploadOverlay.noEvidence {display: none;}
.ng-scope .uploadOverlay.noEvidence h3.choose { display: block; }
.progress-upload .progress-meter { background-image: linear-gradient(#a5be00, #a5be00); }
.progress-upload { float: left; margin: 6px 10px 0 0; width: 200px; }

/* narrative panel */
.narrativeFunctionBox { min-height: 300px; padding: 20px 0; }
.narrativeHistoryBox { border-top: 1px solid #ddded6; font-size: 12px; padding: 5px 0; text-align: right; }

/* feedback panel */
.feedbackFunctionBox { min-height: 300px; padding: 20px 0; }
.feedbackRequestBox { border-top: 1px solid #ddded6; font-size: 12px; padding: 5px 0; text-align: right; }

/* tasks panel */
.tasksFunctionBox { padding: 20px 0; }
.tasksFunctionBox select { font-size: 12px; margin: 0; padding: 5px 15px; }
.tasksFunction-header { padding: 0 20px; }
.tasks-filter-col > select { min-width: 230px; width: inherit; }
ul.tasksListUL { list-style: none; margin: 0; padding: 0; }
ul.tasksListUL > li { border-bottom: 1px solid #ddded6; padding: 12px 20px; }
.task-checkbox-col .checkbox input:checked + label { text-decoration: line-through; }
.task-duedate-col { text-align: right; width: 150px; }
.task-duedate { font-family: 'Rubik'; font-size: 11px; font-weight: 500; display: inline-block; margin-right: 1em; vertical-align: middle; }
.urgent { color: #ff4a49; }
.addNewTaskBox { padding-left: 31px; }
.add-task-help { color: #9b9b9b; }
.add-task-help > span { display: inline-block; vertical-align: middle; }
.add-task-help > span:last-child { margin-left: 5px; }
.add-task-input > input[type="text"] { border: 0; margin: 0; padding: 10px 0; }

/* settings modal */
ul.settingsModalUL { font-size: 0; list-style: none; margin: 0; padding: 0; }
ul.settingsModalUL > li { font-size: 16px; border-bottom: 1px solid #ddded6; margin-bottom: 1em; padding-bottom: 1em; }
.confirmDeleteResponse { margin-top: 1em; text-align: center; }
.confirmDeleteResponse input[type="text"] { display: inline-block; width: inherit; }

/* sprint 02 - school standards page */
/* standard heading sticky */
.standardsHeaderBox .sticky.is-stuck.is-at-top { background-color: #ffffff; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1), 0 0 3px 0 rgba(0, 0, 0, 0.12); left: 0 !important; right: 0; margin: auto !important; max-width: 100% !important; padding: 0 1.875rem; z-index: 11; }
.standardsHeader.sticky.is-at-top.is-stuck .filter-input-col { padding-top: 5px; padding-bottom: 5px; }
.standardsHeader.sticky.is-at-top.is-stuck .input-field { padding: 5px 10px; }
.standardsHeader { width: 100%; }
.standardsPageHead { background-color: #ffffff; margin: 0 !important; }
.standardsPageHead .input { margin: 0.5em 0; }
.standardsPageHead .typeaheadBox { top: 100%; }
.standardHeading { margin-top: 15px; }
.standardsPageHead > .col { position: relative; vertical-align: middle; }
.standardsPageHead > .filter-list-col { padding: 0 50px; }
.standardsPageHead .filterBox .input-field { margin-bottom: 0; }
.adding-standard-col > button { margin-bottom: 0; }
.standardsAction-col { position: relative; width: 160px; }
.standardActionButton { margin-bottom: 0; padding-right: 30px; }
.standardActionButton > span { display: block; position: relative; }
.standardActionButton > span::before { border: inset 5px; border-color: #4b4c47 transparent transparent; border-top-style: solid; border-bottom-width: 0; content: ""; display: inline-block; height: 0; position: absolute; top: 0.25em; right: -15px; width: 0; }
.standardActionPane { background-color: #4b4c47; border: 0; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1), 0 0 3px 0 rgba(0, 0, 0, 0.12); padding: 0; left: inherit !important; right: 0 !important; }
.oneStandard-header .standardActionPane { width: 235px; }
.currentResponse .standardActionPane { width: 235px; }
ul.standardActionUL { color: #ffffff; font-family: 'Catamaran'; font-size: 0; list-style: none; margin: 0; padding: 0; }
ul.standardActionUL > li { display: inline-block; font-size: 14px; font-weight: 500; text-align: left; width: 100%; }
ul.standardActionUL > li > a,
ul.standardActionUL > li > span { display: block; padding: 0.7rem 1rem; text-decoration: none; }
ul.standardActionUL > li:hover { background-color: #fff4d6; color: #4b4c47; }
ul.standardActionUL > li.disabled,
ul.standardActionUL > li.disabled:hover { background-color: #ddded6; color: #707265; cursor: not-allowed; }
/* one standard */
.oneStandard-header { background-color: #a39061; color: #ffffff; padding: 10px 0.9735rem; }
.oneStandard-header h4, .oneStandard-header h5 { color: #ffffff; margin-bottom: 0; }
th.stdstarted-th,
th.stdcompleted-th,
th.stdaccreditation-th { width: 200px; }
.oneStandardUnit { margin-top: 1em; }
/* standard description */
.oneStandard-description { background-color: #ede6d6; font-size: 14px; padding: 20px 15px; }
.std-read-more-col { width: 100px; }
/* current standard response */
.oneStandard-current { border-left: 1px solid #ede6d6; border-right: 1px solid #ede6d6; display: table; width: 100%; }
.currentResponse { display: table-cell; font-family: 'Rubik'; padding: 10px; vertical-align: top; }
.currentResponse .subheader { color: #4b4c47; margin-bottom: 0; }
.currentStandardResponseLink { font-size: 22px; font-weight: 300; line-height: 1.5em; margin-bottom: 0; }
.currentResponseTable > .col { vertical-align: top; }
.currentResponseAction-col { position: relative; width: 100px; }
.currentResponseActionButton { padding: 1px 7px; }
.currentResponseActionButton > span { font-size: 26px; line-height: 1em; }
.has-no-responses { border-bottom: 1px solid #ede6d6; color: #707265; padding: 20px; text-align: center; vertical-align: middle; }
.has-no-responses > span { font-size: 14px; }
.create-new-response { border-bottom: 1px solid #ede6d6; color: #707265; font-family: 'Catamaran'; padding: 20px; vertical-align: middle; }
.create-response-table .year-col { width: 40%; }
.year-col select { height: 3.1em; margin-bottom: 0; }
.create-response-table .team-col { padding-top: 6.5px; width: 25%; }
.create-response-table .team-col .input { margin-bottom: 0 !important; }
.create-response-table .teamBox { padding: 0 10px 0; }
.addResponseYearLinkBox { font-size: 14px; margin: 3px; }
.create-response-buttons { border-top: 1px solid #ede6d6; margin-top: 1em; padding-top: 1.5em; }
.create-response-buttons button { margin-bottom: 0; }
/* standard details snapshot */
.standardDescription { white-space: pre-line; }
.oneStandard-details { border-left: 1px solid #ede6d6; border-right: 1px solid #ede6d6; border-bottom: 1px solid #ede6d6; }
.oneStandard-details .subheader { color: #4b4c47; }
.oneStandard-details .standardsSnapshotTable { position: relative; }
.oneStandard-details .standardsSnapshotTable::before { background-color: #ddded6; content: ""; display: block; height: 2px; position: absolute; left: 15px; right: 15px; }
.standardsSnapshotTable { padding: 5px 15px 0; }
.standardsSnapshotTable > .col { padding: 20px 46px 20px 0; vertical-align: top; }
.standardsSnapshotTable > .col:last-child { padding-right: 0; }
.standards-status-col { width: 20%; }
.narrative-status-col { width: 15%; }
.team-status-col { padding-right: 41px; width: 20%; }
.evidence-status-col { width: 45%; }
.standards-status-col .status-badge { margin-bottom: 0.5em; }
.standard-status-row { font-size: 14px; line-height: 1.8em; }
.evidence-status-col .subheader > a { font-size: 16px; font-weight: 300; }
/* popular evidence */
ul.popularEvidenceUL { font-size: 0; list-style: none; margin: 0; padding: 0; }
ul.popularEvidenceUL > li { display: inline-block; font-size: 14px; width: 50%; }
ul.popularEvidenceUL .oneFile-info { background-position: center left 0; padding: 10px 20px 10px 50px; }
.evidenceVoteSummaryTable { font-family: 'Rubik'; font-size: 11px; font-weight: 700; width: inherit; }
.evidenceVoteSummaryTable > .col { padding-right: 10px; width: 80px; }
.evidenceVoteSummaryTable .upvotes-col { color: #7ed321; }
.evidenceVoteSummaryTable .downvotes-col { color: #b21716; }
.no-votes { color: #707265; }
/* previous standard responses */
.oneStandard-previous .accordion { background: none; border: 0; }
.oneStandard-previous .accordion-title { background-color: #faf8f2; border-left: 1px solid #ede6d6; border-right: 1px solid #ede6d6; border-top: 0; border-bottom: 1px solid #ede6d6; padding: 7px 15px; color: #4b4c47; font-family: 'Rubik'; font-size: 18px; line-height: 1.5em; text-decoration: none; }
.oneStandard-previous .accordion-title::before { content: "\f2c7"; font-family: 'Ionicons'; font-size: 16px; right: 15px; top: 40%; }
.oneStandard-previous .is-active > .accordion-title::before { content: "\f209"; }
.oneStandard-previous .accordion-content { background-color: transparent; border: 0; padding: 0; }
table.standardResponseTable { border-top: 0; }

/* sprint 03 - evidence preview */
#id-layoutContent.evidencePreviewLayout { padding-top: 91px; }
.evidenceHeaderBox .pagePrintDownload { padding-bottom: 5px; }
.evidenceHeaderBox .evidenceVoteSummaryTable { margin: 5px 0 0; }
.evidenceHeaderBox h5 { margin-bottom: 0; }
.evidenceHeaderBox .subheader { margin-bottom: 0; }
.evidencePreviewTable { margin-bottom: 2em; }
.evidencePreviewTable .tableLayout-left { background-color: #ede6d6; padding-bottom: 50px; }
.evidencePreviewTable .tableLayout-right { padding-left: 20px; width: 460px; }
.evidencePreviewTable { margin-top: 1em; }
/* evidence display */
.evidencePreviewPane { display: table; min-height: 400px; text-align: center; width: 100%; }
.evidencePreviewPaneInner { display: table-cell; vertical-align: middle; width: 100%; }
.evidenceHolder { display: inline-block; padding: 20px 10px; width: 100%; }
/* evidence header */
.hist-label { font-weight: 700; }
.vote-indicator { font-family: 'Rubik'; font-size: 11px; font-weight: 700; padding: 9px; }
.indicator-upvotes { color: #7ed321; }
.indicator-downvotes { color: #b21716; }
/* evidence toolbar */
.evidenceToolbar { text-align: right; padding: 10px; }
.evidenceToolbar .button { margin-bottom: 0; padding: 7px 12px; }
.evidenceToolbar .button span { font-size: 18px; }
ul.evidenceToolbarUL { font-size: 0; list-style: none; margin: 0; padding: 0; }
ul.evidenceToolbarUL > li { display: inline-block; font-size: 18px; margin-left: 5px; vertical-align: middle; }
ul.evidenceToolbarUL > li:first-child { margin-left: 0; }
/* evidence description box */
.evidenceDescriptionBox { font-size: 14px; text-align: left; }
.evidenceDescriptionBox .textarea textarea { min-height: 100px; max-height: 100px; max-width: 440px; resize: none; }
.evidenceDescriptionBox .read-only { margin-bottom: 1em; }
/* evidence comments */
ul.commentEvidenceUL { font-size: 0; list-style: none; margin: 0; padding: 0; }
ul.commentEvidenceUL > li { border-bottom: 1px solid #ddded6; font-size: 14px; padding: 10px 0; }
ul.commentEvidenceUL > li:first-child { border-top: 1px solid #ddded6; }
ul.commentEvidenceUL .school h6 { color: #05668d; }
ul.commentEvidenceUL .accreditor h6 { color: #679436; }
.user-header-small h6 { margin-bottom: 0; line-height: 1.5em; }
.user-header-small .img-col { width: 50px; }
.comment-header .comment-vote-col { text-align: right; width: 80px; }
.comment-header .comment-vote-col .badge { border-radius: 0; }
.oneComment .user-comment { padding: 10px 0 0; }
li.commentsLI > dropdown-toggle { display: inline-block; }
/* add evidence comment */
.addNewComment-box { padding: 1em 0; }
.addNewComment .comment-user-col { width: 50px; }
.voteCommentBox textarea { min-height: 120px; max-height: 120px; max-width: 370px; resize: none; }
.vote-help-text { color: #ff4a49; margin: 0 0 5px; }
ul.commentButtonsUL { font-size: 0; list-style: none; margin: 0; padding: 0; }
ul.commentButtonsUL > li { display: inline-block; margin-left: 5px; font-size: 16px; }
ul.commentButtonsUL > li:first-child { margin-left: 0; }
ul.commentButtonsUL > li:last-child { float: right; }
/* evidence comment voting */
.commentsEvidencePanel > .dropdown-pane  { border: 0; box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.3), 0 0 24px 0 rgba(0, 0, 0, 0.22); padding: 0; text-align: left; width: 270px; z-index: 10; }
.panelExpandBox > .accordion { background-color: #faf8f2; border: 0 none; }
.commentButtonOptions .radio-button input + label { background-color: #e7e7e7; background-repeat: no-repeat; background-position: center left 10px; border: 1px solid #ddded6; border-radius: 3px; color: #707265; font-family: 'Catamaran'; font-size: 13px; font-weight: 500; margin: 0; padding: 5px 15px 5px 35px; text-transform: capitalize; }
.commentButtonOptions .radio-button input.downvote-radio + label { background-image: url('../img/icons/vote-down-none-tiny.png'); }
.commentButtonOptions .radio-button input.downvote-radio:checked + label { background-color: #ff4a49; background-image: url('../img/icons/vote-down-votes-tiny.png'); border: 1px solid #ff4a49; color: #ffffff; }
.commentButtonOptions .radio-button input.upvote-radio + label { background-image: url('../img/icons/vote-up-none-tiny.png'); }
.commentButtonOptions .radio-button input.upvote-radio:checked + label { background-color: #43ac6a; background-image: url('../img/icons/vote-up-votes-tiny.png'); border: 1px solid #43ac6a; color: #ffffff; }

.btnResetPass {display:inline; float:left;}
/* sprint 04 - evaluative feedback (accreditor and school) */
.feedbackHeaderBox .responseHeaderTitle-name > h3 { max-width: 100%; }
.feedbackHeaderBox h4 { margin-bottom: 0; }
.feedbackHeaderBox .responseHeader-table > .col { padding: 10px 0 12px; }
.feedbackHeaderBox .responseStatus-col { width: 135px; vertical-align: middle; }
.accreditor-feedback-state { width: 450px; }
.accreditor-feedback-state h6 { margin-bottom: 0; }
.accreditor-feedback-state .final-tag{font-size: 18px; margin: 0 2px; position: relative; top: 3px;}
.feedbackHeaderBox .status-stage { background-color: #707265; color: #ffffff; display: inline-block; font-size: 12px; padding: 7px 10px; }
.feedbackHeaderBox .pagePrintDownload { margin-bottom: 5px; }
.schoolFeedbackHeaderBox.feedbackHeaderBox .pagePrintDownload { margin-bottom: 0; }
/* award accreditation */
.awardAccreditationBox { width: 255px; }
.awardAccreditationBox select { font-size: 12px; height: auto; margin-bottom: 0; padding: 6px 10px; }
/* feedback/report header */
.accreditorFeedbackHeader { margin: 1.5em 0; }
.accreditorFeedbackHeader-inner > .col { vertical-align: top; }
.accreditorFeedbackHeader-inner > .standard-col { font-size: 14px; padding-right: 26px; }
.accreditorFeedbackHeader-inner > .info-col { width: 25%; }
.accreditorFeedbackHeader-inner .info-col h4 { background-color: #ede6d6; padding: 10px; text-align: center; }
.accreditorFeedbackHeader-inner .info-col h4:first-child { background-color: #a39061; color: #ffffff; }
.accreditorFeedbackHeader-inner .info-col h4:last-child { margin-bottom: 0; }
.accreditorFeedbackHeader .standard-col h5 { background-color: #a39061; color: #ffffff; margin-bottom: 0; padding: 10px; }
.accreditorFeedbackHeader .standard-col .standard-description { background-color: #ede6d6; padding: 10px; }
.contain .redactor-editor,
.contain .previewBody .redactor-editor.previewBodyInner,
.contain .previewBody .redactor-editor.previewBodyInner span,
.contain .feedbackCommendationPanel p,
.contain .feedbackCommendationPanel div,
.contain .ratingReasonBox p{font-size: 27px !important; color: #4b4c47 !important;}

/* narrative + evidence */
.accreditorFeedbackBox > .col,
.recommendFeedbackBox > .col { vertical-align: top; }
.accreditorFeedbackBox > .narrative-col,
.recommendFeedbackBox > .commendations-col { padding-right: 13px; }
.accreditorFeedbackBox > .evidence-col,
.recommendFeedbackBox > .recommendations-col { padding-left: 13px; }
.accreditorFeedbackBox .evidenceFunctionBox { max-height: 480px; min-height: 480px; }
.accreditorFeedbackBox .narrativeFunctionBox,
.commendFunctionBox, .recommendFunctionBox { min-height: 480px; }
.accreditorFeedbackBox .narrativeFunctionBox { max-height: 480px; overflow-y: auto; padding: 10px 15px; }
/* evidence modal */
.accreditorFeedbackBox ul.evidenceListUL .oneFile { cursor: pointer; }
/* rubric */
.accreditorFeedbackRubricBox { margin: 1.5em 0; }
.accreditorFeedbackRubricBox ul.rubricsUL { display: table; width: 100%; }
.accreditorFeedbackRubricBox ul.rubricsUL > li { border-top: 0; border-bottom: 0; display: table-cell; font-size: 14px; padding: 15px 23px; vertical-align: top; }
.accreditorFeedbackRubricBox ul.rubricsUL .ratingReasonBox textarea { min-height: 250px; resize: vertical; }
.accreditorFeedbackRubricBox .three-stages > li { width: 33%; }
.accreditorFeedbackRubricBox .four-stages > li { width: 25%; }
.accreditorFeedbackRubricBox ul.rubricsUL > li.rating-done { background-color: #ffffff; color: #4b4c47; }
.accreditorFeedbackRubricBox ul.rubricsUL > li.rating-current { background-color: #faf8f2; }
.accreditorFeedbackRubricBox ul.rubricsUL > li.rating-next { color: #707265; }
.accreditorFeedbackRubricBox ul.rubricsUL > li.rating-done .radio-button label { cursor: not-allowed; }
.accreditorFeedbackRubricBox ul.rubricsUL > li.rating-next .radio-button label { border-color: #ddded6; color: #707265; cursor: not-allowed; }
.accreditorFeedbackRubricBox .rubricHeader-accreditor .icon-col { width: 20px; }
.accreditorFeedbackRubricBox .rating-is-met .rubricHeader-accreditor h5,
.accreditorFeedbackRubricBox .rating-is-met .rubricHeader-accreditor .icon-col,
.accreditorFeedbackRubricBox .rating-is-exceeds .rubricHeader-accreditor h5,
.accreditorFeedbackRubricBox .rating-is-exceeds .rubricHeader-accreditor .icon-col { color: #679436; }
.accreditorFeedbackRubricBox .rating-is-not-met .rubricHeader-accreditor h5,
.accreditorFeedbackRubricBox .rating-is-not-met .rubricHeader-accreditor .icon-col { color: #b21716; }
.rubricHeader-accreditor > .icon-col { font-size: 20px; float: right; }
.ratingDate { min-height: 3.1em; margin: 1em 0; }
.ratingDate h6 { line-height: 1.5em; margin-bottom: 0; text-align: center; }
/* school feedback */
.schoolFeedbackPage .accreditorFeedbackHeader-inner > .info-col { background-color: #a39061; vertical-align: middle; }
.schoolFeedbackPage .commendFunctionBox,
.schoolFeedbackPage .recommendFunctionBox { padding: 15px; min-height: auto; }
.schoolFeedbackMessages { padding: 1em 0; }
.schoolFeedbackPage .rubricRatingsBox { border-top: 1px solid #e7e7e7; padding: 1em 0 2em; }
.schoolFeedbackPage .rubricRatingsBox [readonly],
.schoolFeedbackPage .accreditorFeedbackRubricBox label,
.selfRatingsPage .rubricRatingsBox [readonly],
.selfRatingsPage .accreditorFeedbackRubricBox label{ cursor: default !important; }

/* sprint 05 - request feedback (internal, accreditor) */
.feedbackModalHeader { background-color: #a39061; padding: 10px 0.9735rem; margin-bottom: 2em; }
.feedbackModalHeader h4, .feedbackModalHeader h5 { color: #ffffff; margin-bottom: 0; }
.modal-feedback-tabs { border: 0; font-size: 0; text-align: center; }
.modal-feedback-tabs .tabs-title { display: inline-block; float: none; font-size: 16px; }
.modal-feedback-tabs .tabs-title > a { border: 1px solid #dac38b; color: #372a04; font-family: 'Catamaran'; font-size: 1em; font-weight: 500; padding: 12px 20px; text-decoration: none; }
.modal-feedback-tabs .school.tabs-title > a:focus, .modal-feedback-tabs .school.tabs-title > a[aria-selected='true'] { background-color: #004a67; border-color: #004a67; color: #ffffff; }
.modal-feedback-tabs .accreditor.tabs-title > a:focus, .modal-feedback-tabs .accreditor.tabs-title > a[aria-selected='true'] { background-color: #679436; border-color: #679436; color: #ffffff; }
.modal-feedback-content { border: 0; }
.modal-feedback-content .tabs-panel { padding: 2em 0 0 0; }
.modal-feedback-content .feedbackMessageBox .input { margin-bottom: 1.2em; z-index: inherit; }
.modal-feedback-content .accreditor.feedbackMessageBox { margin-top: 2em; }
.feedback-request.accreditor .vis-off { color: #b21716; }
.feedback-request.accreditor .vis-on { color: #679436; }
table.feedbackReportsTable button { margin-bottom: 0; }
table.feedbackReportsTable td:last-child { text-align: center; }
.feedbackPdfReportLayout h3,
.feedbackPdfReportLayout h4,
.feedbackPdfReportLayout h5{font-size: 29px !important;}
.feedbackPdfReportLayout .radio-button label {background-color:#ede6d6 !important; border: none !important; color: #372a04 !important; border-right: 1px solid #e2d0a9 !important;}
.feedbackPdfReportLayout .radio-button input:checked + label {background-color:#dac38b !important; border: none !important; color: #372a04 !important;}
.feedbackPdfReportLayout .rubricHeader-accreditor h5 {color: #0a0a0a !important;}
.feedbackPdfReportLayout p,
.feedbackPdfReportLayout .ratingReasonBox .textarea *,
.feedbackPdfReportLayout h5.subheader,
.feedbackPdfReportLayout .feedbackCommendationPanel p{font-size: 27px !important;}
.feedbackPdfReportLayout .accreditorFeedbackRubricBox ul.rubricsUL > li{padding:0}
.feedbackPdfReportLayout ul.ratingsButtonsUL > li {float: left;}
th.feedtype-th { width: 180px; }
th.feeddate-th,
th.feedstatus-th { width: 120px; }
th.feedaccred-th { width: 220px; }
th.feedviewbtn-th { width: 130px; }
tr.hasIssue td:nth-last-child(2) { color: #ff4a49; font-weight: 500; }

/* sprint 06 - self-ratings team members */
.selfRatingsHeader { margin-top: 1.5em; }
.selfRatingsHeader .standard-col { padding-right: 26px; }
.selfRatingsHeader .standard-col h4, .selfRatingsHeader .standard-col h5 { background-color: #a39061; color: #ffffff; margin-bottom: 0; }
.selfRatingsHeader .currentDescription { background-color: #ede6d6; font-size: 14px; padding: 20px 15px; }
.selfRatingsHeader .ratings-col { background-color: #faf8f2; padding-left: 26px; padding-top: 10px; vertical-align: top; }
.selfRatingsHeader .ratings-col ul.ratingTrendUL { font-size: 0; }
.selfRatingsHeader .ratings-col ul.ratingTrendUL > li { font-size: 14px; padding: 0 26px 0 0; width: 50%; }
.selfRatingsPagination { margin-top: 1.5em; }
.selfRatingsPagination .header-col h3 { margin-bottom: 0; }
.selfRatingsPagination .pages-col { text-align: right; }
.teamMemberRatings { margin: 0 0 1.5em; }
.teamMemberRatings .members-col { width: 330px; }
.teamMemberRatings .tabs { border: 0; background: #ffffff; }
.teamMemberRatings .tabs-content.vertical, .teamMemberRatings .tabs-content { background: transparent; border: 0; padding: 0 0 10px 10px; }
.teamMemberRatings .tabs.vertical > li { opacity: 0.8; }
.teamMemberRatings li.tabs-title.is-active { opacity: 1; }
.teamMemberRatings .tabs-title > a:focus, .teamMemberRatings .tabs-title > a[aria-selected='true'] { background: #ede6d6; position: relative; }
.teamMemberRatings .tabs-title > a:focus::after, .teamMemberRatings .tabs-title > a[aria-selected='true']::after {
    border-style: solid;
    border-color: transparent transparent transparent #ede6d6;
    border-width: 25px 0 25px 43.3px;
    content: "";
    height: 0;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    right: -30px;
    z-index: 1;
}
.teamMemberRatings .tabs-panel { padding: 10px 0 0 20px;
    -webkit-animation: opac 0.75s;
    animation: opac 0.75s;
}
.teamMemberRatings .tabs-panel.is-active { background-color: #faf8f2; }
/*.teamMemberRatings .tabs-title > a.userClickable { display: table; padding: 15px; position: relative; text-decoration: none; width: 100%; }*/ /*this has the a.*/
.teamMemberRatings .tabs-title > .userClickable { display: table; padding: 15px; position: relative; text-decoration: none; width: 100%; }
.teamMemberRatings .userClickable > .col { display: table-cell; vertical-align: middle; }
.teamMemberRatings .userClickable .user-info-name { font-family: 'Rubik'; font-size: 16px; font-weight: 700; line-height: 1.6em; }
.teamMemberRatings .userClickable .user-info-timestamp { font-family: 'Rubik'; font-size: 12px; line-height: 1.6em; }
.teamMemberRatings .userClickable .user-info-img { width: 80px; }
.teamMemberRatings .accreditorFeedbackRubricBox ul.rubricsUL > li.rating-done { background-color: transparent; }
.teamMemberRatings .accreditorFeedbackRubricBox,
.teamMemberRatings .accreditorFeedbackRubricBox ul.rubricsUL { margin-top: 0; }
.teamMemberRatings .accreditorFeedbackRubricBox ul.rubricsUL > li { display: inline-block; width: 49%; }

/* sprint 07 - accreditor standards view */
.accredStandardsPage .standardsHeaderBox .input,
#id-schoolsPage .standardsHeaderBox .input { margin: 1em 0 0; }
.accredStandardsPage { padding-bottom: 7em; }
.accredStandardsPage .standardActionPane { z-index: 9; }
.accredStandaredsPage .oneStandardUnit { margin-bottom: 2em; }
.accredStandardsPage .standardHeaderTable { background: #ede6d6; padding: 12px 0.9375rem 0; }
.standardOptionsBox { position: relative; }
/* single */
.singleAction button { padding: 5px 10px; }
.singleAction .ionicon { font-size: 22px; }
.standardOptionsBox .singleAction .standardActionPane { width: 200px; }
/* multiple */
.multipleActions .status { color: #b21716; font-family: 'Rubik'; font-size: 13px; font-weight: 500; }
ul.multiActionUL { display: inline-block; font-size: 0; list-style: none; margin: 0; padding: 0; }
ul.multiActionUL > li { display: inline-block; font-size: 16px; margin-left: 3px; position: relative; vertical-align: middle; }
th.std-checkbox-th { width: 70px; }
th.std-stage-th { width: 15%; }
th.std-action-th { text-align: center; width: 90px; }
.oneStandard td { vertical-align: top; }
.oneStandard td:last-child { position: relative; text-align: center; }
.oneStandard .checkbox { margin: auto; width: 21px; }
.oneStandard td:first-child .checkbox input + label { display: inline-block; margin-right: 0;  padding: 0 0 0 21px; width: 21px; }
td.actions-td .button { margin-bottom: 0; }
td.actions-td .standardActionPane { right: 25px !important; width: 320px; }
ul.viewLinksUL { list-style: none; margin: 0; padding: 0; }
li.selectMenuLI { background-color: #fafafa; }
.addToSet { padding: 10px 10px 0; }
.addToSet select { font-size: 14px; padding: 5px 15px; }
.addToSet-confirm { padding: 0 10px 10px; text-align: center; }
/* all standards */
.allStandardsBox .standardHeaderTable { background-color: #a39061; }
.allStandardsBox .standardNameBox .subheader { color: #ffffff; }
.allStandardsBox .multipleActions .status { color: #ffffff; }
/* add new standard set */
.newStandardNameInput { display: block; margin: 2em 0 3em; }
/* add instructions */
.accredInstructionsRubricPage textarea { resize: vertical; }
.accredInstructionsRubricPage .accreditorFeedbackHeader-inner > .standard-col { padding-right: 0; }
.accreditorStandardInstructions { margin-bottom: 2em; }
.accreditorStandardInstructions .help-table > .col,
.accreditorRubricInstructions .help-table > .col { position: relative; vertical-align: top; }
.accreditorStandardInstructions .instructions-col,
.accreditorRubricInstructions .instructions-col { background-color: #faf8f2; padding: 10px; width: 40%; }
.accreditorStandardInstructions .editor-col,
.accreditorRubricInstructions .editor-col { padding-left: 26px; }
.instructions .sticky.is-at-top.is-stuck { margin-top: 50px !important; }
.accredInstructionsRubricPage { padding-bottom: 2em; }
.accredStandardsPage ul.standardActionUL > li.selectMenuLI:hover,
.userManagementPage ul.standardActionUL > li.selectMenuLI:hover { background: #fafafa; }
/* sprint 08 - narrative editor */
.narrative-table .narrative-editor-col { vertical-align: top; }
.narrative-table .narrative-comments-col { border-left: 1px solid #e7e7e7; vertical-align: top; width: 280px; }
.schoolOptionsBox.accreditor button { padding: 7px 10px; }
.schoolOptionsBox .ionicon { font-size: 18px; }
/* narrative comment selection */
.editor-comment { border-bottom: 1px dashed #764c03; }
.editor-comment-new { border-bottom: 1px dashed; color: #ff4a49; font-weight: 700; }
.editor-comment-view { border-bottom: 1px dashed; background-color: #fff4d6; }
.commentTools { border-bottom: 1px solid #e7e7e7; padding: 20px 10px; text-align: center; }
ul.commentToolsUL { font-size: 0; list-style: none; margin: 0; padding: 0; }
ul.commentToolsUL > li { display: inline-block; font-size: 16px; margin-left: 10px; vertical-align: middle; }
ul.commentToolsUL > li:first-child { margin-left: 0; }
ul.commentToolsUL > li:last-child { width: 120px; }
ul.commentToolsUL button { margin-bottom: 0; padding: 5px 15px; }
ul.commentToolsUL button .ionicon { font-size: 22px; }
span.comment-indicator { display: inline-block; font-family: 'Rubik'; font-size: 12px; font-weight: 700; }
.narrativeCommentsBox { height: 425px; overflow-y: auto; }
ul.narrativeCommentsUL { font-size: 0; list-style: none; margin: 0; padding: 0; }
ul.narrativeCommentsUL > li { border-bottom: 1px solid #ddded6; font-size: 14px; padding: 10px 0; }
ul.narrativeCommentsUL > li:first-child { border-top: 0; }
ul.narrativeCommentsUL > li:last-child { border-bottom: 0; }
ul.narrativeCommentsUL .school h6 { color: #05668d; }
ul.narrativeCommentsUL .accreditor h6 { color: #679436; }
ul.narrativeCommentsUL > li.viewing { background-color: #fff4d6; }
.addNarrativeCommentBox { background-color: #fafafa; border-top: 1px solid #e7e7e7; padding: 10px 0 15px; }
.addNarrativeCommentBox .input { margin: 0; padding: 10px; }
.addNarrativeCommentBox textarea { margin-bottom: 0; min-height: 90px; resize: none; }
.addNarrativeCommentBox .buttonHolder { padding: 0 10px 0; text-align: right; }
.addNarrativeCommentBox .buttonHolder button { margin-bottom: 0; }
.narrativeCommentsInstructions { font-size: 14px; padding: 20px 10px; }
.editorUsersBox { }
.editorUsersBox h6 { display: inline-block; vertical-align: middle; margin: 0 7px 0 0; }
ul.currentUsersUL { display: inline-block; font-size: 0; list-style: none; margin: 0; padding: 0; vertical-align: middle; }
ul.currentUsersUL > li { display: inline-block; font-size: 16px; margin-right: 3px; }
.narrativeEditorOptions { border-top: 1px solid #ddded6; }
.narrativeEditorOptions button { margin-bottom: 0; }
.narrativeEditorOptions > .col { padding: 10px 0.625rem; }
.narrativeEditorOptions .toggle-button-col { text-align: right; width: 180px; }
.narrativeCustomTools { display: inline-block; /*margin-top: 8px;*/ position: absolute; right: 10px; z-index: 1; }
.narrativeCustomTools .firepad-btn-group { }
.narrativeCustomTools .firepad-btn { display: inline-block; padding: 2px 5px 1px; }
.narrativeCustomTools .firepad-btn:active { padding: 2px 5px 1px; }
.narrativeCustomTools .ionicon { display: block; font-size: 22px; line-height: 1.05em; }
.narrativeCustomDialog .tabs { font-size: 0; text-align: center; }
.narrativeCustomDialog .tabs li { display: inline-block; float: none; font-size: 16px; vertical-align: middle; }
.narrativeCustomDialog .tabs-title > a { font-size: 1em; font-weight: 500; padding: 10px 20px; text-decoration: none; }
.narrativeCustomDialog .tabs-title > a:focus,
.narrativeCustomDialog .tabs-title > a[aria-selected='true'] { background: #dac386; color: #372a04; }
.narrativeCustomDialog .input { margin-top: 2em; max-width: 100%; }
.narrativeCustomDialog.firepad-cover-page-dialog .input { margin-top: 1em; max-width: 100%; }
.narrativeCustomDialog .input ~ .input { margin-top: 1em; }
.firepad-dialog-div .tabs { background: none; border: 0;  }
.firepad-dialog-div .tabs-content { background: none; border: 0; }

/* sprint 08 - accreditor institutions */
.accredStandardsPage .oneSchoolUnit { margin-bottom: 0; }
.schoolPartnerInfo { background-color: #a39061; margin-bottom: 1em; }
.schoolPartnerInfo .subheader { color: #ffffff; }
.schoolPartnerInfo .col { padding: 5px 0.9375rem; }
.schoolsPage-accreditor .oneSchoolGroup:first-child { margin-top: 1em; }
ul.filterSelectsUL { font-size: 0; list-style: none; margin: 0; padding: 0; }
ul.filterSelectsUL > li { display: inline-block; font-size: 14px; margin-left: 5px; vertical-align: top; }
ul.filterSelectsUL > li:first-child { margin-left: 0; }
ul.filterSelectsUL select { font-size: 14px; line-height: 1em; margin-bottom: 0; width: inherit; }
.schoolPartnerInfo .partnerdate-col { text-align: right; }
.schoolPartnerInfo h6 { margin-bottom: 0; }
.accredManager .subheader { margin-bottom: 0; }
.prog-standardset-th { width: 17%; }
.prog-years-th {}
.prog-stage-th { width: 15%; }
.prog-frequests-th {}
.prog-completion-th {}
.schoolNameBox > .schoolNameHeader.mainLocation { font-size: 16px; height: auto; line-height: inherit; overflow: auto; }
.schoolOptionsBox.accreditor { position: relative; }
.schoolOptionsBox.accreditor .standardActionPane { width: 250px; }
/* pagination table */
.pagination-table { margin: 3em 0; text-align: center; }
.pagination-table .page-label,
.pagination-table .page-filter,
.pagination-table .page-numbers { display: inline-block; vertical-align: middle; }
.pagination-table .page-label { font-family: 'Rubik'; font-size: 12px; font-weight: 700; margin-right: 1em; }
.pagination-table .page-numbers .pagination,
.pagination-table .page-filter select { margin-bottom: 0; }
.pagination-table .page-filter { margin: 0 1em; }
.pagination-table .page-filter select { background-color: #ffffff; cursor: pointer; font-family: 'Rubik'; font-size: 12px; margin-left: 5px; padding: 5px 2.5em 5px 5px; }
.pagination-table .page-numbers .pagination { margin-bottom: 0; }
/* team member modal */
.filterTeamBox .filt-team-col { padding-right: 5px; }
.filterTeamBox .filt-individ-col { padding-left: 5px; }
.teamManage-table > .col { vertical-align: top; }
.teamManage-table > .col:first-child { padding-right: 10px; }
.teamManage-table > .col:last-child { padding-left: 10px; }
.teamResultBox { margin: 1em 0; }
.teamResultBox, .teamMembersToAdd { height: 320px; }
.teamResultBox ul.typeaheadUL, .teamMembersToAdd ul.currentUsersUL { height: 280px; }
.teamResultBox ul.typeaheadUL > li.active { cursor: default; }
.teamResultBox ul.typeaheadUL > li > .oneResult { padding: 7px 10px; }
.teamResultBox .member-img-col { width: 38px; }
.teamResultBox .member-info-col h5, .teamResultBox .member-info-col p { font-size: 12px; }
.teamMembersToAdd { margin: 1em 0; }
.teamMembersToAdd ul.currentUsersUL > li { margin: 0 3px 3px 0; }
.teamMembersToAdd ul.currentUsersUL > li > a { display: block; padding: 2px; }
.teamMembersToAdd ul.currentUsersUL > li > a:hover { background-color: #fff4d6; }
.teamMembersToAdd .dropdown-pane { border: 0; font-size: 12px; padding: 0; width: auto; }
.teamMembersToAdd .dropdown-pane > a { background-color: #4b4c47; color: #ffffff; display: block; padding: 5px; text-decoration: none; }
.modal-body .teamMemberList { min-height: 250px; }
.modal-body .teamMemberList { margin: 5em 0 2em; }
.modal-body .teamMemberList th:last-child { width: 150px; }


/* sprint 09 - user management */
.userManagementPage .filterBox.input { margin: 1em 0 0; }
.userManagementPage { padding-bottom: 7em; }
.userManagementPage .standardActionPane { z-index: 9; }
.userManagementPage .oneStandardUnit { margin-bottom: 2em; }
.userManagementPage .standardHeaderTable { background: #ede6d6; padding: 12px 0.9375rem 0; }
.allUsersBox .standardHeaderTable { background-color: #a39061; padding: 12px 0.9375rem 0;  }
.allUsersBox .standardNameBox .subheader,
.allUsersBox .multipleActions .status { color: #ffffff; }
tr.oneUser .checkbox { margin: auto; width: 21px; }
tr.oneUser td:last-child { position: relative; text-align: center; }
th.user-programassign-th { width: 20%; }
th.user-frequest-th { width: 20%; }
.basic-user-table { width: auto; }
.basic-user-table .user-info-img,
.basic-user-table .user-info-name { cursor: pointer; }
.basic-user-table:hover .user-info-name { text-decoration: none; }
.basic-user-table .user-info-img { width: 40px; }
.basic-user-table .user-info-name { display: inline-block; text-decoration: underline; }
.progAssignDropdown { max-height: 250px; overflow-y: auto; padding: 0; width: 280px; }
ul.progAssignListUL { font-size: 0; list-style: none; margin: 0; padding: 0; }
ul.progAssignListUL > li { font-size: 14px; padding: 10px; }
ul.progAssignListUL > li > a { color: inherit; }

/* sprint 09 - account management */
.accountManagement-content { padding: 1em 0; }
.accountManagement-content > h3 { margin-bottom: 1em; }
.accountManagementTable > .col { padding: 1em; vertical-align: top; }
.accountManagementTable .user-infodisplay-col { background-color: #fafafa; width: 35%; }
table.account-manage-table { border: 0; }
table.account-manage-table tr:nth-child(even) { background: none; }
table.account-manage-table td { width: 50%; }
table.account-manage-table .input { max-width: 100%; width: 100%; }
table.account-manage-table textarea.input-field { height: 200px; resize: none; }
.profileCard-img { text-align: center; }
.profileCard-img img { cursor: pointer; }
.profileCard-desc .labels { margin: 1em; text-align: center; }
.updateProfileImageBox { height: 173px; margin: 1em 0 0; }
.updateProfileImageBox img { max-height: 172px; max-width: 172px; }
.updateProfileImageBox-link { margin: 0.5em 0 1em; }

/* sprint 10 - dashboards */
.dashboardPage .dashboardPage-header { background-color: #ffffff; padding: 1em 0; }
.dashboardPage .standardHeaderTable { padding: 12px 0.9375rem; }
.dashboardPage .standardNameBox .subheader { margin-bottom: 0; }
.dashboardPage .standardOptionsBox select { font-size: 14px;margin-bottom: 0; width: auto; }
.dashboardPage .dropdown-pane { position: absolute; z-index: 2; width: 325px; top: 0; right: 0; left: inherit; }
th.dash-num-th { text-align: center; width: 7%; }
th.dash-institution-th { width: 15%; }
th.dash-schoolprog-th { width: 20%; }
th.dash-std-th { width: 20%; }
.dashSection-issueSchool th.dash-std-th,
.dashSection-issueSchool th.dash-schoolprog-th,
.dashSection-standardsSchool th.dash-std-th,
.dashSection-standardsSchool th.dash-schoolprog-th { width: 25%; }
th.dash-year-th { width: 7%; }
th.dash-stage-th { width: 13%; }
th.dash-award-th { }
th.dash-rec-th { }
th.dash-upd-th { }
th.dash-team-th { width: 10%; }
th.dash-action-th { width: 15%; }
.dashSection-fastAccred table.oneStandardTable td:first-child { text-align: center; }
.dashboardPage .oneStandard td:last-child { text-align: left; }
.dashSection-feedbackSchool table.oneStandardTable td:last-child button { margin-bottom: 0; }

/* sprint 11 - standards */
th.dash-strd-th { width: 40%; }
th.dash-membstg-th { width: 20%; }
th.dash-tmvststg-th { width: 20%; }
th.dash-assnd-th { width: 10%; }
th.dash-sender-th { width: ; }
.dashSection-standardsGovernance th.dash-std-th { width: 25%;}


/*======= LP-PLG # Layout Plugins =======*/
/* angular-datepicker
https://github.com/720kb/angular-datepicker
*/
datepicker a, [datepicker] a, .datepicker a { color: inherit; text-decoration: none; }
datepicker a, [datepicker] a, .datepicker a,
datepicker a:hover, [datepicker] a:hover, .datepicker a:hover { text-decoration: none !important; }
datepicker select, datepicker select:focus, datepicker select:hover,
.datepicker select, .datepicker select:focus, .datepicker select:hover,
[datepicker] select, [datepicker] select:focus, [datepicker] select:hover { background: none; background-color: #138EFA; border: 0; border-radius: 2px; color: #ffffff; margin-top: 5px; overflow: hidden; width: 100%; }
datepicker, .datepicker, [datepicker],
._720kb-datepicker-calendar-header,
._720kb-datepicker-calendar-body,
._720kb-datepicker-calendar-days-header,
._720kb-datepicker-calendar-years-pagination-pages {
    font-family: inherit;
    font-size: 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    float: left;
    clear: right;
    position: relative;
}
._720kb-datepicker-calendar { background: #ffffff; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12); color: inherit; margin: 0 auto; margin-left: -0.5%; min-width: 250px; padding: 0 0 2% 0; position: absolute; visibility: hidden; width: 101%; z-index: 999; /*overflow: hidden;*/ }
._720kb-datepicker-calendar._720kb-datepicker-open,._720kb-datepicker-calendar._720kb-datepicker-forced-to-open { visibility: visible; }
._720kb-datepicker-calendar-header { font-size: 14px; text-align: center; }
._720kb-datepicker-calendar-header:nth-child(odd) { background: #764c03; padding-top: 14px; }
._720kb-datepicker-calendar-header:nth-child(even) { background: #764c03; }
._720kb-datepicker-calendar-header-left,
._720kb-datepicker-calendar-header-middle,
._720kb-datepicker-calendar-header-right { float: left; width: 15%; }
._720kb-datepicker-calendar-header-middle { width: 70%; }
._720kb-datepicker-calendar-header-closed-pagination::after { content: " \25BE"; }
._720kb-datepicker-calendar-header-opened-pagination::after { content: " \25F9"; }
._720kb-datepicker-calendar-body { margin: 2%; text-align: center; width: 96%; }
._720kb-datepicker-calendar-day { color: #4b4c47; cursor: pointer; float: left; font-size: 14px; font-weight: 300; /*margin: 5px 1%; padding: 2px; width: 12.2%;*/ margin: 0 0 1px; padding: 3px; width: 14.285714%; }
._720kb-datepicker-calendar-day:hover, ._720kb-datepicker-calendar-day._720kb-datepicker-active { background-color: #ddded6; }
._720kb-datepicker-calendar-header a, ._720kb-datepicker-calendar-header a:hover { display: inline-block; vertical-align: top;
    text-decoration:none;
    /*padding:3% 9% 4% 9%;*/
    padding: 0;
    /*font-size: 13.5px;*/
    /*color:rgba(0, 0, 0, 0.55);
    font-weight: bold;*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
._720kb-datepicker-calendar-header a:hover { }
._720kb-datepicker-calendar-month { color: #ffffff; }
._720kb-datepicker-calendar-month span { font-size: 14px; font-weight: 300; }
._720kb-datepicker-calendar-month a span  i { font-size: 15px; font-style: normal; }
._720kb-datepicker-calendar-month a, ._720kb-datepicker-calendar-month a:hover { color: inherit; padding: 0; margin-left: 1%; }
._720kb-datepicker-calendar-years-pagination { clear: right; float: left; padding: 2% 0 0 0; width: 100%; }
._720kb-datepicker-calendar-years-pagination a, ._720kb-datepicker-calendar-years-pagination a:hover { display: inline-block; font-size: 12px; font-weight: normal; line-height: 20px; margin: 3px 1% 0 1%; padding: 0 7px; }
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active { color: rgba(0, 0, 0, 0.9); font-weight: 500; background: rgba(255, 255, 255, 0.45); }
._720kb-datepicker-calendar-years-pagination-pages a,._720kb-datepicker-calendar-years-pagination-pages a:hover{
    padding: 5px 10px;
}
._720kb-datepicker-calendar-days-header{
    max-width: 100%;
    margin:0 auto;
    padding:0 2% 0 2%;
    background-color: #764c03;
    border-bottom: 1px solid rgba(0,0,0,0.02);
}
._720kb-datepicker-calendar-days-header div { color: #ffffff; float: left; font-size: 12px; font-weight: 300; text-align: center; width: 14.18%; }
._720kb-datepicker-calendar-days
._720kb-datepicker-default-button{ font-size: 18.5px; position: relative; bottom: -0.5px; }
._720kb-datepicker-default-button { padding:0 4.5px; }
._720kb-datepicker-calendar-header-middle._720kb-datepicker-mobile-item { float: none; margin: 0 auto; width: 95%; }
._720kb-datepicker-item-hidden { visibility:hidden; }
._720kb-datepicker-calendar-day._720kb-datepicker-disabled,
._720kb-datepicker-calendar-day._720kb-datepicker-disabled:hover,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled:hover,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled,
._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled:hover { color: #ced1d2; cursor: default; }

/**Carousel**/
.jk-carousel{overflow:hidden}.jk-carousel,.jk-carousel .slides-container{height:100%;position:relative}.jk-carousel .slides-container .slide .ng-scope img:first-child{max-width:100%;max-height:1240px;}.jk-carousel .left-arrow-button,.jk-carousel .right-arrow-button{position:absolute;margin:auto!important;top:0;bottom:0}.jk-carousel .right-arrow-button{right:0}.jk-carousel .md-icon-button{width:48px;height:48px;margin:0;padding:0; background: #4b4c47; opacity: 0.9;}.jk-carousel .md-icon-button md-icon{color:#fff;width:48px;height:48px;font-size:48px;cursor:pointer;outline:none!important}.jk-carousel .radio-buttons-container{position:absolute;bottom:0;margin-bottom:20px;width:100%}.jk-carousel .radio-buttons-container md-radio-button{margin-right:5px;outline:none}.jk-carousel .radio-buttons-container md-radio-button .md-off{border-color:#fff}
.left-arrow-button {left: 0}

/* firepad / codemirror */
.firepad { height: 450px; background-color: #ffffff; }
a.powered-by-firepad { display: none; opacity: 0; z-index: -1; }
.narrativeEditorPanel .narrativeFunctionBox { clear: both; padding: 0; position: relative; }
.CodeMirror { background: #faf8f2; }
.firepad-dialog-div .firepad-btn-group { display: block; margin: auto; width: 150px; }
.firepad-dialog-div .firepad-btn-group.edit-on{width: 275px;}
.firepad-dialog-div .firepad-btn-group .firepad-btn {
    background-color: #ede6d6;
    border-radius: 3px;
    color: #372a04;
    font-size: 13px !important;
    font-weight: 500;
    padding: 9px 15px;
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    vertical-align: middle;
    border: 1px solid transparent;
    padding: 0.85em 1em;
    margin: 1rem 5px 0.5rem 0;
    font-size: 0.9rem;
}
.firepad-dialog-div .firepad-btn-group .firepad-btn:hover,
.firepad-dialog-div .firepad-btn-group .firepad-btn:focus {
    background-color: #f5f2eb;
    color: #372a04;
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12);
}
.firepad-dialog-div .firepad-btn-group #submitbtn {
    background-color: #dac38b;
    float: right;
}
.firepad-dialog-div .firepad-btn-group #submitbtn:hover,
.firepad-dialog-div .firepad-btn-group #submitbtn:focus {
    background-color: #e1d0aa;
}

/* 404 Page */

.Message404 {

    width:90%;
    background-color: #e1d0aa;
    border: 3px solid #4b4c47;
    margin: 30px auto;
    padding:10px;
}

/* No Internet Connection */
.warningNoInt {
    color: red;
}

.no-animate{
    -webkit-transition: none !important;
    transition: none !important;
}

input:focus, textarea:focus, select:focus {outline-color: #fed766;}