/*-----------------------------------------------------
    CCPSOL
    www.url.com
----------------------------------------------------- */

/* ===== GENERAL STYLES  ====== */
body { font-size:16px; height: 100%; width: 100%; color:#000; font-family: 'Montserrat', sans-serif; }
body:before {content: ""; height:100%; width:100%; visibility: hidden; background-color:rgba(0, 0, 0, 0); position:absolute; z-index:10; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
body.overflow-y{ overflow-y:hidden; }
body.overflow-y:before { visibility: visible; background-color:rgba(0, 0, 0, 0.3);}
a,
.btn,
a:hover,
.btn:hover { cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
a:hover,a:focus { text-decoration:none;}
img { max-width:100%;}
ul{	padding-left:0; margin:0 }
ul li{ list-style:none;}
.mobile-toggle { display: none;}
.container-fluid { max-width: 1805px; width: 100%; }

/* ===== TYPEOGRAPHY ====== */
h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; }
p{margin: 0; font-size: 16px; color: #000;  font-weight: 400;}
h1 { font-size: 24px; line-height: initial; margin-bottom: 0; font-weight: 600; color: #000000; padding:25px 0; display:flex; align-items:center; }
h2 {color: #000000; font-size: 24px; line-height: inherit; font-weight: 600; padding:20px 0; margin-bottom: 0;}
h5 {font-size: 18px; color:#000; font-weight:500; }

h1 p {font-size: 18px; font-weight:400; }
h1 strong {font-size: 18px; font-weight:600; }
h1 i {margin: 0 12px;}

/* ===== GLOABAL STYLES ====== */
.btn {padding:6px 25px; border:2px solid transparent !important; background-color:#b6a268; color:#fff; font-weight:600; font-size:16px; border-radius:0px; }
.btn:hover {background: #00573d; color:#fff; }

.form-group label {font-size: 14px; color:#64696c; font-weight:600;}
.form-control {border: 1px solid #c9d0db; box-shadow: none !important; border-radius:2px; box-shadow:none; background-color:#fff; height:40px; width: 100%;}
.form-control:focus {border-color: #00573d !important;}

a {font-size: 16px; font-weight: 500; color:#00573d; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
a:hover {color: #b6a268; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

.list-table td {padding:10px; font-weight: 400; color:#64696c; vertical-align:top; font-size:14px;}
.list-table td>strong {font-weight: 600;}

input[type='checkbox'] {height: 22px; cursor: pointer; width: 22px; border: 2px solid #d2d2d2; margin:0;  appearance:none; outline:none !important; position:relative !important; }
input[type='checkbox']:before {content: "\f00c"; font-size:14px; opacity:0; position: absolute; top:50%; left: 50%; transform:translate(-50%, -50%); color:#00573d; font-family:fontawesome; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
input[type='checkbox']:checked {border-color: #00573d;}
input[type='checkbox']:checked:before {opacity: 1;}

.month-block {border-bottom: 2px solid #00573d; padding:12px 15px; display:flex; align-items:center; justify-content:center; text-align:center; }
.month-block a {display: inline-block; padding:4px; border: 1px solid #00573d; border-radius:5px; color:#000; font-size:16px; }
.month-block a:hover {background-color: rgba(0, 87, 61, 0.2);}
.month-block strong {font-size: 18px; color:#000; font-weight:500; margin:0 40px; line-height:inherit; }

.grid-block {display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between;}
.grid-block .grid-column {padding: 0 20px 20px; margin:0; flex-grow:1; box-shadow:0 0 7px 1px rgba(0,0,0,0.1); border:none; overflow:hidden; border-radius:20px;  max-height: 400px; overflow:auto; position:relative; }
.grid-block .grid-column h2 {padding: 10px 15px !important; background: #f4f8fb; margin: 0 -20px 20px; text-align: center; color:#00573d;  position: sticky; top:0; left:0; }

tr.dark_gray,
tr.light_gray {background-color: transparent;}

/* ===== HEADER ====== */
header {background-color: #00573d; position:relative; z-index:100; }
header .header-block {display: flex; align-items:center; }
header .header-block .logo {margin-right: auto;}
header .header-block .logo a {font-size: 28px; color:#ffffff; text-transform:uppercase; font-weight:700; }
header .header-block .navbar-nav li {margin:0 25px;}
header .header-block .navbar-nav li:last-child {margin-right: 40px;}
header .header-block .navbar-nav li>a {font-size: 15px; display: inline-block; padding: 17px 0; color:#ffffff; font-weight:400; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
header .header-block .navbar-nav li>a:hover {color: #b6a268;}
header .header-block .profile-block {display: flex; align-items:center; margin-right: 10px;}
header .header-block .profile-block .fa-bell{font-size: 18px; color: #b6a268; padding-right: 18px; margin-right: 18px; display:inline-block; border-right:2px solid rgba(135, 176, 164, 0.2); }
header .header-block .profile-block .fa-bell:hover {color: #fff;}
header .header-block .profile-block figure {margin-right:12px;}
header .header-block .profile-block .profile-name {color: #fff; font-size: 14px; font-weight:400; }
header .header-block .navbar-nav .dropdown.open  .caret {transform: rotate(180deg); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
header .header-block .navbar-nav .dropdown  .caret { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
header .header-block .navbar-nav .dropdown-menu {background-color: #b6a268; border: none; border-radius: 0; padding: 0; margin:0; transform-origin: top center; left:50%; transform:translateX(-50%); }
header .header-block .navbar-nav .dropdown-menu li {margin: 0 !important;}
header .header-block .navbar-nav .dropdown-menu a { white-space: pre-wrap;  padding: 10px; width: 100%; font-size: 15px; background-color: transparent ;  position: relative; transition: all ease 0.3s;}
header .header-block .navbar-nav .dropdown-menu a:hover { background-color: #00573d; color: #fff !important; transition: all ease 0.3s;}
header .header-block .navbar-nav .dropdown-menu a:before {display: none;}

/* ===== SUB HEADER ====== */
.sub-header {border-bottom: 2px solid #00573d;}
.sub-header ul {display: flex;}
.sub-header li>a {color: #231f20; font-size:14px; font-weight:600; display:inline-block; padding: 14px 16px; }
.sub-header li.active>a,
.sub-header li>a:hover {background-color: rgba(0, 87, 61, 0.2);}

/* ===== LOGIN ====== */
.login {padding:60px 20px; min-height:100vh; width:100%; display:flex; justify-content:center; align-items:center; position:relative; z-index:0; }
.login:before {content: ""; height:100%; width:100%; background-size:cover; background-position: center; background-repeat:no-repeat; background-image:url(../images/login-bg.jpg); position:absolute; top:0; left:0; z-index:-1; opacity:0.1;}
.login .login-block {background-color: #fff; max-width:570px; width:100%; margin:auto; text-align:center; padding:73px 50px; box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1); }
.login .login-block h1 {margin-bottom: 5px; color: #00573d; font-size: 55px; font-weight: 700; padding:0; display:block; }
.login .login-block h5 {text-transform: uppercase;}
.login .login-block h2 {margin-bottom: 38px; color: #0d2031; font-size: 46px; font-weight: 700; padding: 0;}
.login .login-block form {text-align: left;}
.login .login-block form .form-group {position: relative; margin-bottom: 38px;}
.login .login-block form .form-group label {position: absolute; background-color:#fff; color:#000; font-weight:500; font-size:17px; line-height: 28px; margin:0; padding:0 6px; top:-14px; left:20px; }
.login .login-block form input.form-control {border: 2px solid #d2d2d2; font-size: 16px; color: #000; background-color:#fff; border-radius:0; box-shadow:none; height:56px; width:100%;}
.login .login-block .btn {width: 100%; margin:10px 0 14px;}
.login .login-block form .checkbox {text-align: center;}
.login .login-block form .checkbox label {font-size: 17px; display: flex; align-items: center; justify-content: center; gap: 14px; color: #000000; font-weight:500; }

/* ===== INTAKE LISTING ====== */
.listing-table {padding-bottom: 60px;}
.listing-table .table-header {display: flex; align-items:center; padding:25px 0;}
.listing-table .table-header h4 {font-size: 24px; line-height: initial; margin-bottom:0; font-weight:600; color:#000000; margin-right:auto; display:flex; align-items:center; }
.listing-table .table-header h4 strong {font-size: 18px; font-weight:600;position: relative; padding-left:30px;}
.listing-table .table-header h4 strong:before {content: "\f101"; font-family:fontawesome; position:absolute; left:11px; top:50%; transform:translateY(-50%); }
.listing-table .table-header h4 i {margin: 0 12px;}
.listing-table .table-header .search-block {height: 50px; max-width:400px; width:100%; background-color:#f1f1f2; display: flex;}
.listing-table .table-header .search-block input {height: 100%; border:none; color: #a2a2a2; font-size: 14px; font-weight: 400; background-color:transparent; flex-grow:1; padding:0 15px; outline:none; }
.listing-table .table-header .search-block input::placeholder {color: #a2a2a2;}
.listing-table .table-header .search-block a {color: #fff; font-size:16px; line-height: 50px; padding: 0 17px; font-weight:600; background-color:#b6a268; display:inline-block;}
.listing-table .table-header .search-block a:hover {background-color: #00573d}
.listing-table .table-block {position:relative; z-index:0; }
.listing-table .table-block.scroll {overflow: auto; white-space: nowrap;}
.listing-table .table-block table{width: 100%; border-collapse: separate; }
.listing-table .table-block table thead {position: sticky; top:0; left:0; background-color:#fff; z-index:1; }
.listing-table .table-block table thead th {padding:12px 14px; font-size:16px; color:#00573d; border-top: 1px solid #00573d; border-bottom: 1px solid #00573d;}
.listing-table .table-block table tbody td {padding:12px 14px; color:#464646; font-size:14px; font-weight:400; }
.listing-table .table-block table tbody td a {font-size: 14px;}
.listing-table .table-block table tbody tr:nth-child(even) {background-color: #f3f3f3;}
.listing-table .table-block table tbody td.actions-block a {color: #464646; margin-left:15px; }
.listing-table .table-block table tbody td.actions-block a:hover {color:#b6a268;}
.listing-table .table-block table tbody td.actions-block a:first-child {margin-left: 0;}
.listing-table .table-block table tbody td .btn{font-size: 14px; padding:6px 12px; }
.listing-table table tr.disabled {background: #ffefc1;}

/* ===== SPEC SHEET ====== */
.spec-sheet {margin-top: 40px;}
.spec-sheet .row {margin: 0 -42px;}
.spec-sheet .each-item {padding: 0 42px;}
.spec-sheet .form-group {display: flex; align-items:center; margin-bottom:8px; }
.spec-sheet .form-group label {font-size: 14px; color:#64696c; flex:0 0 200px; }
.spec-sheet .form-group .form-control {height: 40px; border:2px solid #dce1e8; box-shadow:none; flex-grow:1; font-size:14px; color:#64696c;}
.spec-sheet .form-group .form-control:focus {border-color:#b6a268; }
.spec-sheet .btn {display: block; max-width:193px; width:100%; margin:100px auto 0;}

/* ===== Client Details ====== */
.client-details-block form .form-group {margin-bottom: 22px;}
.client-details-block form label {font-size: 15px; font-weight:500; color:#6a6a6a; }
.client-details-block form .form-control {height: 48px; border-radius:0; width:100%; background-color:#f4f8fb; border:none; box-shadow:none; font-size:15px; color:#6a6a6a; }
.client-details-block form .styled-select {position: relative;}
.client-details-block form .styled-select:after {content: "\f0d7"; font-size:18px; color:#0d2031; font-family:fontawesome; position:absolute; top:50%; right:22px; transform:translateY(-50%);}
.client-details-block form .styled-select select {appearance: none;}
.client-details-block form .btn {margin-top: 30px;}
.client-details-block .left-block {margin-right: 10px;}
.client-details-block .right-block {margin-left: 10px;}
.client-details-block .right-block h5 {font-size: 18px; color:#000000; font-weight:400;}
.client-details-block .right-block h6 {font-size: 15px; color:#6a6a6a; font-weight:500;}
.client-details-block .right-block .table-view {overflow: auto; white-space:nowrap;  margin-bottom:30px;}
.client-details-block .right-block table {width: 100%;}
.client-details-block .right-block table thead {border-top: 1px solid #00573d; border-bottom: 1px solid #00573d;}
.client-details-block .right-block table thead th {color: #00573d; padding: 12px 20px; font-size: 16px; font-weight:600; }
.client-details-block .right-block table tbody td {color: #6a6a6a; padding: 12px 20px; font-size: 15px; font-weight:400; background-color:#f4f8fb; }

/* ===== SUB TASKS ====== */
.sub-tasks-block {padding-top: 20px;}
.sub-tasks-block .sub-tasks-list {padding: 50px 0 0;}
.sub-tasks-block .sub-tasks-list ul {display: flex; flex-wrap:wrap; }
.sub-tasks-block .sub-tasks-list ul li{ flex:0 0 33.33%;  margin-bottom:40px;}
.sub-tasks-block .sub-tasks-list h6 {font-size: 14px; font-weight:400; color:#64696c; margin-bottom:0px; }
.sub-tasks-block .sub-tasks-list h6 strong {font-weight: 600; min-width:240px; margin-right: 30px; display:inline-block; }
.sub-tasks-block.listing-table .sub-tasks-table-block table tbody td,
.sub-tasks-block.listing-table .sub-tasks-table-block table tbody th {padding: 3px 20px;}
.sub-tasks-block .sub-tasks-table-block table .actions-block {display: flex; align-items:center; gap:12px;}
.sub-tasks-block .sub-tasks-table-block table .actions-block .task_budget_save {display: flex; align-items: center; min-width: 340px;}
.sub-tasks-block .sub-tasks-table-block table .actions-block input.form-control {margin-right: 12px; max-width: 270px;}
.sub-tasks-block .sub-tasks-table-block table .actions-block .btn {padding: 6px 25px;}
.sub-tasks-block .sub-tasks-table-block table .actions-block .fa-trash {font-size: 16px; border: none; display: inline-block; border-radius: 50%; background-color: transparent; color:#231f20; display:inline-block; padding:6px 7.75px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.sub-tasks-block .sub-tasks-table-block table .actions-block .fa-trash:hover {background-color: rgba(0, 87, 61, 0.2);}
.sub-tasks-block .task_insert h4 {font-size: 24px; color: #00573d; font-weight:500; }
.sub-tasks-block .add-task-form {padding: 30px 0;}
.sub-tasks-block .add-task-form h6 {font-size: 16px; color:#00573d; font-weight:600; }
.sub-tasks-block .add-task-form .form-group {display: flex; align-items:center; }
.sub-tasks-block .add-task-form .form-group label {width:100%; max-width: 205px; margin-right:74px; font-size: 14px; color:#64696c; font-weight:600; }
.sub-tasks-block .add-task-form .form-group .form-control {border: 1px solid #c9d0db; border-radius:2px; box-shadow:none; background-color:#fff; height:39px; width: 100%; max-width:270px; }
.sub-tasks-block .add-task-form .form-group .styled-select {position: relative; width: 100%; max-width:270px; background-color:#fff; z-index:0; }
.sub-tasks-block .add-task-form .form-group .styled-select:before { content: "\f107"; font-family: fontawesome; position: absolute; top:50%; right:15px; transform:translateY(-50%); z-index:-1; }
.sub-tasks-block .add-task-form .form-group .styled-select .form-control {appearance: none; background:transparent; }
.sub-tasks-block .add-task-form .btn-group {margin-top: -30px;}

/* ===== STATEMENT OF ACCOUNT ====== */
.statement-of-account .invoice_detail_reference { padding:15px 0;}
.statement-of-account .invoice_detail_reference li {display: inline-block; float: none !important; padding: 5px 0; margin:0 !important; width:auto !important; color:#464646 }
.statement-of-account.listing-table .table-block table#invoice_detail_table {width: auto;}
.statement-of-account.listing-table .table-block table#invoice_detail_table tbody tr:nth-child(even) {background: transparent;}
.statement-of-account.listing-table .table-block table#invoice_detail_table tbody td {padding: 10px;}
.statement-of-account .statement-block .note {font-size: 14px !important; color: #fff; background-color:#00573d; width:fit-content; padding:12px 63px; margin-bottom:0 !important; }
.statement-of-account .statement-block table.bill-details td {padding:15px 10px; color:#64696c; vertical-align:top; font-size:14px;}
.statement-of-account .statement-block table.bill-details td>strong {font-weight: 600;  }
.statement-of-account .statement-block #date_range {display: flex; gap:20px; }
.statement-of-account .statement-block #date_range .btn {font-size: 14px;}
.statement-of-account .statement-block .form-block {display: flex; gap:40px; flex-wrap:wrap; margin:15px 0 30px; }
.statement-of-account .statement-block h6 {font-size: 16px; color:#00573d; margin-bottom:0; }
.statement-of-account .statement-block .table-block #withholdings {max-width: 1300px; width:100%; padding:0; }
.statement-of-account .statement-block .table-block #withholdings th {text-align: right !important;}
.statement-of-account .statement-block .table-block #withholdings td {padding:12px 14px !important; text-align: right !important;}
.statement-of-account .statement-block .table-block #withholdings tfoot td { color:#464646; font-size:14px; font-weight:400;}
.statement-of-account .statement-block>h5 {font-size: 14px; line-height: 22px; font-weight:300; color:#464646; margin: 75px 0 0; }
.statement-of-account .statement-block>h5>strong {font-size: 14px; line-height: 22px; font-weight:300; color:#464646; display: inline-block; max-width:730px; width:100%; margin-right:20px; }
.statement-of-account .statement-block .table-block {margin-bottom: 20px;}
.statement-of-account .statement-block #invoice_intake_chart_string,
.statement-of-account .statement-block #invoice_intake_number {float: none; margin: 0;}
.statement-of-account .table_row_padding_reduction{line-height: 1.4;}

/* ===== TIMESHEET VERIFICATION ====== */
.time-sheet-verification .container-fluid {max-width: 100%;}
.time-sheet-verification h4 {font-size: 22px; line-height: 30px; color:#00573d; font-weight:500; max-width:750px; width:100%; margin:10px auto; text-align:center; }
.time-sheet-verification.listing-table .table-block table tbody td:first-child {color: #b6a268; font-weight: 600;}
.time-sheet-verification.listing-table .table-block table tbody .table-title td {color: #00573d; font-size:16px; font-weight:600 !important; text-align:center; }
.time-sheet-verification.listing-table .table-block table tbody tr:nth-child(even) {background-color: transparent;}
.time-sheet-verification.listing-table .table-block table tbody tr:nth-child(odd) {background-color: #f3f3f3;}
.time-sheet-verification.listing-table .table-block table tbody .dates-row td { color:#58595b; font-size:16px; font-weight:700;  }
.time-sheet-verification.listing-table .table-block table tbody td {font-weight: 500; padding:12px 1px; text-align:center; }
.time-sheet-verification.listing-table .table-block table tbody td:last-child,
.time-sheet-verification.listing-table .table-block table tbody .total-row td {color: #00573d; font-weight:600; }
.time-sheet-verification.listing-table .table-block table tbody td.signature {text-align: left; padding:12px 10px; }
.time-sheet-verification.listing-table .text-content table td {font-size: 14px; color:#636466; font-weight:400; padding:5px 9px; }
.time-sheet-verification.listing-table form#practitioner_signature {display: flex; align-items: center; gap:14px; flex-wrap:wrap;  }
.time-sheet-verification.listing-table form .form-control { max-width: 272px; margin:0; }
.time-sheet-verification.listing-table form#practitioner_signature .btn {font-size: 14px; border-radius:2px; padding:7.5px 25px;}

.date-group label{ display:block; }
.date-group select.form-control{ width:32.8%; display:inline-block; }
.date-group.two-col select.form-control{ width:49.5%;}
two-col .form-group { width: 45%; display: inline-block; margin-right: 30px; }
#options .selector{ width:25%; display:inline-block; margin-bottom:5px; }
#options .btn{ display:block; }

/* ===== PROJECT TIMELINE ====== */
#content h2 {padding-bottom: 0;}
#content .table-block {margin: 30px 0;}
#content .table-block.scroll td,
#content .table-block.scroll th {padding: 8px;}
#budget_builder .form-control {width: auto; display:inline-block; max-width:145px; height:30px; padding:0 8px;}
#budget_builder input.btn {padding: 5px 15px; font-size:14px; }
#budget_builder td, #budget_builder tr {border:1px solid #c9d0db !important;}
#content #contract_period {max-width: 800px; width:100%; margin-bottom:20px;}

/* ===== PROJECT CONTACTS ====== */
.project_contacts .container-fluid>form {display: flex; align-items:center; gap:20px; margin-bottom:20px; }
.project_contacts .container-fluid>form select.form-control {max-width: 170px;}


/* ===== PROJECT TIMESHEETS ====== */
#timesheet_display_wrapper {width: 100%;}
#timesheet_display_wrapper #tsproject_wrapper {width: 100%; max-width: 600px; margin: 0 auto;}
#timesheet_display_wrapper #tsproject_wrapper h1 {padding: 20px 0; justify-content: center;}
#timesheet_display_wrapper #tsproject_wrapper table td {padding: 5px 10px;}
#timesheet_display_wrapper #tsproject_wrapper table .tsstart {font-size: 16px;}

/* ===== PROJECT UNBILLED ====== */
.project-unbilled #limit {display: flex; align-items: center; gap:20px; flex-wrap:wrap; }
.project-unbilled #limit {margin-bottom: 25px;}
.project-unbilled #limit .form-group {margin-bottom: 0;}
.project-unbilled #limit .form-group label {margin:0 15px 0 0 ;}
.project-unbilled #limit .form-control {display: inline-block; width:auto; height:35px; }
.project-unbilled.listing-table form[name="invoicerecords"] .form-group {display: flex; gap: 20px; align-items:center; flex-wrap:wrap;  }

/* ===== PROJECT INOVICE ====== */
.project-invoice h1 {justify-content: center;}
.project-invoice table th:nth-child(4),
.project-invoice table td:nth-child(4) {text-align: center;}
.project-invoice table th:nth-last-child(2) {text-align: right}
.project-invoice table td .form-control {height: 35px;}

/* ===== PROJECT SUPPLMENTS ====== */
#invoice_supplments {padding: 40px 0;}
#invoice_supplments #project_supplement_note_container {padding: 20px 0;}
#invoice_supplments table#supplement_option_table {display: block; margin:0 -15px 30px;}
#invoice_supplments table#supplement_option_table tr {display: inline-flex; margin:0 0 25px; padding: 0 15px; width: 50%; align-items: center;}
#invoice_supplments table#supplement_option_table tr:last-child {margin-bottom: 0;}
#invoice_supplments table#supplement_option_table td {padding:0; font-size:14px; flex:0 0 50%; }
#invoice_supplments table#supplement_option_table td .form-group {display: flex; align-items: center; gap:20px; ; margin-bottom: 0;}
#invoice_supplments table#supplement_option_table td .form-group input[type='checkbox']{flex-shrink: 0;}
#invoice_supplments table#supplement_option_table td .form-group p {font-size: 14px; color:#64696c; font-weight:500; padding-right:15px; }
#invoice_supplments table#supplement_option_table td input.form-control {width: 100%;}

/* ===== PROJECT CREDIT MEMO ====== */

/* ===== HOME ====== */
.home-block h1 p {position: relative; padding-left:30px; }
.home-block h1 p:before {content: "\f101"; font-family:fontawesome; position:absolute; left:11px; top:50%; transform:translateY(-50%); }
.home-block .list-table {margin: 0 -10px;}
.home-block .grid-block .grid-column a {font-size: 14px;}
.home-block .grid-block .grid-column .form-control {display: inline-block; width:auto; padding: 0 5px; height:35px; max-width:600px; }
.home-block .grid-block .grid-column:nth-child(1),
.home-block .grid-block .grid-column:nth-child(3) {flex: 0 0 calc( 20% - 20px);}
.home-block .grid-block .grid-column:nth-child(2) {flex: 0 0 calc( 60% - 20px);}
.home-block .grid-block .grid-column:nth-child(2) li {margin-bottom: 25px;}
.home-block .grid-block .grid-column:nth-child(2) form {display: flex; gap:15px; align-items:center; flex-wrap:wrap; }
.home-block .grid-block .grid-column:nth-child(2) form .form-group {margin-bottom: 0;}
.home-block .grid-block .grid-column:nth-child(2) form .form-group label {margin:0 8px 0 0;}
.home-block .grid-block .grid-column .btn {font-size: 14px; padding:5px 8px; margin-left:auto; min-width:200px;}
.home-block .grid-block .grid-column:nth-child(4) {flex: 0 0 100%;}
.home-block .grid-block .grid-column:nth-child(4) ul {float: left; padding: 0 20px;}
.home-block .grid-block .grid-column:nth-child(4) li {padding: 2.5px 0;}

/* ===== MONTHLY TIMESHEET ====== */
.time-sheet-verification #time_sheet_grid_wrapper {overflow: auto;}
.time-sheet-verification #time_sheet_grid {width: 100%; }
.time-sheet-verification.listing-table #time_sheet_grid .table-block table tbody td {padding: 8px 5px;}
.time-sheet-verification.listing-table #time_sheet_grid .table-block input.form-control {height: 30px; width: 32px; padding:5px; }
.time-sheet-verification.listing-table .project_identifier_full strong {font-size: 24px;}
.time-sheet-verification.listing-table .project_identifier_full a {display: inline-block; padding:5px 10px; }
.time-sheet-verification.listing-table #time_sheet_grid .table-block table tbody .date-row td { color:#58595b; font-size:16px; font-weight:700;  }
.time-sheet-verification.listing-table #time_sheet_grid .table-block table .table-title td {color: #00573d; font-size:16px; font-weight:600 !important; text-align:center; padding:12px 20px; }
.monthly-time-sheet .grid-block {gap: 0 !important; padding: 30px 0 0;}
.monthly-time-sheet .grid-block .grid-column {flex: 0 0 calc(33.33% - 40px); margin:0 20px 40px;}
.monthly-time-sheet .grid-block .grid-column h2 {font-size: 20px;}
.monthly-time-sheet .grid-block .grid-column table {width: 100%; margin-bottom: 30px;}
.monthly-time-sheet .grid-block .grid-column tr:nth-child(even) {background-color: #f3f3f3}
.monthly-time-sheet .grid-block .grid-column td {padding: 10px 5px; font-size: 14px; vertical-align:top; }
.monthly-time-sheet .grid-block .grid-column a {font-size: 14px;}

/* ===== TIME LOCK MONTHLY ====== */
.time-lock-monthly .table-header {justify-content: center;}
.time-lock-monthly .table-header #options,
.time-lock-monthly .table-header #options form {display: flex; align-items: center; gap:15px; }
.time-lock-monthly .table-header #options h5 {margin-bottom: 0;}
.time-lock-monthly #content .table-block {max-width: 1000px; margin:0 auto 30px; }
.time-lock-monthly .table-block thead th form {display: inline-block; margin:0 10px; vertical-align:middle;}

/* ===== TIMESHEET SUMMARY ====== */
.timesheet-summary .admin {max-width: 1775px; width: 100%; margin: 0 auto; padding-top:30px; }
.timesheet-summary .admin form {display: flex; justify-content: center; align-items: center; gap: 25px;}
.timesheet-summary .admin .form-group {margin: 0;}
.timesheet-summary .admin .form-group label {margin-right: 8px;}
.timesheet-summary .admin .form-control {width: auto; display:inline-block; }
.timesheet-summary .admin .btn {font-size: 14px;}
.timesheet-summary .admin h1 {color:#00573d; justify-content:center; padding-bottom:0; }
.timesheet-summary .admin h2 {font-size: 20px; color:#00573d; padding-top:10px; }
.timesheet-summary #contract_stage_wrapper {text-align: left; max-width: 1300px; margin: 0 auto; width: 100%;}
.timesheet-summary #contract_stage_wrapper table {width: 100%;}
.timesheet-summary #contract_stage_wrapper table caption{ margin: 20px 0; padding: 8px 15px; background: #f3f3f3; font-size:16px; font-weight:600; text-align:center; }
.timesheet-summary #contract_stage_wrapper table caption strong {color: #00573d;}
.timesheet-summary #contract_stage_wrapper table td {width:10em; padding: 10px 30px; font-weight:400; color:#464646; font-size:14px; }
.timesheet-summary #contract_stage_wrapper table td a {font-size: 14px;}
.timesheet-summary #contract_stage_wrapper table td:first-child {width: 25em;}
.timesheet-summary #contract_stage_wrapper table td:last-child {text-align: right;}
.timesheet-summary #contract_stage_wrapper table.total-projects th {padding: 10px 30px; font-size: 14px; color:#231f20; font-weight:700; }
.timesheet-summary #contract_stage_wrapper table.total-projects th:last-child {text-align: right;}
.timesheet-summary #contract_stage_wrapper table.total-projects td {font-weight: 500;}
.timesheet-summary #contract_stage_wrapper table.total-projects td strong {color: #231f20; font-weight:700; }
.timesheet-summary .questionairre { max-width: 1300px; margin: 0 auto; width: 100%; text-align:left; }
.timesheet-summary .questionairre textarea.form-control {height: 235px; width:100%; }
.timesheet-summary .questionairre .title-block { margin: 20px 0; background: #f3f3f3; padding: 8px 15px; font-size:16px; font-weight:600; text-align:center; width:100%; display:block; }
.timesheet-summary .questionairre .title-block strong {color: #00573d !important;}
.timesheet-summary .questionairre .content-block {display: flex; align-items: flex-start; gap: 20px; justify-content: space-between; text-align: left; padding: 20px 30px;}
.timesheet-summary #timesheet_display_wrapper p {color: #464646; font-size: 14px; font-weight: 400; ;line-height:24px; }
.timesheet-summary #timesheet_display_wrapper strong { color: #231f20; font-weight: 600;  }
.timesheet-summary #timesheet_display_wrapper .note {margin-top: 40px; text-align: center;}

/* ===== TIMESHEET EXPENSES ====== */
.timesheet-expenses #expense_one_line {padding: 40px 0;}
.timesheet-expenses #expense_one_line form {display: flex; align-items: center; flex-wrap: wrap; margin-top: 20px;}
.timesheet-expenses #expense_one_line form .form-control {height: 35px;}
.timesheet-expenses #expense_one_line form input.form-control{display: inline-block; width:auto; margin:0 3px; }
.timesheet-expenses #expense_one_line form select.form-control{flex: 0 0 20%; margin-right: 20px;}

/* ===== client_contacts ====== */
.client-contacts .view-project-contacts {margin-bottom: 20px;}
.client-contacts .view-project-contacts select.form-control {margin-bottom: 20px;}
.client-contacts .location-form-group {display: flex; flex-wrap: wrap; align-items: center; gap: 10px;}
.client-contacts .location-form-group label {flex: 0 0 100%; margin: 0;}
.client-contacts .location-form-group input.form-control {flex: 1 0 20%;}
.client-contacts #project_contacts_view,
.client-contacts #client_contact_add {padding: 20px 0;}
.client-contacts #project_contacts_view form .form-group {margin-bottom: 20px;}
.client-contacts #project_contacts_display {max-width: 1300px; width: 100%; margin:0 auto; }
.client-contacts #project_contacts_display table {width: 100%; }
.client-contacts #project_contacts_display table td {padding: 5px 10px;}
.client-contacts #project_contacts_display table td .btn {padding: 6px 20px; font-size:14px; }

/* ===== user_detail ====== */
.user-details .table-header h1,
.user-details .left-block h2 {padding: 0;}
.user-details .left-block {margin:0 0 20px;}
.user-details .left-block #profile_info {float: none; padding:0; margin:0; }
.user-details .left-block #profile_info li {padding:5px 0;}
.user-details .left-block #profile_info h2 {color: #00573d;}
.user-details .client-details-block .right-block {margin: 0;}
.user-details .right-block #user_admin {float: none; width:100%; margin:0; }
.user-details .right-block label {display: flex; align-items:center; gap:14px; }

/* ===== EFFORT ====== */
.sol-effort .client-details-block .right-block table thead th:first-child,
.sol-effort .client-details-block .right-block table tbody td:first-child {padding: 12px;}
.sol-effort .client-details-block form .btn{border: none; background:transparent; padding:0; margin:0; }
.sol-effort .client-details-block form .fa-trash {font-size: 16px; border: none; display: inline-block; border-radius: 50%; background-color: transparent; color:#231f20; display:inline-block; padding:6px 7.75px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.sol-effort .client-details-block form .fa-trash:hover {background-color: rgba(0, 87, 61, 0.2);}

/* ===== REVENUE BY PROJECT ====== */
.revenue-by-project .form-group .form-control {width: auto; display:inline-block; height:35px; }
.revenue-by-project .form-group label:first-child {margin-left: 0;}
.revenue-by-project .form-group label {margin:0 10px;}
.revenue-by-project .form-group p {padding: 10px 0;}
.revenue-by-project .table-block tfoot td {padding: 0; color: #464646; font-size: 14px; }
.revenue-by-project .table-block tfoot td strong { border-top:1px solid #000; padding: 12px 14px;}

/* ===== INVOICE PAYMENT ====== */
.invoice-payment .invoice-payment-block {display: flex; gap:50px; flex-direction:row-reverse; justify-content: flex-end; align-items:flex-start;}
.invoice-payment .invoice-payment-block #list {flex-grow: 1;}
.invoice-payment fieldset {padding: 25px 20px; margin-bottom: 0 !important; float:none; }
.invoice-payment fieldset legend {width: auto; border: none; margin: 0; padding:0 15px; text-align:center; font-weight:500; }
.invoice-payment .list-table {margin-bottom: 30px;}
.invoice-payment .list-table td {padding: 5px;}
.invoice-payment .table-block table tbody td,
.invoice-payment .table-block table thead th {padding: 5px;}
.invoice-payment fieldset table td.pointer {width: auto;}
.invoice-payment fieldset table td {min-width: 30px;}
.invoice-payment.listing-table .table-block {margin: 0 !important;}
.invoice-payment.listing-table .table-block table tbody tr:nth-child(even) {background-color: transparent;}
.invoice-payment.listing-table .table-block fieldset {flex-grow: 1;}

/* ===== INVOICE CREDIT MEMO ====== */
.invoice-credit-memo .table-block input.form-control {width: auto; display:inline-block; margin-bottom:5px; height:30px;}
.invoice-credit-memo .table-block th:first-child,
.invoice-credit-memo .table-block th:last-child,
.invoice-credit-memo .table-block td:first-child {text-align: center;}

/* ===== SUPPLEMENT PRINTABLE ====== */
.supplement-printable {}
.supplement-printable.listing-table .table-block.scroll {white-space: pre-wrap !important;}

/* ===== INVOICE TO PRINT ====== */
.invoice-to-print h3 {margin:10px 0 0;}
.invoice-to-print table td input.form-control {min-width: 80px; height: 35px;}
.invoice-to-print table tfoot td:last-child {border-top: 1px solid #000;}

/* ===== BUDGET BUILDER IN PROGRESS ====== */ 
.budget-builder-in-progress .container-fluid {max-width: 1000px; }
.budget-builder-in-progress h1 {justify-content: center; text-align:center; padding-bottom:0; }
.budget-builder-in-progress .budgets_in_progress {float: none; padding:0; }
.budget-builder-in-progress .budgets_in_progress caption {font-size: 24px; padding-top: 0;}


/* ===== INTAKE FORM ====== */ 
.intake-form h2 {margin-bottom: 15px; text-align:center; }
.intake-form h4 {text-align: center;}
.intake-form .checkbox {padding: 0 5px 0 15px; margin:0; }
.intake-form .checkbox input[type="checkbox"] {margin: 0; vertical-align:middle; }
.intake-form #intake th,
.intake-form #intake td {padding: 10px 10px;}
.intake-form #intake td .form-control {min-width: 180px;}
.intake-form .listing-table .table-block table tbody td tr:nth-child(even) {background-color: transparent;}
.intake-form #intake td table td {padding: 5px 0px;}

/*.form-control.input-date{ max-width:300px; margin-bottom:20px; }*/

.pickear-head{ display:flex; justify-content:space-between; align-items:end; }
.datepicker-group{ display:flex; align-items:center; gap:10px; margin-bottom:0; width:50%; }
.datepicker-group label{ margin-bottom:0; }
.datepicker-group .form-control{ max-width:300px; margin-bottom:0; height:30px; font-weight:600; }
.attendance-block{ max-width:1000px; }
.attendance-block #weekly-form{ margin-top:15px; }
.attendance-block table td{ width:15%; }
.attendance-block table td span{ display:block; font-weight:700; }
.attendance-block table td label.label-radio{ margin: 0; padding: 0 20px; cursor: pointer; }
.attendance-block table td label.label-radio.disabled{ pointer-events:none; opacity:0.6; }
.attendance-block input[type='radio']{ cursor:pointer; margin:0 }
.attendance-block .alert{ padding: 5px 10px; font-size: 13px; font-weight: 600; }
.attendance-block .month-toogle a{ font-size: 12px; padding: 3px 8px; border-radius: 5px; }
.attendance-block .month-toogle a:hover, .attendance-block .month-toogle a.active{ background: #00573d; color: #FFF; }
.attendance-block .month-toogle a.active{ pointer-events:none; }
.date-picker-wrapper .month-wrapper table th{ font-size:11px; }

.btn.btn-sm{ font-size:13px; padding:3px 15px; }

.listing-table .table-header .filter-block{ display:flex; max-width:590px; width:100%; }
.listing-table .table-block table.reports-table{ border-collapse:collapse; }
.listing-table .table-block table.reports-table td{ padding: 12px 3px; border-collapse: collapse; color: #464646; font-size: 12px; font-weight: 700; border:1px solid #ccc; text-align:center; }
.listing-table .table-block table.reports-table thead, 
.listing-table .table-block table.reports-table tfoot{ background:#c0e6f5; }
.listing-table .table-block table.reports-table td.week-total{ background:#fff4f4; }

.listing-table .table-block table.reports-table td.align-left{ text-align:left; padding-left:10px; }