body {
background-color: white;
margin:0 auto;
color:#333;
font-family:sans-serif;
font-size:14px;
}
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
  
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.pageHeader {
border-bottom:2px solid #ddd;
padding:20px 30px 0;
}
.welcome {
max-width:1480px;
margin:0 auto;
height:20px;
}
.breadcrumbs {
margin:20px 0;
}
.page-wrapper {
background: #F5F5F5;
padding:15px 0;
}
.page-main {
max-width:1420px;
margin:0px auto;
border:1px solid #eee;
border-radius:5px;
padding:0 30px;
background:white;
overflow: hidden;
width: 94%;
min-height:1000px;
padding-bottom:50px;
}
.subHeader {
margin:10px 0;
}
h1 {
text-transform: capitalize;
}
input, select,textarea {
width:80%;
padding:11px;
border:1px solid #ccc;
border-radius:3px;
display:block;
clear:both;
max-width:460px;
/*-webkit-appearance: none;
-moz-appearance: none;
appearance: none;*/
}
input[type="checkbox"] {
    width:unset;
    float:left;
    margin-right:10px;
}
input[type="file"] {
border:none;
padding-left:0px;
}
option {
padding:11px;
}
.updates-list {
    margin-top:40px;
}
.update-block {
padding:10px 0 17px 0;
border-top:1px solid #DDD;
line-height:40px;
overflow:hidden;
width:100%;
}
.update-comment {
    line-height: initial;
    margin-bottom: 5px;
    font-size: 13px;
}
.update-block:first-of-type {
margin-top:20px;
}
.update-details {
text-transform: capitalize;
font-size:10px;
float:left;
line-height:20px;
}
.update-status {
text-transform: capitalize;
font-size:10px;
float:right;
line-height:20px;
}
.project-notes-list {
    height:250px;
    overflow-y: scroll;
}
label {
display: inline-block;
width: 140px;
vertical-align: top;
width:100%;
margin-bottom:10px;
}
.navigation {
display:block;
max-width:1480px;
margin:30px auto 3px auto;;
height:35px;
position:relative;
padding:0;
cursor:pointer;
}
.navigation li.level0 {
float:left;
margin-right:50px;
padding:10px 0;
list-style-type: none;
font-size:14px;
font-family:sans-serif;
position:relative;
transition: .25s ease .25s;
}
ul.level0 {
display:none;
list-style-type:none;
}
.navigation li.level0:hover ul.level0 {
display:block;
position:absolute;
width: max-content;
padding: 5px 0;
margin-top: 11px;
border: 1px solid lightgray;
z-index: 10000000;
background: white;
border-top: none;
min-width: 180px;
padding-left: 0;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
li.level0 li.level1 a {
width:#333;
display:block;
font-size:13px;
}
.navigation li.level0 a {
color: #333;
text-decoration:none;
}
li.level1 {
padding: 11px 11px;
}
li.level1:first-child {
border-top:none;
}
.columns {
    margin-top:40px;
}
.left-column {
width:38%;
float:left;
margin-right:4%;
}
.right-column {
width:58%;
float:left;
}
#button, .btn-primary {
background: #007cba;
color:white;
padding:11px 25px;
border:1px solid #eee;
text-transform:capitalize;
cursor:pointer;
min-width:160px;
}
#button-checkmark {
    background: none;
    color:darkblue;
    cursor:pointer;
    font-size:24px;
    border:none;
    width:50px;
}
#button-checkmark:hover{
    color:red;
}
.btn-default {
margin:10px 0;
}
.mainSummary {
font-size:13px;
border:1px solid #eee;
padding:10px 20px;
border-radius:5px;
overflow:hidden;
}
.mainSummaryLeft {
width:40%;
float:left;
}
.mainSummaryCenter {
width:40%;
float:left;
}
.mainSummaryRight {
width:20%;
float:left;
}
.mainSummaryLeft a, .mainSummaryCenter a {
text-decoration:none;
color:blue;
}
.summaryField {
overflow:hidden;
margin:10px 0;
}
#summaryLabel {
margin-right:10px;
font-weight:bold;
float:left;
}
#summaryData {
float:left;
}
.summaryEdit {
margin-top:25px;
font-size:12px;
}
.table-responsive {
display:block;
width:100%;
overflow-x:auto;
}
.table {
width:100%;
max-width:100%;
margin-bottom:10px;
background-color:transparent;
font-size:13px;
}
table {
border-collapse: collapse;
}
.table-striped tbody tr:nth-of-type(1){
background:dimgray;
color:white;
height:40px;
}
.table td, .table th {
    padding:8px 10px;
    vertical-align: middle;
    border-top:1px solid #ddd;
}
th {
    text-align:inherit;
    cursor:pointer;
}
th span {
    margin-left:8px;
}
#quote_table input {
    width:100%;
    max-width:unset;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.btn-warning, .btn-info, .btn-success {
    background: #007cba;
    color:white;
    padding:8px 20px;
    border:1px solid #eee;
    text-transform:capitalize;
    border-radius: 20px;
    font-size:12px;
}
.btn-info, .btn-success {
    display: inline-block;
    width:70px;
}
.text-center {
    text-align:center;
}
.success-message {
}
.success-return {
    margin:15px 30px 0 0;
    float:left;
}
.form-group {
margin:20px 0;
}
.dollar{
	position: relative;
}
.dollar input{
	padding-left:25px;
}
.dollar:before {
	position: absolute;
    content:"$";
    left:11px;
    top:11px;
    font-size:14px;
    color:gray;
    font-weight:normal;
}
.fieldset {
    margin:15px 0;
}
.right{
 float:right;
 margin:10px 0;   
}
.right a {
    text-decoration:none;
    color:dodgerblue;
}
#tableSearchInput {
    background-image: url('../media/searchicon.png');
    background-position: 10px 12px;
    background-repeat: no-repeat;
    width: 100%;
    font-size: 14px;
    padding: 13px 20px 12px 40px;
    border: 1px solid #ddd;
    margin-bottom: 12px;  
}
#vendor_table {
    border-collapse: collapse;
    width: 100%;
}
.quick-links-list {
display:block;
margin-top:40px;
}
.quick-link-block {
margin:10px 20px 0 0;
padding:10px;
border:1px solid #eee;
width:100px;
height:100px;
float:left;
display:block;
text-align:center;
}
.quick-link-block img {
display:block;
width:60px;
margin:0 auto;
}
.quick-link-block span {
    margin-top:15px;
    display:block;
}
.quick-link-block a {
    color:gray;
    text-decoration:none;
    font-size:12px;
}
.view-all-block {
    font-size:10px;
    float:left;
}
.view-all-block a {
    color:crimson;
    text-decoration:none;
}
.time-panel {
    border:1px solid #e2e2e2;
    width:80%;
}
.timefield {
    text-align:center;
    color:white;
    background:dodgerblue;
    height:85px;
    font-size:40px;
    line-height:85px;
}
.clockin {
    text-align:center;
    padding:33px;
}
#clockbutton {
    border-radius:3px;
    border:1px solid gray;
    background:forestgreen;
    color:white;
    padding:15px 30px;
    width:200px;
    font-size:20px;
    font-weight:bold;
    display:unset;
}
.filter-container {
    display: flex;
    align-items: center; /* This will vertically align the input and dropdown if they have different heights */
    gap: 10px; /* This will add a gap between the input and dropdown */
    float: left;
    width:50%;
}
#statusFilter {
    margin-bottom:12px;
    width:150px;
    border:1px solid #007cba;
}
#pagination {
    text-align: center;
    font-family: Arial, sans-serif;
    float:right
}

#pagination button {
    padding: 8px 15px;
    margin: 5px;
    background-color: #fff;
    border: 1px solid #ddd;
    color: black;
    font-size: 13px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

#pagination button:hover {
    background-color: #eee;
}

#pagination button:disabled {
    background-color: #cccccc;
    cursor: default;
}

#pageInfo {
    display: inline-block;
    padding: 8px 15px;
    margin: 5px;
    background-color: #fff;
    border: 1px solid #dddddd;
    color: #333;
    font-size: 13px;
}

/* Style for current page indicator */
.page-indicator {
    padding: 8px 12px;
    margin: 0 4px;
    background-color: #28a745;
    border-radius: 5px;
    color: white;
    font-size: 16px;
}