/* Minification failed. Returning unminified contents.
(266,38): run-time error CSS1046: Expect comma, found '110'
(266,46): run-time error CSS1046: Expect comma, found '/'
(294,38): run-time error CSS1046: Expect comma, found '110'
(294,46): run-time error CSS1046: Expect comma, found '/'
 */

/* overriding a style in site.css*/
html body {
    padding-top: 0px;
    font-family: Arial,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: .95em;
}
/* color change for header */
#header {
    background: #fbfbfb;
    background: -webkit-gradient(linear,left top,left bottom,from(#fbfbfb),to(#fff));
    background: -moz-linear-gradient(-90deg,#fbfbfb,#fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fbfbfb,endColorstr=#fff);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fbfbfb,endColorstr=#fff);
}
/* Changes to look more like aimntls.com */
#header {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
}

    #header .navbar-nav > li > a:hover {
        color: #b0cbe6;
    }

    #header .navbar-nav > .open > a {
        color: #555;
        color: #e7e7e7;
    }

    #header .dropdown-menu > .active > a:focus {
        background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd));
    }

#aim-portal-menu-links a {
    font-size: .8rem;
    text-transform: uppercase;
    padding: 4px 20px 4px 20px;
    /*padding: 4px 10px 4px 10px;*/
}

#aim-portal-menu-links li a {
    transition: ease 0.3s;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
}

    #aim-portal-menu-links li a:hover {
        color: #262626;
    }

#aim-portal-menu-links .dropdown-item {
    color: #8092aa;
}

#aim-portal-menu-links .dropdown-menu {
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

#aim-portal-menu-links .nav-item.dropdown.show {
    color: #555;
    background-color: #e7e7e7;
}

    #aim-portal-menu-links .nav-item.dropdown.show .nav-link {
        color: #555;
    }
/*#aim-portal-menu-links li{
    background-color: purple;
    color: red;
}*/

#aim-portal-menu-links .dropdown-item:hover {
    /* styles from aimntls hover
        background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd));
    background-image: -webkit-linear-gradient(top, #428bca, 0%, #357ebd, 100%);
    background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%);
    background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
    background-color: #357ebd;*/
    background-color: #274e99;
    color: white;
}

.header-gradient, .body-content > h2:first-of-type {
    margin-top: 1.1rem;
    background-image: linear-gradient(to right, #143d8d, #c4e1ff, #e5f5ff);
    padding: 5px;
    color: white;
}
/* End of changes to look more like aimntls.com */

/* #header .navbar-brand, #header a  */
#header .navbar-nav > li > a, #header .navbar-brand {
    color: #8092aa;
}

#header .btn {
    padding-top: 10px;
}

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

.bold {
    font-weight: bold;
}

.search .form-control {
    display: inline-block;
}

textarea .form-control {
    width: 100%
}

body .check-box {
    /*width:15px;*/
    margin-top: 10px;
}

/*Add extra padding for layout*/
.px-6 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
}
.px-7 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
}

/*********** BOOTSTRAP 5 CHANGES START***********/
/* DateTimePicker styles after changing from glyphicon to font awesome with Bootstrap 5 */
.fa-arrow-down, .fa-arrow-up, .fa-calendar, .fa-times,
.fa-clock, .fa-arrow-left, .fa-arrow-right, fa-pencil, .fa-trash, .aim-t, .aim-c {
    color: #6ca2f3;
}

.aim-t:before {
    font-weight: bold;
    content: 'Today';
}

.aim-c:before {
    font-weight: bold;
    content: 'Clear';
}


/* Remove underline of links */
div a {
    text-decoration: none;
}

    /* Underline links upon hover */
    div a:hover {
        text-decoration: underline;
    }

/* Remove underline from button text when hovering */
a.btn:hover {
    text-decoration: none;
}

/* allow legend to look like it used to */
div legend {
    float: none;
}
/* A less bold overide*/
html .fw-bold, html dt {
    font-weight: 600 !important;
}
/* A less bright blue overide*/
html .btn-primary {
    background-color: #274e99;
    border-color: #274e99;
}

    html .btn-primary:focus {
        background-color: #214488;
        border-color: #214488;
    }

    html .btn-primary:disabled {
        background-color: #214488;
        border-color: #214488;
    }

    html .btn-primary:hover {
        background-color: #214488;
        border-color: #214488;
    }

/***** Pagination in bootstrap 5 Start *****/
.pagination-container .active a {
    /*replaces the bootstrap 5 class 'page-item'*/
    z-index: 3;
    color: #fff !important;
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.pagination-container li:first-child a {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.pagination-container li:last-child a {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

.pagination-container a {
    /*replaces the bootstrap 5 class 'page-link'*/
    padding: .375rem .75rem;
    position: relative;
    display: block;
    color: #0d6efd;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

    .pagination-container a:hover {
        /*page-link*/
        z-index: 2;
        color: #0a58ca;
        background-color: #e9ecef;
        border-color: #dee2e6;
    }
/***** Pagination in bootstrap 5 End*****/
/***** Bootstrap 5 form-select style change to show a date icon instead of a dropdown icon Start *****/
.form-date {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar-event" viewBox="0 0 16 16"> <path d="M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z"/> <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/> </svg>');
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 24px 18px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
}
/* Add highlight to focus */
.form-date:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

    .form-date:disabled {
        background-color: #e9ecef;
    }

.form-time {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clock" viewBox="0 0 16 16"> <path d="M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z"/> <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z"/> </svg>'); background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 24px 18px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
}
/* Add highlight to focus */
.form-time:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}
/***** Bootstrap 5 form-select style change to show a date icon instead of a dropdown icon end *****/
/*********** BOOTSTRAP 5 CHANGES END***********/

/* Style to remove the up and down arrows on number input fields 1 */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Style to remove the up and down arrows on number input fields 2 */
/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

#aim-portal-menu-links .dropdown-menu > .not-in-role > a,
#aim-portal-menu-links .dropdown-menu > .not-in-role > a:hover,
#aim-portal-menu-links .dropdown-menu > .not-in-role > a:focus,
#aim-portal-menu-links .disabled-link, body .disabled-link:hover,
body .disabled-link:focus {
    color: #d9d9d9;
}

#aim-portal-menu-links .dropdown-menu > .not-in-role > a:hover,
#aim-portal-menu-links .dropdown-menu > .not-in-role > a:focus,
body .disabled-link:hover, body .disabled-link:focus {
    text-decoration: none;
}

/* Notification Badge Start */
.notification {
    background-color: red;
    position: absolute;
    top: 6px;
    left: 12px;
}

/* Notification Badge End */

/* Loading Spinner Start */
#loader {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9999;
}

.loader {
    border: 5px solid #3498db;
    border-radius: 50%;
    border-top: 5px solid transparent;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin-top: 2px;
}
/*THIS IS THE OVERLAY FOR THE SPINNER AND ANY OTHER PROCESS THAT NEEDS THIS OVERLAY*/
.overlayAIM {
    background: #e9e9e9;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    z-index: 1020; /* Bootstrap 5 nav, need higher z-index */
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Likely future */
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Loading Spinner End */

/*	--------------------------------------------------
Modals
-------------------------------------------------- */

.modal-open {
    padding-right: 0 !important;
    overflow-y: auto;
}

/* Home Start */

#home-banner {
    background-image: url(/Content/Images/road.jpg);
    background-position: center -200px;
    background-size: 1600px 890px;
    color: #e6e6e6;
    min-height: 350px;
    margin-top: 20px;
    text-align: center;
    background-color: #b3b3b3;
}

/* Home End */

/* Monthly Safety Summary Start */

#monthly-safety th, #monthly-safety td {
    min-width: 105px;
    text-align: center;
}

#monthly-safety-table tr td {
    min-width: 76px;
}
/* Monthly Safety Summary End */
/*GENERIC STYLING FOR FORM INPUTS*/
.table-row-yellow {
    background: #ffffff;
}

.table-row-orange {
    background: #ffffd1;
}

.table-row-red {
    background: #fff499;
}

/*Modal styling - Generic for larger modal and for images.*/
.modal-megamenu {
    width: 60% !important;
    /*height: 100vh !important;*/
}

.modal-body-Image {
    /* height: calc(100vh - 220px) !important;*/
}

.modal-Image-Container {
    /*max-height: calc(75vh - 220px); */
    overflow: scroll;
    overflow-x: hidden;
}

.model-remove-border-top {
    border-top: none !important;
    min-height: 75px;
}
/*Generic styling for field set*/
fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    /*padding: 0 1.4em 1.4em 1.4em !important;*/
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}
/*Generic styling for field set*/
legend.scheduler-border {
    width: auto;
    padding: 0 10px;
    border-bottom: none;
    margin-bottom: 0px;
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
}

.form-remove-display {
    display: inline;
}

.form-top-padding {
    padding-top: 7px;
}
/*END GENERIC STYLING*/
.form-remove-display {
    display: inline;
}

.form-no-required {
    padding-left: 10px;
}
/* CES Start */

#aimces {
    margin-top: 30px;
}

    #aimces .col-md-2 {
        text-align: right;
    }

    #aimces label {
        padding-top: 5px;
    }

.ces-auto-refresh {
    padding-right: 0px;
    text-align: right;
}
/* CES End */


/* WML Start */

.keyImage {
    margin-bottom: 12px;
}

.formText {
    padding-top: 5px;
}

.map {
    margin-bottom: 10px;
    max-width: 500px;
    min-width: 250px;
}

#infoIcon {
    float: left;
    width: 25px;
    padding-right: 5px;
}

#infoText {
    overflow: hidden;
}
/* WML End */

/* Load Board Start */
.ontime {
    color: green;
    background: #eefbea;
}

.late {
    color: red;
    background: #ffffe6;
}

.complete {
    background: #f1f1f1;
}

/*Create Task Start*/
/* Person dropdown */
#person_chosen {
    margin-bottom: 10px;
}

.chosen-single {
    padding-top: 3px !important;
    padding-left: 12px !important;
    color: black !important;
    background: white !important;
    height: 34px !important;
}

    .chosen-single div {
        padding-top: 8px !important;
    }

.chosen-container ul li {
    margin-top: 5px !important;
}
/* Prevents Arrow from switching direction upon dropdown */
.chosen-single div b {
    background-position: initial !important;
}

.chosen-drop {
    /*border-color: #c2dbfe !important;
    border-top: 0px !important;
    box-shadow: 0px 10px 10px rgba(102,175,233,.5) !important;*/
}
/* End Person dropdown */
/* status dropdown*/
.chosen-choices {
    border-radius: 4px;
    min-height: 34px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.chosen-drop {
    border-radius: 4px;
}
/* end of status dropdown*/
/* list styles */


#selected a{
    color: white;
}

.task-list {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 10px;
}

.task-list:focus {
    /*.chosen-container-active .chosen-choices*/
    border: 2px solid #5897fb;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
}

.list-control {
    height: 25px;
    padding-top: 2px;
    padding-bottom: 2px;
}

/*Remove arrow from order field*/
.shrink-order::-webkit-inner-spin-button {
    display: none;
}

/*Width of order for project list*/
#project-list tr td:first-child, #project-list tr th:first-child {
    width: 5%;
    padding-right: 4px;
    padding-left: 4px;
}

#project-list tr td:nth-child(2), #project-list tr th:nth-child(2) {
    width: 8%;
    padding-right: 4px;
    padding-left: 10px;
}

#project-list tr td:nth-child(3), #project-list tr th:nth-child(3) {
    width: 5%;
    padding-right: 4px;
    padding-left: 10px;
}

#project-list tr td:nth-child(4), #project-list tr th:nth-child(4) {
    width: 30%;
    padding-right: 4px;
    padding-left: 10px;
}

#project-list tr td:nth-child(5), #project-list tr th:nth-child(5) {
    width: 30%;
    padding-right: 4px;
    padding-left: 10px;
}

#project-list tr td:nth-child(6), #project-list tr th:nth-child(6) {
    width: 5%;
    padding-right: 4px;
    padding-left: 5px;
}

/*end list styles*/
.priority-order {
    width: 50px;
    padding: 3px;
    text-align: center;
    -moz-appearance: textfield;
}

.delete-note-button {
    cursor: pointer;
}

.edit-note-button {
    cursor: pointer;
}

#devTask_title {
    max-width: 500px;
}

.description {
    min-height: 200px;
    max-width: 500px;
}

#project-desc {
    min-height: 160px;
}

#charLimit {
    margin-bottom: 18px;
}

.checkbox-div {
    margin-top: 3px;
    padding-left: 0px;
}

#archive-list {
    max-width: 80px;
}

.archive {
    /*Allows Yes to not get cut off*/
    padding-left: 9px;
}

#person {
    /*Select drop down on list page*/
    margin-right: 2px;
}

#note-table , #time-log-table, #task-attachment-table {
    border-left: 2px solid #dddddd;
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    border-radius: 4px;
}



    table .bi-pencil, table .bi-trash {
        color: #0d6efd;
    }

    table .bi-pencil:hover, table .bi-trash:hover {
        color: #2a6496;
    }

#note-table tr:first-child td {
    /*Prevents double border*/
    border-top: 0px;
}

#note-table td {
    padding: 0.0rem 0.5rem;
    max-width: 458px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#note-table tr td:first-child {
    width: 85%;
}

#note-table tr td:nth-child(3) {
    width: 15%;
}

.notes-table-content, .time-log-modal-content, .notes-modal-content, .attachment-modal-content, .credit-attachment-modal-content, .over-clocked-modal-content, .multiple-employee-modal-content {
    border-radius: 15px;
}

#time-log-table td {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 2px;
}

#time-log-table tr td:first-child {
    width: 22%
}

#time-log-table tr td:nth-child(2) {
    /*font-size: 13px;*/
    width: 33%
}

#time-log-table tr td:nth-child(3) {
    /*font-size: 13px;*/
    width: 33%
}

#time-log-table tr td:nth-child(5) {
    width: 12%
}

#related-task-table td {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 2px;
}

#related-task-table thead {
    width: 100%;
}

    #related-task-table thead tr th {
        padding-left: 0px;
        padding-right: 0px;
        text-align: left;
    }

#related-task-table th:first-child {
    width: 19%
}

#related-task-table tr td:first-child {
    width: 20%
}

#related-task-table th:nth-child(2) {
    width: 20%
}

#related-task-table tr td:nth-child(2) {
    width: 20%
}

#related-task-table th:nth-child(3) {
    width: 39%
}

#related-task-table tr td:nth-child(3) {
    width: 40%
}

#related-task-table th:nth-child(4) {
    width: 22%
}

#related-task-table tr td:nth-child(4) {
    width: 20%
}

#task-history-table td {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 2px;
}

#task-history-table thead {
    width: 100%;
}

    #task-history-table thead tr th {
        padding-left: 0px;
        padding-right: 0px;
        text-align: left;
    }

#task-history-table th:first-child {
    width: 48%
}

#task-history-table tr td:first-child {
    width: 50%
}

#task-history-table th:nth-child(2) {
    width: 23%
}

#task-history-table tr td:nth-child(2) {
    width: 25%
}

#task-history-table th:nth-child(3) {
    width: 25%
}

#task-history-table tr td:nth-child(3) {
    width: 25%
}


#task-attachment-table td {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#task-attachment-table tr td:first-child {
    width: 92%;
}

#task-attachment-table tr td:nth-child(2) {
    width: 8%;
}
/* PROJECT NOTES START*/
#project-notes {
    width: 50%;
}
/* PROJECT NOTES END */
/* DESKTOP STYLES START */
@media (min-width : 768px) {
    #charLimit {
        text-align: left;
    }

    #note-table, #task-attachment-table, #time-log-table {
        display: block;
    }

        #note-table tr td:first-child {
            width: 85%;
        }

        #note-table tr td:nth-child(3) {
            text-align: right;
            padding-right: 2px;
            width: 15%;
        }
}
/* DESKTOP STYLES End */
@media (min-width : 200px) {
    /* scrollable table w/fixed header start */

    table {
        width: 100%;
    }

    .aimscrollable-small thead, .aimscrollable-small tbody, .aimscrollable-small tr,
    .aimscrollable-small td, .aimscrollable6-small th {
        display: block;
    }
    .aimscrollable-mini thead, .aimscrollable-mini tbody, .aimscrollable-mini tr,
    .aimscrollable-mini td, .aimscrollable6-mini th {
        display: block;
    }

        .aimscrollable-small tr:first-child {
            /*border-top: 1px solid #ddd;*/
        }

    .aimscrollable-mini tr:first-child {
        /*border-top: 1px solid #ddd;*/
    }

    .aimscrollable-small thead {
        width: 1120px;
    }

    .aimscrollable-mini thead {
        width: 1120px;
    }

    .aimscrollable-small table {
        min-width: 1140px;
    }
    
    .aimscrollable-mini table {
        min-width: 1140px;
    }

    .aimscrollable-small tr:after {
        content: ' ';
        display: block;
        visibility: hidden;
        clear: both;
    }

    .aimscrollable-mini tr:after {
        content: ' ';
        display: block;
        visibility: hidden;
        clear: both;
    }

    .aimscrollable-small tbody {
        max-height: 200px;
        overflow-y: scroll;
    }

    .aimscrollable-mini tbody {
        max-height: 200px;
        overflow-y: scroll;
    }

    .aimscrollable-small tbody td, .aimscrollable-small thead th {
        float: left;
        /*width: 100%;*/
    }
    .aimscrollable-mini tbody td, .aimscrollable-mini thead th {
        float: left;
        /*width: 100%;*/
    }
    /* scrollable table w/fixed header end */
    /* Load Board 768 start */
    /* scrollable table w/fixed header end */
    /* Load Board 768 start */

}


@media screen and (max-width: 450px) {
    #person {
        text-align: center;
        margin: auto;
    }

    .form-group {
        text-align: center;
        margin: auto;
    }

    .form-control {
        text-align: center;
        margin: auto;
        margin-bottom: 10px;
    }

    .form-date {
        text-align: center;
        margin: auto;
        margin-bottom: 10px;
    }

    .form-select {
        text-align: center;
        margin: auto;
        margin-bottom: 10px;
    }

    legend {
        text-align: center;
        margin: auto;
        margin-bottom: 10px;
    }

    body {
        text-align: center;
        margin: auto;
        margin-bottom: 10px;
    }

    .dtask {
        text-align: center;
    }

    #note {
        text-align: center;
        margin: auto;
        margin-bottom: 10px;
        min-width: 300px;
    }

    #note-table {
        display: block;
        border-right: 2px solid #dddddd;
    }

    #charLimit {
        text-align: center;
    }

    .notes-modal-content, .notes-container, .over-clocked-modal-content, .multiple-employee-modal-content {
        width: 95% !important;
    }

    .notes-buttons {
        margin-top: 10px !important;
    }
    /*Sets the size of the notes table*/
    #note-table tr td:first-child {
        width: 73%
    }

    #note-table tr td:nth-child(3) {
        width: 27%;
    }

    .list-order {
        /*background-color: mediumvioletred;*/
    }

    .list-porder {
        /*background-color: seagreen;*/
    }

    #task-list th {
        text-align: center;
    }

    #task-list tr td:nth-child(1), #task-list tr th:nth-child(1), #task-list tr td:nth-child(3), #task-list tr th:nth-child(3), #task-list tr td:nth-child(5), #task-list tr th:nth-child(5) {
        display: none
    }

    .header-gradient {
        margin-top: 1.1rem;
        background-image: linear-gradient(to right, #143d8d, #48a1ff, #143d8d);
        padding: 5px;
        color: white;
    }
}
/* Notes*/
#task-notes {
    padding: 0px;
    border: 1px solid #ddd;
    border-top: none;
}

.aim-modal {
    z-index: 1020;
}
/* The Modal (background) */
.notes-modal, .time-log-modal, .attachment-modal, .over-clocked-modal, .multiple-employee-modal, .credit-attachment-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    /* z-index: 1; Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.attachment-modal-content, .credit-attachment-modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 450px;
}

.notes-modal-content, .time-log-modal-content, .multiple-employee-modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 35%;
}

.over-clocked-modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 725px;
}

.notes-container, .over-clocked-container, .multiple-employee-modal, .attachment-container {
    max-width: 100%;
    padding: 0px 5px 0px 5px;
}

#new-note {
    max-width: 100%;
}

#note-head, #attachment-head {
    font-size: 27px;
}

#over-clocked-head {
    font-size: 26px;
}
/* The Close Button */
.close-modal {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close-modal:hover,
    .close-modal:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

/* Multiple Employee Modal */


#multipleEmployeeModal {
    position: absolute;
    margin: auto;
    padding-top: 120px;
}

#multiple-employee-modal-content .container {
    width: 95% !important;
}

#multiple-employee-modal-content {
    width: 950px;
}

#multiple-employee-list {
    width: 100%;
}

    #multiple-employee-list th:nth-child(4) {
        width: 30%
    }

    #multiple-employee-list tr td:nth-child(4) {
        width: 30%
    }

    #multiple-employee-list th:nth-child(5) {
        width: 30%
    }

    #multiple-employee-list tr td:nth-child(5) {
        width: 30%
    }
/*END OF MODAL*/

/* Sets a star by required fields*/
.required {
    /*padding-right: 0px;*/
    /*Lines last char of requird with non required regular last chars*/
    /*padding-right: 5px;*/
}

    .required::after {
        content: " *";
        font-weight: bold;
        color: red;
    }

/* Set the title and description width*/
@media screen and (min-width: 1400px) {
    .task-title {
        min-width: 458px;
    }

    #project-title {
        min-width: 700px;
    }

    #project-desc {
        /*min-width: 700px;*/
    }

    .description {
        min-width: 458px;
    }

    .charLimit {
        text-align: right;
    }
    /*Notes Modal*/
    #note {
        min-width: 458px;
    }

    #note-table tr td:first-child {
        width: 88%;
    }

    #note-table tr td:nth-child(3) {
        width: 12%;
        padding-right: 0px;
    }
}
/*Create Task End*/

/* Request Quote Report */
#request-quote-table tr, #multiple-employee-list tr, #monthly-safety-table tr {
    background-color: white;
}

.sticky-col {
    position: sticky;
    position: -webkit-sticky;
    background-color: white;
}

#transportation-analysis-table th, #request-quote-table th, #multiple-employee-list th, #monthly-safety-table th, #monthly-safety-table tr:last-child {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    background-color: white;
    border: white;
}

#monthly-safety-table tr:last-child {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 4;
}

.first-col {
    z-index: 2;
    background-color: white !important;
    min-width: 145px;
    max-width: 300px;
    left: 0px;
}

.second-col {
    z-index: 3;
    background-color: white;
    min-width: 145px;
    max-width: 300px;
    left: 169px;
}

#rq-first-col {
    z-index: 3;
}

.wrapper {
    max-width: 1300px;
    max-height: 500px;
    overflow: scroll;
    white-space: nowrap;
    display: inline-block;
}

.mult-emp-wrapper {
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
    white-space: nowrap;
    display: inline-block;
}

/* Request Quote Report End*/

/* Time Log Report */
#tl-wrapper {
    min-width: 90%;
}

#time-log-report-table tr td:nth-child(3) {
    max-width: 400px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#time-log-report-table th, #time-log-report-table th {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    background-color: white;
    border: white;
}

/* Time Log Report End*/

/* SafetyShop PDF Styles Start */
.newPadding {
    padding: 2px !important;
    border-top: none !important;
}

.smallColumn {
    width: 50px !important;
}

.questionText {
    font-size: 12px;
}

.imageSize {
    width: 10px;
    height: 10px;
    font-size: 12px;
}

/* SafetyShop PDF Styles End*/

/* DESKTOP STYLES START */
@media (min-width : 768px) {
    /* scrollable table w/fixed header start */
    table {
        width: 100%;
    }

    .aimscrollable thead, .aimscrollable tbody, .aimscrollable tr,
    .aimscrollable td, .aimscrollable6 th {
        display: block;
    }

    .aimscrollable thead {
        width: 1120px;
    }

    .aimscrollable table {
        min-width: 1140px;
    }

    .aimscrollable tr:after {
        content: ' ';
        display: block;
        visibility: hidden;
        clear: both;
    }

    .aimscrollable tbody {
        height: 500px;
        overflow-y: scroll;
    }

        .aimscrollable tbody td, .aimscrollable thead th {
            float: left;
        }
    /* scrollable table w/fixed header end */
    /* Load Board 768 start */
    #load-board .aimscrollable thead th:nth-child(1), #load-board .aimscrollable tbody td:nth-child(1) {
        width: 12%;
    }

    #load-board .aimscrollable thead th:nth-child(2), #load-board .aimscrollable tbody td:nth-child(2),
    #load-board .aimscrollable thead th:nth-child(8), #load-board .aimscrollable tbody td:nth-child(8),
    #load-board .aimscrollable thead th:nth-child(9), #load-board .aimscrollable tbody td:nth-child(9) {
        width: 11%;
    }

    #load-board .aimscrollable thead th:nth-child(6), #load-board .aimscrollable tbody td:nth-child(6) {
        width: 8%;
    }

    #load-board .aimscrollable thead th:nth-child(5), #load-board .aimscrollable tbody td:nth-child(5),
    #load-board .aimscrollable thead th:nth-child(7), #load-board .aimscrollable tbody td:nth-child(7) {
        width: 14%;
    }

    #load-board .aimscrollable thead th:nth-child(3), #load-board .aimscrollable tbody td:nth-child(3),
    #load-board .aimscrollable thead th:nth-child(4), #load-board .aimscrollable tbody td:nth-child(4) {
        width: 5%;
    }

    #load-board .aimscrollable thead th:nth-child(10), #load-board .aimscrollable tbody td:nth-child(10) {
        width: 9%;
    }
    /* Load Board 768 end */
}

@media (min-width : 992px) {
    .aimscrollable thead {
        min-width: 1120px;
    }

    .aimscrollable table {
        min-width: 1140px;
    }

    #load-board .aimscrollable {
        /*font-size: 12px;*/
    }
}

@media (min-width : 1201px) {
    .aimscrollable thead {
        min-width: 1120px;
    }

    .aimscrollable table {
        min-width: 1140px;
    }
}

/* DESKTOP STYLES END */

.mobileDownloads {
    text-align: center;
    height: 130px;
    background-color: #214488;
    position: fixed;
    bottom: 0;
    width: 100%;
    margin-top: 20px;
    border-top: solid 5px #fff;    
}
.mobileDownloads a.close {
    content: 'X';
    position: absolute;
    top: 7px;
    right: 7px;
    z-index: 100;
    color: #fff;
    font-weight: bold;
}

.mobileDownloads p {
    color: #fff;
    padding: 10px 0 10px 0;
}

.mobileDownloads img {
    height: 50px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

.aim-datetimepicker-container {
    position: relative;
    max-width: 280px;
}

.aim-time-picker {
    background-image: none;
}

.aim-time-picker-icon {
    position: absolute;
    top: 5px;
    right: 12px;
    z-index: 100;
    color: #333;
    font-size: 1.7rem;
    cursor: pointer;
}

.aim-time-picker-icon.active {
    color: #007F0E;
}

/* Font Awesome Custom CSS Start */

/* Makes the icon look like an anchor tag (blue color and cursor pointer). */
.icon-atag {
    color: #0d6efd;
    cursor: pointer;
}
/* On hover colors the icon a darker blue. */
.icon-atag:hover {
    color: #143d8d;
}

/* Font Awesome Custom CSS End */

.impersonate-minimize {
    position: absolute;
    top: -8px;
    right: 5px;
    z-index: 1000;
    color: #ccc;
}

.alert-warning.impersonate-minimized {
    height: 10px;
    display: block;
    padding: 0;
    margin: 0;
}

.alertTable {
    background-color: #fff;
    margin: 10px;
    padding: 10px;
}

.alertTable h3 {
    font-size: 1.2rem;
}