.error {
    color: red;
}

.form-control.error {
    border: 1px solid red;
}

.images-preview-div img {
    width: 10%;
    padding: 3px;
    border: 1px solid;
    margin: 5px;
    border-radius: 5px;
    height: 100px;
}

.diff_user_topbar {
    color: black;
    text-align: center;
    padding: 10px;
}

.diff_user_topbar a {
    color: black;
    text-decoration: underline;
}

div.dataTables_wrapper div.dataTables_length select {
    width: 100%;
}

input[name='docs[]']::file-selector-button {
    margin-right: 20px;
    border: none;
    background: #084cdf;
    padding: 10px 20px;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    transition: background .2s ease-in-out;
}

input[name='docs[]']::file-selector-button:hover {
    background: #0d45a5;
}

.upload-btn-wrapper input[name='docs[]'] {
    opacity: 1;
    font-size: inherit;
    position: inherit;
}

.btn-report-check {
    margin-top: -52px;
    z-index: 9999;
}

.show-textbox {
    display: none;
}

.grenlightbg {
    background-color: #cee1d4;
}

#time-materials_list_filter {
    display: none;
}

#documents_list_all_filter {
    display: none;
}

#cost_code_list_filter {
    display: none;
}
#cost_code_list_length {
    display: none;
}

select{
    color: #C9C9C9;
    font-style: italic !important;
}
.form-select{
    color: #C9C9C9;
    font-style: italic !important;
}
.project-detail .table-responsive{
    min-height: 500px;
}
ul.ui-autocomplete {
    z-index: 1100;
}
.ui-menu-item:first-child{
    color:green;
}
.colorblack {
    color: #4D4D4D;
}

input[type='file']{
    color:inherit!important;
}

.delete-per{
    margin-left: 20px;
}

.select2-container{
    width: 100% !important;
}

.select2-container--default .select2-selection--single {
    padding: 5px;
}

.select2-container .select2-selection--single {
    height: auto !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px !important;
}
.select2-results__option:nth-child(n+2):nth-child(-n+2){
    color:green;
}
.total_time_block{
    margin-top: 30px;
    font-weight: bold;
}
.staff-table tbody tr{
    border-style: none!important;
    border-bottom: none!important;
}.staff-table tbody td{
     border-bottom-width: 0;!important;
}
 #staff-active .dataTables_filter{
     display: none;
 }
 #staff-Archived .dataTables_filter{
     display: none;
 }

 #pinned_projects th svg{
     display: none!important;
 }

#unpined_projects th svg{
     display: none!important;
 }

#unpined_projects_length{
     display: none!important;
 }