/* jacob added css for bootstrap and keen revamp */
/* all theming here */

:root {
    --kt-app-header-height: 100px;
    --kt-secondary-active:#83BDF6; 

    --bs-link-color: #1457A5;
    --bs-link-hover-color: shift-color(#1457A5, 20%);
    --kt-primary:#1457A5;
    --kt-primary-active:#63A7DB; 
    --kt-pagination-active-bg:#1457A5;

    --kt-input-solid-bg:#f0f2f8;
    --kt-input-solid-color:#343748;
    --kt-text-gray-600:#494c5e;


}
html:not([data-theme="dark"]) {
    --kt-app-bg-color:#EDF0F2;
    --kt-app-bg-color:#82BDF64F;
}

[data-theme="dark"] {

        --kt-primary:#3E97FF;
    --bs-link-color:#3E97FF;
    --kt-input-solid-bg:#151521;
    --kt-input-solid-bg-focus:#2b2b40;
   --kt-input-solid-color:#92929f;
   --kt-secondary-active:#2b2b40;
   --kt-app-bg-color:#151521;
}

[data-theme="dark"] .dropdown.show > .form-control.form-control-solid, .form-control.form-control-solid:active, .form-control.form-control-solid.active, .form-control.form-control-solid:focus, .form-control.form-control-solid.focus { border-color:#2b2b40!important; }


i { color:inherit; }

/* add the xxxl width */
@media (min-width: 1800px) {
    .container-xxxl, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1720px;
    }
}

.container, .container-fluid, .container-xxxl, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
  }
    

  .account-icon i { font-size:18px; }

@media only screen and (min-width:1200px) {
    .row { --bs-gutter-x:2.5rem; }
}
    
.btn { cursor:pointer; }
input:-webkit-autofill { -webkit-box-shadow: inset 0 0 0px 9999px white; }
.help-inline {
    font-style: italic; color:var(--kt-input-primary)!important;
    font-size: 90%;
    padding-top: 4px;
    display: block;
    color: #707070 !important;
}

x.form-control.form-control-solid { color:#343748; }
div.ui-datepicker {
    position: relative;
    z-index: 10000 !important;
}

.hide { display:none; }
.justify-content-right { justify-content:right; }
.align-right { text-align:right; }

.justify-between { justify-content:space-between; }


/* forms and input stuff */

/* form stuff */

.app-form fieldset:after,
.app-form .action:after { content:''; width:calc(100%); margin-top:30px; height:6px; position:absolute; left:0; background-color:var(--kt-app-bg-color); display:block; }

.app-form .action.no-line:after { display:none; }
.app-form .action.no-line { padding-bottom:0px; }

.app-form fieldset:last-of-type { padding-bottom:0; margin-bottom:0; }
.app-form fieldset:last-of-type:after { display:none; }

.app-form fieldset,
.app-form .action { padding-bottom:40px; margin-top:30px; }

.field-wrapper { display:flex; padding:.8em 0 .9em; flex-direction:column; font-size:1.15rem; font-weight:500; }
.field-wrapper label { margin-bottom:.5rem; font-size:1.15rem; }
.field-wrapper label i { padding-left:5px; font-size:110%; transition:.4s ease color; cursor:pointer; }
.field-wrapper label i:hover, .field-wrapper label i.open { color:#666; }
.field-wrapper .help-text { display:none; margin:0px 0 15px; font-weight:400; }
textarea { width:100%; }

input[type="checkbox"], input[type="radio"] { cursor:pointer; }

.button-wrapper { margin:.75em 0 1em; }

.req, 
span.required { color:var(--kt-danger)!important; }
span.required::after { display: none!important; }
input[type="checkbox"] { cursor: po inter; }
input:autofill {
    background: var(--kt-input-solid-placeholder-color);
}

legend { font-size:1.7rem; font-weight:bold; padding-top:0px; }
.h3 { margin-bottom:20px; font-size:1.4rem; }

.flatpickr-day { color:#333; font-weight:600; }
.form-select-multi { overflow:auto; padding:0.75rem .75rem 0.75rem .75rem; }
.form-select[multiple], .form-select[size]:not([size="1"]) { padding-right:.75rem!important; }
.form-select-multi option { padding:6px 8px; border-radius:3px; }


/* application forms */
.use-my-info a { margin:10px 20px 15px 0; display:inline-block; }

/* view only css */
.viewonly {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    color: #808080;
    display: inline-block;
    font-size: 13px;
    min-height: 18px;
    line-height: 18px;
    padding: 4px;
    width: 210px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: normal;
    margin-right:10px;
}


/* page template stuff */
.title-wrapper { margin-bottom:2.25rem; }
.title-wrapper h1 { color:var(--kt-text-dark); font-size:2.25rem; font-weight:600; }

.card .card-body { font-size:1.15rem; margin-top:1rem; margin-bottom:1rem; padding:2rem 3rem; }

.alert-message { font-size:1rem; }
.alert-message.error { padding:15px; background-color:var(--kt-danger-light) !important; border-radius:5px; margin-bottom:15px; }
.alert-message.error h5 { font-size:1.15rem; color:var(--kt-text-danger); }
.alert-message.error :last-child { margin-bottom:0; }
.alert-message.error ul { margin-bottom:0; }
.alert-message.error li { font-weight:600; }
.alert-message ul > p { display:list-item; }
.alert-message p { margin-bottom:.8rem; }
p.error { color:var(--kt-text-danger); }


/* stepper */
.stepper.stepper-pills .stepper-item .stepper-label .stepper-title { opacity:.7; }
.stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-label .stepper-title, .stepper.stepper-pills .stepper-item.completed .stepper-label .stepper-title { opacity:1; color:var(--kt-stepper-label-title-color); }
.align-items-top { align-items:top; }


/* data tables */

.dataTables_scroll div.dataTables_scrollBody { border:0!important; }
[data-theme="dark"] table.dataTable.table-striped > tbody > tr.odd > * { box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.05)!important; } 
table.dataTable.table-striped > tbody > tr.odd > * { box-shadow:inset 0 0 0 9999px rgba(245, 248, 250, 0.75)!important; } 

.border.table-row-bordered tfoot { border-top:1px solid var(--kt-table-border-color); }
.dataTables_scrollHead .table.table-rounded { border-bottom-left-radius:0; border-bottom-right-radius:0; }
.dataTables_scrollBody .table.table-rounded { border-radius:0; border-radius:0; }
.dataTables_scrollFoot .table.table-rounded { border-top-left-radius:0; border-top-right-radius:0; border-top:0!important; }

thead th input { display:inline-block!important; width:calc(100% - 20px)!important; margin-top:7px; font-size:13px!important; }
tfoot th input { font-size:13px!important; }
.table-bordered th, .table-bordered td { border-width:.5px; }
.table-bordered th, .table-bordered td { padding-left:1.5rem!important; padding-right:1.5rem!important; }
div.dataTables_wrapper div.dataTables_filter input { font-size:13px; }

#example_wrapper { margin-top:10px; }
#example_wrapper .top { display:flex; justify-content:space-between; }
#example_wrapper .bottom { display:flex; justify-content:space-between; }

.dataTables_scroll { overflow:auto; }
table#example { width:100%; }

.dataTables_length select { margin-left:7px; }

.field-wrapper .info,
.see_documents .info { margin-top:10px; font-size:110%; }

textarea + p { margin-top:10px; }

/* projects dashboard */
.datatable a { cursor:pointer; }
.project-id { font-weight:600; }
.project-name a { font-weight:600; }
.change_date,
.app-init-date { font-size:90%; color:#666; }
th { line-height:1.2; vertical-align:middle; }
.th-bold th { font-weight:600; }

.project-id .circle { display:inline-block; border-radius:8px; background:var(--bs-link-color); width:62px; height:40px; line-height:42px; text-align:center; color:#fff; font-weight:600; opacity:1; transition:.5s ease opacity; padding:0px 8px; } 
.project-id .circle:hover { color:#fff; opacity:.8; }
.project-status a { display:block; margin-bottom:3px; }
.project-status i { font-size:14px; color:var(--bs-link-color); margin-left:3px; }

.project-admin-table .project-id a { font-weight:600; }
.project-admin-table .project-name { max-width:300px; }

.status-filters label { display:block; margin-bottom:3px; }
.status-filters input { margin-right:5px; }

.assign-reviewers { display:flex; flex-direction:column; align-items:flex-end; gap:5px; }

.progress { margin-bottom:6px; height:auto; background-color:#E1E3E6; }
.progress .bar { background-color:var(--kt-secondary-active); padding:3px 3px 3px 9px; font-size:14px; }
[data-theme="dark"] .progress { background-color:#151521; }
[data-theme="dark"] .progress .bar { background-color:#263A3B; }

.view-summary-link { font-size:85%; margin-top:2px; margin-bottom:7px; display:block; color:#666; text-decoration:underline; text-underline-offset:4px; }
.view-summary-link:hover { text-decoration:underline; text-underline-offset:4px; }
.statusLabel { font-weight:500; }

/* view-summary-page */
.view-summary-page { margin-top:-20px; }
.collapse_all, .expand_all { margin-bottom:5px; font-size:15px; }
th.field-col, th.val-col { font-weight:600; }
th.field-col { max-width:50%; width:400px; }

.info-notes { margin:10px 0 0; }
.info-notes .note { margin:5px 0; padding:10px 5px 5px; border-bottom:1px solid #edf0f2; }
.info-notes .note:first-child{ padding-top:0; }
.info-notes .note:last-child{ border-bottom:0; }
.info-notes .note p { margin-bottom:5px; }
.info-notes .form-check-input { border-color:var(--kt-input-border-color); }
input.btn.btn-checkbox-submit { padding:4px 12px!important; margin-left:10px; }

/* all expand / collapses */
span.expand i, span.collapse-me i { font-size:85%; font-weight:600; color:var(--kt-primary)!important; }
span.expand, span.collapse-me { color:var(--kt-primary)!important; font-size:85%; font-weight:400; display:inline-block; margin-left:5px; }
span.expand { display:none; }
.collapsed span.collapse-me { display:none; }
.collapsed span.expand { display:inline-block; }
span.expand i, span.collapse-me i { color:var(--bs-link-color); }

/* admin page */
.admin-page h3 { margin-bottom:10px; }
.link-list:last-child { margin-bottom:0; }
.link-list li { margin:8px 0; padding-left:6px; }
.link-list i { font-size:14px; margin-left:4px; position:relative; bottom:1px; }
.admin-page .stepper-number i { font-size:24px; color:var(--kt-text-gray-600); }


/* footer */
.theme-mode:after { content:'|'; padding-right:15px; color:#d3d3d3; }
.theme-mode .svg-icon { width:19px; display:inline-block; top:-1px; position:relative; }
.theme-mode .item { display:inline-block; }
.theme-mode .item a { display:block; padding-top:0; padding-bottom:0; color:#d3d3d3!important; font-weight:500; }
.theme-mode .item a.active { display:none; }

.app-footer .right { display:flex; align-items:center; justify-content:center; }

.font-gray1 {color:#d3d3d3;}
.font-gray2 {color:#888;}
.white {color: white;}
.display-none { display: none;}
.padding-left-30 {padding-left: 30px;}
.border-none {border: none;}