html
{

    font-style: normal;
    font-weight: 100;
}
body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    overflow-x:hidden;
    width: 100%;

}

.redBorder
{
    border:solid red 1px;
}

#main, #main_new
{
    /* margin-left:0!important; */
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
body .container {
    width: 100%;
    max-width: 100%;
}
body .container .row
{
    margin-right: -15px;
    margin-left: -15px;
    z-index: 1;
}
input, textarea, select, .k-datepicker, .k-timepicker, label
{
    width:100%;

}
label
{
    margin-bottom:0!important;
    margin-top:.5rem!important;
}

h3, h4, h5{
    width:100%!important;

}
input, select, textarea {
    display: block;
    width: 100%;
    padding: .2rem .5rem;
    font-size: 14px;
    line-height: 1.25;
    color: #55595c!important;
    background-color: #fff;
    background-image: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    margin-bottom: 1px !important;
    height: 35px;
}
input[type=checkbox] {
    width: 35px;
    display: inline-block;
    height: 15px!important;
}
input[type=radio]
{
    width: 35px;
    display: inline-block;
    height: 15px!important;
}
.margint20
{
    margin-top:20px;
}
.margint10
{
    margin-top:10px;
}
.margint30
{
    margin-top:30px;
}
.marginb20
{
    margin-bottom:20px;
}
.marginb10
{
    margin-bottom:10px;
}
.paddingTop120
{
    padding-top:120px;
}
.center
{
    text-align:center;
}
.hidden
{
    display: none!important;
}
.bold
{
    font-weight:bold;
}
.bottomBorder
{
    border-bottom: solid 1px lightgrey;
}
.wait-msg {
    font-size: 16px;
    margin-bottom:20px;

}

.wait-overlay-content {
    background: #fff;
    padding: 1%;
    width: 40%;
    position: absolute;
    top: 15%;
    left: 50%;
    margin: 0 0 0 -20%; /* add negative left margin for half the width to center the div */
    cursor: default;
    z-index: 1001!important;
    border-radius: 4px;
    box-shadow: 0 0 150px rgba(0,0,0,.9);
    /* height: 100px !important; */
    padding-top: 35px;
    text-align: center;
    font-size: 25px;

}

.wait-overlay-content button {
    float: right;
    padding: 10px;
    margin-left: 5%;
    width: 25%;
}
#WaitModal .modal-lg {
    text-align: center;
    margin-left: 30%;
    font-size: 30px;
    width: 40%;
}

#WaitModal .modal-lg .modal-content {
    height: 100px;
}
.requiredFlag
{
    color:red;
    font-weight:bold;
    padding-left:10px;
}
.requiredFailed
{
    border:solid 1px red;
}
/************* LOGIN *******************/
.left-login-div
{
    border-bottom:solid 2px rgb(0,130,202);
    padding-top:10px;
    padding-bottom:10px;
}
.login-div
{
    background-color:rgb(0,130,202);
    color:white;
    margin-top:100px;
    padding-top:30px;
    padding-bottom:30px;
    border-radius:10px;
}
#login_submit
{
    color:white;
    background-color:rgb(0,157,79);
    width:100%;
    margin-top:20px;
}
.login-div .forgot-password-div
{
    padding-top:40px;
}
.login-div .forgot-password-div a
{
    color:white!important;

}
/************ HEADER **************/
.header
{
    border-bottom:solid 2px rgb(0,130,202);
    padding-top:10px;
    padding-bottom:10px;
}
.header ul
{
    margin-top:15px;
    list-style:none;
    width:100%!important;
    display: inline-flex;
}
.header ul li
{
    display:inline;
    width: 175px!important;
}
.header ul li a
{
    font-weight:bold;
    font-size:18px;
    color:black;
}

/************ projects *************/
#projects_add, #projects_search, #receivables_search,#receivables_add, #clients_search
{
    background-color: rgb(0,130,202);
    color:white;
    margin-bottom:10px;
}
#projects_search,.project_edit_button, #invoices_search
{
    background-color: rgb(0,130,202);
    color:white;
    padding-top:0;
    padding-bottom:0;
}
.projects-table table tr td
{
    padding:5px;
    border-top:none;
}
.projects-table
{
    font-size:12px;
}
.projects-table .btn
{
    font-size:12px;
    width:100%;
}
.projects-table tbody tr:hover
{
    background-color: rgba(0,130,202,.4);
}
.projects-table tbody tr td table tbody tr:hover
{
    background-color:rgba(0,0,0,0)!important;
}

#projects_tabs li a,
#invoices_tabs li a,
#clients_tabs li a
{
    width:200px;
    background-color:lightgrey;
    color:black;
    border-top-left-radius:10px!important;
    border-top-right-radius:10px!important;
}
#projects_tabs li.active a,
#invoices_tabs li.active a,
#clients_tabs li.active a
{
    background-color: rgba(0,130,202,1);
    color:white;
}
.projects-table .fa-sort-alpha-up,
.projects-table .fa-sort-alpha-down-alt
{
    font-size:14px;
    padding-left:10px;
}
.projects-table thead th:hover
{
    cursor:pointer;
    text-decoration:underline;
}

/**************** New Project *****************/
#project_notes
{
    height:200px;
}
#save_project
{
    background-color: rgba(0,130,202,1);
    color:white;
    width:100%;
    margin-top:20px;
}
#cancel_project
{
    background-color: grey;
    color:white;
    width:100%;
    margin-top:20px;
}
#project_client_add
{
    background-color: rgba(0,130,202,1);
    color:white;
    width:100%;
    margin-top:30px;
}
.project-edit-section-contractors
{
    height:calc(100vh / 2);
}
#project_clients_table,
#project_invoices_table,
#invoice_payments_table,
#invoice_sub_invoices_table,
#receivables_table,#clients_projects_table,#clients_invoices_table,
#clients_invoices_table
{
    font-size:12px;
    margin-top:10px;
}
#project_clients_table thead tr,
#project_invoices_table thead tr,
#invoice_payments_table thead tr,
#invoice_sub_invoices_table thead tr,
#receivables_table thead tr,
#active_projects_table thead tr,
#complete_projects_table thead tr,
.projects-table thead tr,
#active_clients_table thead tr,
#clients_projects_table thead tr,
#clients_invoices_table thead tr,
#invoice_payments_table tfoot tr,
#project_clients_table tfoot tr
{
    background-color: rgba(0,130,202,1);
    color:white;
}
#project_clients_table tbody td,#project_clients_table thead th,
#project_invoices_table tbody td,#project_invoices_table thead th,
#invoice_payments_table tbody td,#invoice_payments_table thead th,
#invoice_sub_invoices_table tbody td,#invoice_sub_invoices_table thead th,
#receivables_table tbody td,#receivables_table tbody td,
#active_projects_table tbody td,#active_projects_table thead th,
#complete_projects_table tbody td, #complete_projects_table thead th,
.projects-table tbody td, .projects-table thead th,
#clients_projects_table tbody td, #clients_projects_table thead th ,
#clients_invoices_table tbody td, #clients_invoices_table thead th,
#invoice_payments_table tfoot tr td,
#project_clients_table tfoot tr td
{
    padding:.25rem;
}
#project_clients_table tbody tr td,
#project_invoices_table tbody tr td,
#invoice_payments_table tbody tr td,
#invoice_sub_invoices_table tbody tr td,
#receivables_table tbody tr td,
#active_projects_table tbody tr td,
#complete_projects_table tbody tr td,
.projects-table tbody tr td,
#clients_projects_table tbody tr td,
#clients_invoices_table tbody tr td,
#invoice_payments_table tfoot tr td
{
    border-color:rgba(0,130,202,1)!important;

}

#project_clients_table tbody tr td:nth-of-type(1)
{
    padding-top:10px!important;
    font-size:14px;
    width:75%;
}
#active_projects_table thead th:nth-of-type(2),
#active_projects_table tbody td:nth-of-type(2)
{
    text-align:center;
}
#project_clients_table,
#project_invoices_table,
#invoice_payments_table,
#invoice_sub_invoices_table,
#receivables_table,
#active_projects_table,
#complete_projects_table,
.projects-table,
#clients_projects_table, #clients_invoices_table
{
    border:solid 1px rgba(0,130,202,1);
}
.project_client_remove
{
    background-color: red;
    color:white;
    width:100%;
    font-size:12px;
    padding:1px;
    margin-top: 5px;
}
.project_client_save
{
    background-color: rgb(0,157,79);
    color:white;
    width:100%;
    font-size:12px;
    padding:1px;
    margin-top: 5px;
}
.project_invoice_edit,
.receivables_edit,
.clients_edit
{
    background-color: rgba(0,130,202,1);
    color:white;
    width:100%;
    font-size:12px;
    padding:1px;
}
/*********** INVOICES ****************/

#invoice_client_add
{
    background-color: rgba(0,130,202,1);
    color:white;
    margin-top:30px;
    width:100%;
}
#invoices_add,
#client_add
{
    background-color: rgba(0,130,202,1);
    color:white;
    margin-bottom:10px;
    width:100%;
}
#invoices_bulk
{
    background-color: rgba(0,157,79);
    color:white;
    margin-bottom:10px;
    width:100%;
}
#invoice_edit_add_client
{
    color:white;
    background-color:rgb(0,130,202,1);
    margin-top:30px;
    width:100%;
}
#invoice_edit_populate_clients
{
    color:white;
    background-color:rgb(0,157,79);
    margin-top:30px;
}
#save_invoice_and_add
{
    color:white;
    background-color:rgb(0,157,79);
    margin-top: 20px;
    width: 100%;
}
.invoices_edit
{
    background-color: rgba(0,130,202,1);
    color:white;
}
#invoice_edit_notes
{
    min-height:200px;
}
#save_invoice, #save_payment, #save_client
{
    background-color: rgba(0,130,202,1);
    color:white;
    width:100%;
    margin-top:20px;
}
#cancel_invoice, #cancel_payment, #cancel_clients
{
    background-color: grey;
    color:white;
    width:100%;
    margin-top:20px;
}
#invoice_payment_add
{
    background-color: rgba(0,130,202,1);
    color:white;
    width:100%;
    margin-top:30px;
    font-size: 20px;
    padding:2px!important;
}
.invoice_payments_table_div,
.invoice_sub_invoices_table_div
{
    min-height:200px;
}

#invoice_sub_invoices_table .invoices_edit
{
    background-color: rgba(0,130,202,1);
    color:white;
    font-size:12px;
    padding-top:1px;
    padding-bottom:1px;
}
#payment_notes
{
    height:200px;
}
#project_create_client
{
    color:white;
    background-color:rgb(0,157,79);
    margin-top:30px;
}
.invoice_status_green
{
    color:rgb(0,157,79);
}
.invoice_status_orange
{
    color:orange;
}
.invoice_status_red
{
    color:red;
}
#client_notes
{
    height:100px;
}
.col-truncate
{
    max-width:300px!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    white-space: nowrap;
}
.notes-truncate .highlight
{
    background-color:yellow!important;
}
.invoice_payment_submit
{
    background-color: rgba(0,130,202,1);
    color:white;
    font-size:12px;
}
#invoice_payments_table .total_due_label
{
    text-align:right;
    font-size:14px;
    font-weight:bold;
}
#invoice_payments_table .total_due_value,
#invoice_payments_table .total_paid_value,
#invoice_payments_table .total_due_percent
{
    font-size:18px;
    font-weight:bold;
    margin-left:10px;
}
#invoice_payments_table tfoot .btn
{
    background-color:rgb(0,157,79);
    color:white;
    font-size:14px;
    width:100%;
}
.invoice_payments_match_green
{
    border-bottom:solid 6px lightgreen!important;
}
.invoice_payments_match_red
{
    border-bottom:solid 6px red!important;

}

#clients_projects_table .project_edit_button,
#clients_invoices_table .invoices_edit
{
    font-size:12px;
    width:100%;
}
#ar_by_project_accordion, #ar_by_project_accordion .card, #ar_by_project_accordion .card .card-header
{
    width:100%;
}

#ar_accordion .fa-caret-square-down
{
    font-size:40px;
}
#ar_accordion .card-header .center h2
{
    font-size:22px;
}
#ar_accordion
{
    margin-top:20px;
}
.invoices-bulk-section .template-div,
.invoices-bulk-section .import-div,
.invoices-bulk-section .previous-imports
{
    border:solid 1px lightgrey;
    margin-top:10px;
    border-radius:10px;
    padding:20px;
}
#invoice_bulk_import,#ar_export
{
    background-color: rgba(0,130,202,1);
    color:white;
    width:100%;
    margin-top:20px;
    margin-bottom: 20px;
}
.project_clients_total_split.red{
    color:red!important;
    font-weight:bold;
    font-size:16px;
}
.project_clients_total_split.green{
    color: springgreen;
    font-weight:bold;
    font-size:16px;
}

#ar_table thead tr.firstRow th
{
    text-align:center;
    background-color:rgb(0,157,79);
    font-size:12px;
    border-right:solid 1px white;

}
#ar_table thead tr th
{
    font-size:10px;
}
#ar_table thead tr.secondRow th
{
    border-right:solid 1px white;
}
#ar_table tbody td.red
{
    color:red;
    font-weight:bold;
}
#ar_table tbody tr td
{
    border:solid 1px black;
}
#ar_table tbody tr:nth-of-type(2n) td
{
    background-color:lightgrey!important;
}
body
{
    overflow-x:scroll;
}
#ar_table tbody
{
    font-size:10px;
}
#ar_table
{
    margin-top:10px;
    width: 100%;
}
.collapse-header-nav
{
    display:none;
}
#header_navbar
{
    background-color:rgba(0,0,0,.5);
}
#header_navbar ul li
{
    display:block!important;
    width: 100%!important;
    color:white;
}
#header_navbar ul li a,#header_navbar_close {
    color:white;
}
#delete_invoice
{
    background-color:red;
    color:white;
    width:100%;
    margin-top:20px;
}
@media only screen and (max-width: 630px) {
    .header-full-nav
    {
        display:none;
    }
    .collapse-header-nav
    {
        display:block;
    }
    .header
    {
        padding-bottom:0;
    }
}