body .ui-widget td {
    font-size: 13px !important;
}

/*Categories \ School Program listing styles*/
#schoolProgramList .ui-widget td {
    font-size: 10px !important;
}

#schoolProgramList .ui-multiselect .ui-multiselect-label {
    font-size: 10px !important;
}

#schoolProgramList .ui-dropdown {
    min-width: 5.2em !important; 
}

.status-th .ui-dropdown-label {
    font-size: 10px !important;
}

/*aside nav overlapping logo fix*/

@media (min-width: 1025px) {
    nav .m-aside-menu {
        overflow-y: hidden !important;
        padding-bottom: 70px;
    }
}

.clickable-link {
    color: #404040 !important;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.clickable-link:hover {
    color: #000000 !important;
    text-decoration: underline !important; 
}

.no-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.invalid-feedback {
    display: block !important;
}

.ui-paginator-bottom {
    border-top: 1px solid !important;
    border-color: rgb(205, 205, 205) !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
}

.mapplic-search-input::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

.category-tree.ui-tree {
    width: 100% !important;
}

.category-tree.ui-widget-content {
    border: none !important;
}

/* Selected row highlighted colors */
.primeng-datatable-container table tbody tr {
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}



        .primeng-datatable-container table tbody tr.ui-state-highlight td {
            color: #575962;
        }

            .primeng-datatable-container table tbody tr.ui-state-highlight td div.clickable-link {
                color: #626459 !important;
            }

                .primeng-datatable-container table tbody tr.ui-state-highlight td div.clickable-link:hover {
                    color: #5C643B !important;
                }

table.table-sm.table-hover th {
    min-width: 120px;
}

@media (min-width: 641px) {
    table.table-sm.table-hover th {
        min-width: 175px;
    }
}


.floatingLink {
    display: inline;
    color: #8ba42b;
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

    .floatingLink:hover {
        color: #687b22;
        text-decoration: underline;
    }


/* override padding   */
.m-portlet .m-portlet__body {
    padding: 1.5rem 1.5rem !important;
}

@media (min-width: 576px) {
    .m-portlet .m-portlet__body {
        padding: 2.2rem 2.2rem !important;
    }
}



/* beeline color style for table paginator  */
body .ui-paginator {
    background-color: white !important;
}

.ui-paginator .ui-paginator-pages .ui-paginator-page {
    color: #000 !important;
}

    .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
        color: white !important;
        background-color: #B2D236 !important;
    }

    .ui-paginator .ui-paginator-pages .ui-paginator-page:hover.ui-state-active {
        background-color: #D1E486 !important;
    }

.ui-paginator .ui-paginator-first, body .ui-paginator .ui-paginator-prev, .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last {
    color: #B2D236 !important;
}

.ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item.ui-state-highlight {
    background-color: #eaeaea !important;
    color: #404040 !important;
}

body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
    background-color: #f4f5f8 !important;
}

.ui-multiselect {
    padding: 0px !important;
    min-width: 100%;
    border: none !important;
    line-height: 21px !important;
}

ui-multiselect-label-container:hover {
    background-color: #d9d9d9 !important;
}

.ui-multiselect-label {
    margin-bottom: 0px;
    padding: 0.429rem 35px 0.429rem 10.5px !important;
    padding-right: 2.5em !important;
    font-weight: 400 !important;
}

.ui-multiselect .ui-multiselect-trigger .fa {
    margin-top: 0.7em !important;
}

.btn-group.dropdown > .ui-multiselect:hover {
    background-color: #rgb(255, 255, 255) !important;
}

.redCpl {
    color: red;
}

.dropdown-menu > li {
    cursor: pointer; 
}

/*top-align the table headers*/
.ui-table .ui-table-thead > tr > th {
    vertical-align: top !important;
}

/* 2nd table row padding style overwrites */
.primeng-datatable-container .ui-table table thead tr:nth-child(2) th {
    padding: 5px 2px 5px 2px !important;
}

    .primeng-datatable-container .ui-table table thead tr:nth-child(2) th:last-child {
        padding: 5px 5px 5px 2px !important;
    }

    .primeng-datatable-container .ui-table table thead tr:nth-child(2) th:first-child {
        padding: 5px 2px 5px 5px !important;
    }

/* help users find the drag toggle point */
.primeng-datatable-container table thead tr:first-child th:hover {
    border-right: 2px dotted #ACAEA1;
}

.primeng-datatable-container table thead tr:first-child th:first-child:hover {
    border-right: 1px solid #ebeedc;
}

.primeng-datatable-container table thead tr:first-child th:last-child:hover {
    border-right: 1px solid #ebeedc;
}

/* form fields styles */
.ng-valid[required], .ng-valid.required {
    border-color: #B2D236 !important;
}

.ng-invalid:not(form) {
    border-color: #EB3A25 !important;
}

/* table row highlighting */
.inactive-school-row {
    background-color: rgba(185, 185, 185, 0.35) !important;
    color: #4D4D4D !important;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.primeng-datatable-container table tbody tr.inactive-school-row:nth-child(even):not(.ui-state-highlight) {
    background-color: rgba(185, 185, 185, 0.35) !important;
    color: #4D4D4D !important;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.testing-school-row {
    background-color: rgba(251, 210, 123, 0.75) !important;
    color: #4D4D4D !important;
    border-top: 1px solid #FAB930 !important;
    border-bottom: 1px solid black !important;
}

.primeng-datatable-container table tbody tr.testing-school-row:nth-child(even):not(.ui-state-highlight) {
    background-color: rgba(251, 210, 123, 0.75) !important;
    color: #4D4D4D !important;
    border-top: 1px solid black !important;
    border-bottom: 1px solid #FAB930 !important;
}

.deleted-school-row {
    background-color: rgba(235, 58, 27, 0.75) !important;
    color: white !important;
    border-top: 1px solid #FAB930 !important;
    border-bottom: 1px solid black !important;
}

.primeng-datatable-container table tbody tr.deleted-school-row:nth-child(even):not(.ui-state-highlight) {
    background-color: rgba(235, 58, 27, 0.75) !important;
    color: white !important;
    border-top: 1px solid black !important;
    border-bottom: 1px solid #FAB930 !important;
}

/* Modal Footer Styles */
.modal-footer {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #f4f5f8;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}


.modal-footer-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
}

@media (min-width:768px) {
    .modal-footer-container {
        flex-wrap: nowrap;
    }
}

.reason-container {
    flex-basis: 100%;
    padding-right: 0px;
    order: 1;
}

@media (min-width:768px) {
    .reason-container {
        flex-basis: 1;
        padding-right: 25px;
    }
}

.btn-container {
    padding-top: 0px;
    flex-basis: 1;
    order: 2;
}

@media (min-width:768px) {
    .btn-container {
        padding-top: 28px;
        flex-basis: 280px;
    }
}


/* Pulse animations */
.reason-hl {
    display: block;
    box-shadow: 0 0 0 rgba(235,58,37, 0.4);
    animation: reasonhl 1.25s infinite;
}

    .reason-hl:focus {
        animation: none;
    }

@-webkit-keyframes reasonhl {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(235,58,37, 0.4);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(235,58,37, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(235,58,37, 0);
    }
}

@keyframes reasonhl {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(235,58,37, 0.4);
        box-shadow: 0 0 0 0 rgba(235,58,37, 0.4);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(235,58,37, 0);
        box-shadow: 0 0 0 10px rgba(235,58,37, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(235,58,37, 0);
        box-shadow: 0 0 0 0 rgba(235,58,37, 0);
    }
}

/* Daterange picker invalid override */
#dateRangePicker {
    border-color: #ebedf2 !important;
}

body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-highlight {
    color: #333333 !important;
    background-color: #ffffff !important;
}


/* Firefox Browser Hack - prevents tbale cell background bleeding over border */

_:-moz-tree-row(hover), body .ui-table .ui-table-tbody > tr > td{
     background: initial !important;
}

/* Edge issue - not correctly rendering cell borders - had to hide background completely (Edge browser hack attempt did NOT work)  */
body .ui-table .ui-table-tbody > tr > td {
    background: none !important; 
}

/* used in Submission bulk edt */
.linethrough {
    text-decoration: line-through;
}

.ngb-dp-today {
    background: #fbec88 !important;
}

/* Dashboard comics */
#bizzaro-comic, #poorly-comic {
    width:100%;
    max-width: 100%;
}

@media (min-width: 992px) {
    #bizzaro-comic, #poorly-comic {
        width:100%;
        max-width: 550px;
    }
}



/*used in submission details log to prevent horizontal scroll*/
pre {
    overflow-x: auto;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.ui-table-scrollable-header-table {
    background-color: #ebeedc !important; 
}

.mobileFilterInput {
    float: right !important;
    width: 80% !important;
}


.mobileFilterInput-sm {
    float: right !important;
    width: 65% !important;
}
.mobileFilterLabelHeader {
    font-weight: bold;
    line-height: 2.8;
    color: #999;
    font-size: 12px;
}

.mobileFilterLabel {
    margin-left: 4px;
    line-height: 2.8;
    color: #999;
    font-size: 11px;
}