/* this file is for adjustments to app.css so we don't have to keep changing wolf's files*/
/* don't for get to change ../images/ to ../../images/skin/ in app.css */

body {
    overflow-x: hidden;
}

/* custom font sizes */
.zoom1 #divChoices,
.zoom1 .nav-module-wrap,
.zoom1 .nav-select-wrap,
.zoom1 .default-table,
.zoom1 .generic-input-wrapper {
    font-size: 1.1em;
}

.zoom2 #divChoices,
.zoom2 .nav-module-wrap,
.zoom2 .nav-select-wrap,
.zoom2 .default-table,
.zoom2 .generic-input-wrapper {
    font-size: 1.2em;
}

/* custom constrast settings */
.contrast1 .nav-module-wrap * {
    font-weight: bold;
}

.contrast1 .search-criteria {
    background: #bbb;
}

.contrast1 .search-criteria-header h3 {
    color: black;
}

.contrast1 .search-criteria-header .label-checkbox {
    color: black;
    background: #bbb;
}

.contrast1 .form-group .label-checkbox {
    color: black;
}

.contrast1 .report-header .filter-count {
    color: black;
}

.contrast1 #breadcrumbs a {
    color: black;
}

.contrast1 .default-table tr:nth-child(odd) td {
    background: #ccc;
}

.contrast1 .default-table td {
    border-bottom: 1px solid #c0c0c0;
}

/* have timer still be visible */
body:not(.nav-open) .sidebar-logout-timer {
    position: fixed;
    left: 0;
    bottom: 0;
    margin-bottom: 20px;
}

/* option for making report tabs be sticky*/
/*
    TODO: need to only turn this on when the page is scrolled below where the tabs would normally be
    TODO: need to add in a placeholder for the normal position of the report tabs so as to not screw up rendering
    TODO: likely neeed to work on saving scroll positions when switching tabs
    */
body.sticky-tabs .report-tabs-wrap {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
}

body.nav-open.sticky-tabs .report-tabs-wrap {
    left: 250px;
}

.report-tabs-sticky-spacer {
    display: none;
}

body.sticky-tabs .report-tabs-sticky-spacer {
    display: block;
    height: 35px;
}


/* background color moves with menu */
#nav-sidebar-bg {
    transition: all 0.3s ease;
    left: -250px;
    position: fixed;
    width: 250px;
    top: 0;
    height: 100%;
    z-index: -1;
}

.nav-open #nav-sidebar-bg {
    left: 0;
}

/* shrink down application item height */
.nav-module-subnav a {
    padding: 8px;
}

.nav-module-section .btn-favorite-module {
    padding: 13px 0;
}

/* make icons look closed when submodule is closed */
.active-closed .fa-angle-down, .active-closed .folder-open {
    display: none !important;
}

.active-closed .fa-angle-right, .active-closed .folder-closed {
    display: block !important;
}


/* notifications are slighty transparent to see there's stuff behind them */
.system-notification.active {
    opacity: 0.9;
    filter: alpha(opacity=90);
}

/* scroll bar transparency */
.force-scrollbar::-webkit-scrollbar-track,
.nav-module-subnav::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.3);
}


/* makes criteria selectors same size when showing null boxes */
.search-criteria.null-disabled .search-criteria-options {
    height: 145px !important;
}

.search-criteria.find-disabled .search-criteria-options {
    height: 175px !important;
}

.search-criteria.date-picker-enabled .search-criteria-options {
    height: 160px !important;
}

.search-criteria.find-disabled .search-criteria-find {
    display: none;
}

/* no horizontal scrolling on criteria selectors */
.search-criteria-options {
    overflow-x: hidden;
}

    /* don't wrap criteria selector values */
    .search-criteria-options span {
        white-space: nowrap;
    }

    /* don't wrap criteria selector values */
    .search-criteria-options label {
        white-space: nowrap;
    }

/* menu arrows still open select options */
.select-arrow {
    pointer-events: none;
}

/* make ctrl-F search results stand out more in the menu */
.nav-module-subnav li {
    margin-left: 10px;
    margin-right: 10px;
}

.nav-module-section a.menu-aiid {
    color: #fff;
}

/* yes/no radio rix */
table.radio-list {
    font-size: 12px;
}

    table.radio-list td {
        padding-top: 8px;
    }

    table.radio-list input {
        width: auto !important;
        margin-left: 5px;
        margin-right: 5px;
    }

div.radio-list-container {
    float: left;
    width: 300px;
}

/* descriptions on standard forms */
.help-text {
    /*float:left;*/
    font-style: italic;
    text-align: left;
    padding-left: 20px;
}

    .help-text p {
        padding: 5px 5px 5px 25px;
        display: table-cell;
    }

@media only screen and (max-width: 800px) {
    .help-text {
        clear: left;
        display: inline-block;
        margin-left: 215px;
        padding-left: 20px;
    }

        .help-text p {
            padding: 0px 5px 10px 5px;
            display: table-cell;
        }
}

/* edit icons in menu in edit mode */
.side-menu-edit {
    margin-right: 3px;
}

    .side-menu-edit i {
        padding: 2px;
        font-size: 8pt !important;
    }

/* add margin between buttons in case they wrap */
.btn, .section-notes-wrap input[type="button"] {
    margin-bottom: 4px;
}


/* header on notes pages */
.DefaultPageHeader {
    font-size: 18pt;
    font-weight: bold;
    margin-bottom: 10px;
}

/* fix position of home icon */
#breadcrumbs .breadcrumb-home .icon-home {
    position: relative;
    text-indent: -9999px;
    top: 5px;
}

/* prevent line wrap in report tab titles */
.report-tab.two-line {
    white-space: nowrap;
}

/* make criteria in tabs small */
.report-tabs-wrap li .report-tab > small {
    color: inherit;
    font-size: 0.75em;
}

/* place footer over loading frame */
#footer {
    z-index: 9802;
}

/* too much padding below criteria selector */
#content-wrap {
    padding-bottom: 0px;
}

/* keep spacing between tabs on generic form when they wrap*/
.tabs li {
    margin-top: 5px;
}

/* fix up modal header padding */
.modal-header {
    padding: 0 0 30px 0;
}

    /* prevent close button being obscured */
    .modal-header h3 {
        max-width: 90%;
    }


/* make the favorites star turn yellow when active*/
.nav-wrap-header .tab-favorites.active .icon-star {
    background-position: -1207px -7px;
    height: 13px;
    width: 13px;
}

/* space between actions above reports */
.criteria-actions > ul.horz-list > li {
    margin-left: 5px;
}

.utility-bar {
    position: fixed;
    top: 0;
    z-index: 1000;
}

.nav-open .utility-bar {
    margin-left: 250px;
}

#content-wrap {
    /*padding-top: 35px;*/
}

#account-dropdown {
    position: fixed;
}

/* allow "active" submodules to be closed too */
.nav-module-section li.active-closed ul {
    display: none !important;
}

/* make the zoom-through-my-account lay over the breadcrumbs when we run out of space*/
div#utility-links {
    position: fixed;
    right: 0;
    background: #3a3a3a;
}

/* make load screen background match */
#screen-overlay {
    background: rgba(249,249,249,0.95);
}

/* Fixes for standard form view */

.DateAsCheckbox {
    width: auto !important;
    margin-top: 10px !important;
}

.DateAsCheckboxLabel {
    background: inherit !important;
    border: none !important;
    color: #555 !important;
}

.form-element-static {
    border-radius: 3px;
    background: #f5f5f5;
    line-height: 1.2;
    margin-bottom: 0;
    min-height: 28px;
    padding: 7px 10px;
    width: 100%;
}

.form-group-alt {
    background-color: #fafafa;
}


.error-results {
    position: absolute;
    margin-top: 30px;
    left: 50%;
    margin-left: -290px;
    width: 590px;
    background: #f89898;
    border-radius: 4px;
    padding: 25px;
    text-align: center;
}

    .error-results > p {
        margin-bottom: 25px;
        color: #fff;
    }

/* icon wasn't at correct position */
.report-actions > a > .icon-email {
    position: relative;
    top: 4px;
    left: -4px;
}

/* make text not wrap in tabs */
.report-tab-title {
    overflow: hidden;
    margin-right: 20px;
    white-space: nowrap;
}


/* make the side menu stars be yellow-orange */
.nav-module-subnav a.active {
}

    .nav-module-subnav a.active i {
        color: #e6ca15;
        opacity: 1;
        filter: alpha(opacity = 100);
    }

/* resolve name conflict with emailmodal.css */
.favorites-toggle .fav-toggle-on {
    background: #e6ca15 !important;
}

/* force more criteria selectors at small resolutions */
@media only screen and (max-width: 1420px) {
    .search-criteria {
        width: 19%;
    }
}

@media only screen and (max-width: 1220px) {
    .search-criteria {
        width: 24%;
    }
}

@media only screen and (max-width: 990px) {
    .search-criteria {
        width: 24%;
    }
}

@media only screen and (max-width: 800px) {
    .search-criteria {
        width: 32%;
    }
}

@media only screen and (max-width: 650px) {
    .search-criteria {
        width: 49%;
    }
}

@media only screen and (min-width: 1420px) {
    .nav-closed .search-criteria, .search-criteria {
        width: 15.5%;
    }
}

/* fix dividers in saved criteria popup */
#saved-criteria-wrap .popup li {
    clear: both;
}

/* fixes so clicking on calendar icon still opens date range picker */
.search-criteria.date-picker-enabled .icon-calendar {
    pointer-events: none;
}

.search-criteria.date-picker-enabled .date-select-wrap input[type="text"] {
    cursor: pointer;
}

/* calendar icons pass through to datepicker */
.icon-calendar {
    pointer-events: none;
}

/* keeps the criteria in a grid, now that this only causes minor border issues when broken */
.search-criteria {
    height: 220px;
}

    .search-criteria.single-date-picker .search-criteria-options {
        height: 175px !important;
    }

/* keeps saved criteria checkbox from preventing click on top of go button */
#save-search-criteria {
    width: 250px;
}

/* don't show double scroll if iframe expand calculation is off a bit */
.frame-report {
    overflow: hidden;
}


/* missing from new app.css files =========================================*/

.GenericForm {
    border: none;
}

.GenericFormContent label {
    float: left;
    line-height: 30px;
    margin-right: 10px;
    text-align: right;
    width: 210px;
}

.GenericFormContent .form-body {
    border: none;
    padding-bottom: 50px;
}

.GenericFormContent .form-description {
    padding: 8px;
    font-size: 1.1em;
    font-weight: bold;
}

@media only screen and (max-width: 600px) {
    .GenericFormContent label {
        display: block;
        float: none;
        line-height: 1.3;
        margin-bottom: 4px;
        text-align: left;
    }
}

@media only screen and (max-width: 600px) {
    .GenericFormContent .form-group {
        margin-bottom: 15px;
    }
}

.GenericFormContent .form-group input, .GenericFormContent .form-group .select-wrap, .form-group .multi-select-wrap, .GenericFormContent .form-group textarea {
    clear: none;
    float: left;
    width: 300px;
    margin-bottom: 5px;
}

.GenericFormContent .form-group .date-time-picker {
    width: 135px;
    margin-right: 2px;
}

@media only screen and (max-width: 600px) {
    .GenericFormContent .form-group input, .GenericFormContent .form-group .select-wrap, .form-group .multi-select-wrap, .GenericFormContent .form-group textarea {
        float: none;
    }
}

@media only screen and (max-width: 400px) {
    .GenericFormContent .form-group input, .GenericFormContent .form-group .select-wrap, .form-group .multi-select-wrap, .GenericFormContent .form-group textarea {
        width: 100%;
    }
}

.GenericFormContent .radio-list .label-radio {
    margin-top: 9px;
    width: 40px;
}

.GenericFormContent .form-section-header {
    margin-bottom: 5px;
}

    .GenericFormContent .form-section-header .caption {
        padding: 8px;
        border-radius: 5px;
        font-size: 1.2em;
        font-weight: bold;
    }

.GenericFormFooter {
    border-top: 1px solid #eaeaea;
    margin-top: 30px;
    padding-top: 20px;
    text-align: center;
}

    .GenericFormFooter .btn {
        margin: 0 5px;
        width: 110px;
    }





/* style changes for generic edit forms to make the edit oom page look good */
.form-element-static {
    font-weight: 400;
    display: inline-block;
    margin-bottom: 10px;
    /* smitting 2015-02-20 changed so in form views help text is off to right */
    float: left;
    width: 300px;
}

.GenericFormContent label {
    font-weight: 600;
}

.GenericFormContent .form-group {
    border-bottom: 1px solid #eaeaea;
    /*
    margin-right: 10px;
    margin-left: 10px;
    padding-bottom: 10px;
    */
}

.form-section-header {
    margin-top: 35px;
    font-size: 21px;
    font-weight: 300;
}



/* make menus show up over loading screen */
.header-item-subnav {
    z-index: 10000;
}





/* fix for application dropdown not being visible */

.nav-select-wrap .form-group option {
    background: #fff;
    color: #5a5a5a;
    display: block;
    padding: 10px;
    font-size: 14px;
}

.ie8 .nav-select-wrap .form-group .select-wrap,
.ie9 .nav-select-wrap .form-group .select-wrap {
    background: #fff;
    filter: none;
}

.nav-select-wrap .form-group .select-wrap select {
    color: #fff;
    font-size: .9em;
    font-weight: 300;
    height: 28px;
    position: relative;
    z-index: 20;
}

.ie8 .nav-select-wrap .form-group .select-wrap select,
.ie9 .nav-select-wrap .form-group .select-wrap select {
    color: #303030;
}

.ie8 .nav-select-wrap .form-group .select-wrap .vector-select-arrows .fa,
.ie9 .nav-select-wrap .form-group .select-wrap .vector-select-arrows .fa {
    color: #303030;
}


/*Required Fields*/
.field-header-required label, .required {
    font-weight: bold;
    color: red;
}


/* filter in submodule */
.search-submodule {
    margin-left: -20px;
    margin-top: 4px;
}

    .search-submodule .form-group {
        margin: 0 0 5px;
    }

    .search-submodule input[type="text"] {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        -ms-background-clip: padding-box;
        background-clip: padding-box;
        height: 20px;
        padding-left: 30px;
        border: 1px solid rgba(255,255,255,0.3);
    }

    .search-submodule .btn-find {
        height: 20px;
        left: 5px;
        position: absolute;
        text-indent: -9999px;
        top: 2px;
        width: 20px;
    }

.no-hover:hover {
    background: inherit !important;
}


/* Custom Combo Boxes */

.custom-combobox {
    position: relative;
    display: inline-block;
}

.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
}

.custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
    background-color: white;
}


/* Allow Font Awesome Icons in lieu of jQuery UI and only apply when using a FA icon */
.ui-icon[class*=" fa-"] {
    /* Remove the jQuery UI Icon */
    background: none repeat scroll 0 0 transparent;
    /* Remove the jQuery UI Text Indent */
    text-indent: 0;
    /* Bump it up - jQuery UI is -8px */
    margin-top: -0.5em;
}

/* Allow use of icon-large to be properly aligned */
.ui-icon.icon-large {
    margin-top: -0.75em;
}

.ui-button-icon-only .ui-icon[class*=" fa-"] {
    /* Bump it - jQuery UI is -8px */
    margin-left: -7px;
}



/* mpact edits */

.error-message:empty {
    display: none;
}

.ui-multiselect-checkboxes label span
{
	padding-left: 4px;
}

.ui-multiselect-header ul li {
	margin: 0px;
}

.search-criteria-header  {
    height: 20px;
}

.search-criteria-header h3 {
    margin: 0 0 0px 3px;
    height: 14px;
}


.alert {
    padding: 10px;
    /*margin-bottom: 20px;*/
    border: 1px solid transparent;
    border-radius: 4px;
}

    .alert h4 {
        margin-top: 0;
        color: inherit;
    }

    .alert .alert-link {
        font-weight: bold;
    }

    .alert > p,
    .alert > ul {
        margin-bottom: 0;
    }

        .alert > p + p {
            margin-top: 5px;
        }

.alert-large {
    font-size:large;
}
.alert-dismissable {
    padding-right: 35px;
}

    .alert-dismissable .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit;
    }

.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

    .alert-success hr {
        border-top-color: #c9e2b3;
    }

    .alert-success .alert-link {
        color: #356635;
    }

.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

    .alert-info hr {
        border-top-color: #a6e1ec;
    }

    .alert-info .alert-link {
        color: #2d6987;
    }

.alert-warning {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

    .alert-warning hr {
        border-top-color: #f7e1b5;
    }

    .alert-warning .alert-link {
        color: #a47e3c;
    }

.alert-danger {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #ebccd1;
}

    .alert-danger hr {
        border-top-color: #e4b9c0;
    }

    .alert-danger .alert-link {
        color: #953b39;
    }