.navbar-brand img {max-height:40px;}
.navbar {padding:0px!important;}
.invoice_bottom input {margin-left:5px!important;}
.actual_input .input-group-addon {min-width:120px;line-height:40px}
.actual_input {margin-bottom:10px;}
.inv_action {font-size:25px;padding-left:5px;padding-right:5px;}
.inv_action:hover {color:red;cursor:pointer;}

/* Login form */
.gradient-custom-2 {
    /* fallback for old browsers */
    background: #fccb90;

background: rgb(2, 0, 36);
background: linear-gradient(90deg, rgb(15, 15, 18) 0%, rgb(13, 13, 25) 35%, rgb(77, 98, 102) 100%);
}

@media (min-width: 768px) {
    .gradient-form {
        height: 100vh !important;
    }
}

@media (min-width: 769px) {
    .gradient-custom-2 {
        border-top-right-radius: .3rem;
        border-bottom-right-radius: .3rem;
    }
}
/* End Login form */
.user_dropdown {line-height:50px;}
.user_dropdown .dropdown-toggle,.u_img { 
display: inline-block;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 50px;
width: 50px;
}

.u_img {margin-right:15px;}


.welcome_block {
    margin-top: -40px;
        vertical-align: middle;
        display: inline-block;
}
.dropdown-menu[data-bs-popper] {
    left:inherit!important;
    right:0!important;
}

.user_dropdown .dropdown-toggle::after {
    display:none!important;
}

.modal-backdrop {background-color:#49b9e6;}
.inv_view {border: 1px solid;padding: 10px}

        [contenteditable="true"]:active,
        [contenteditable="true"]:focus {
            border: none;
            outline: none;
            background:#bcd5fa;
        }

.add_invoice_row {font-size:20px;padding:10px;display:inline-block;}
.add_invoice_row:hover {color:red;cursor:pointer;}
.hidden_ajax {display:none;}

.customers_ico {color:#1371fd;}
.projects_ico {color:red;}
.invoices_ico {color: #1371fd;}

.customer_img {
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 70px;
        width: 70px;
        margin-left:auto;
        margin-right:auto;
        margin-top:10px;
        overflow: hidden;
}

.company_img {
        background-position: center center;
            background-repeat: no-repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: contain;
            height: 70px;
            margin-left: auto;
            margin-right: auto;
            margin-top: 10px;
}

.customer_iholder {height:100px;display:inline-block;}

  .customer_view {font-size:230%;position:relative;}    
  .project_view {
            font-size: 150%;
            position: relative;
        }
   .customer_view:after {
            content: "0";
            position: absolute;
            background: white;
            border:1px solid red;
            height: 2rem;
            top: -1rem;
            right:-2rem;
            width: 2rem;
            text-align: center;
            line-height: 2rem;
            font-size: 1rem;
            border-radius: 50%;
            color: black;
            border: 1px solid blue;
        }
 
#add_pro_canvas,#add_edit_customer_canvas {width:80%!important;height:95%!important;margin-top:2%!important;
-webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border:2px solid #0d6efd!important;
    border-left:0px!important;
}

#file_manager {
    width: 95% !important;
    margin-left:2.5%;
    margin-right:2.5%;
    height: 95% !important;
    margin-top: 2% !important;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border: 1px solid #0d6efd !important;
}

#file_manager .offcanvas-header {padding-top:0px;margin-top:-1px;margin-left:-2px;}
#file_manager .offcanvas-body {border: 1px solid grey;margin:10px;}
#file_manager #menu-right-click {display:none;}

.client_text {font-size:200%;}
.client_card .card-title {font-size:130%;margin-bottom:30px}
.client_card .cash_received, .client_card .cash_incoming {font-size:160%;}
.client_card .cash_received {color:green;}

.rem_inv_row {float:right;}
.rem_inv_row:hover,.add-payment:hover,.del_payment:hover{color:red;cursor:pointer;}
#item_price {float:left}
.add-payment {position:absolute;top:0;right:0;}
.payments_received {position: relative;}
.invoice_list td {line-height:25px!important;}
.invoice_list tr:hover,.ticket_list tbody tr:hover {background-color:rgba(65,185,230,0.51);}
.invoice_list_top:hover{background-color:white!important;}

.add_project_top {float:right;}
#add_project_form label {font-weight:bold;}
#add_project_top_label,#add_customer_top_label {background-color:black;color:white;margin-left:-15px;padding:5px;
-webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 2px solid black !important;
    border-left: 0px !important;
}
#add_project_form .offcanvas-header {padding-bottom:0px!important;}

#add_pro_canvas,#add_edit_customer_canvas {overflow: auto;}

.project_card .card-footer {font-size: 110%; font-weight: bold;}
.project_card,.customer_card {border-color:black!important;}
.project_card .card-title {background-color:black;color:white;padding:5px;}
.project_card .card-body {padding:0!important;}
.project_card .card-text {padding:5px;background:#cae1ee}
.project_card .card-actions {padding:5px;}
.project_card .connect_info {float:right;color:white}
.project_card .project_notes {float: right;color: white}
.project_card .card-text {margin-bottom:0.2rem;}
.project_card button {margin-top: 0.3rem;}
.project_card .project_client_footer {background: #e8e8e8;}
.project_card .project_client_footer i{font-size:120%;margin-right:5px}
.project_card .card-text i{font-size: 130%;}

.card-header {font-weight:bold;}

.file-drop-zone {min-height:100px;}
.file-drop-zone-title {padding:0px!important;}
.company_top {text-align:center;}

.pbottom a:hover {color:black;}

/*tasks*/
.proj_tasks {background-color:black!important;color:white;padding:2px;margin-right:10px}
.proj_tasks:hover {
    background-color: rgb(100, 100, 100) !important;
    color: white;
    padding: 2px;
    margin-right: 10px
}

.pbottom i {font-size:140%!important;}
.card-footer {padding-top:0px!important;}

.sharing_list img {height:50px;width:50px;background-size: cover;object-fit: cover;margin:5px}
.del_list {margin-right:10px;}
.del_list:hover,.del_task:hover {color:#dc3545;cursor:pointer;}
.del_task {font-size:110%;}
.task_name {font-size:60%;}

.topen h2 {
    box-shadow: white;
    border-color: white;
    background: var(--bs-accordion-btn-focus-border-color);
}
.accordion-item button {
background-color:white!important;
box-shadow:none!important;    transition: none!important;

}

.topen .accordion-button {
    background-color: var(--bs-accordion-btn-focus-border-color)!important;
    color:black!important;
}

.topen .accordion-body {
    border: 2px solid var(--bs-accordion-btn-focus-border-color);
    background:#f9f9f9;
}

.upld_img label {float:right;}
.pt_files {display:inline-block;}
.rem_task_file {cursor:pointer;}
.rem_task_file:hover {color:#dc3545;}

.topen h2 .task_editable::-moz-selection {
    /* Code for Firefox */
    background: #da969d;
}

.topen h2 .task_editable::selection {
    background: #da969d;
}

.complete_list {margin-right:5px;}
.complete_list:hover {color:#198754;cursor:pointer;}
.task_file_form.is-dragover {
    background: #a8c1e8;
}
.task_file_form {border:1px solid #7f96bc;padding:5px;border-style: dashed;margin-top:10px;}
.grey {color:grey;font-size:12px}
.pl_hours {max-width:50px;margin-left:5px;margin-right:10px}
.task_complete {text-decoration: line-through;}
.reactivate_list {color:red;}
.hours_hidden {display:none;}
.accordion-body {padding:0.5rem!important;}
.upld_img label {text-align:right;}
.list-group-item {padding:0!important;}
.move_task {cursor:pointer;color:#0d6efd;}
.h5,h5 {
    font-size: 1.15rem;
}
.btn {
padding: 0.3rem 0.5rem 0.3rem 0.5rem;
}
.small, small {font-size:.775em}

.custom-popover {
    --bs-popover-max-width: 400px;
    --bs-popover-border-color: var(--bs-primary);
    --bs-popover-header-bg: var(--bs-primary);
    --bs-popover-header-color: var(--bs-white);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: .5rem;
}
#user_img:hover {cursor:pointer;}
.project_card .card-footer a:hover {background-color:black;color:white;}
.project_card .project_name:hover,.project_card .connect_info:hover {color:#0d6efd;cursor:pointer;}

#new_ticket_mess {margin-top:0px;margin-left:60px;}


.table-striped>tbody>tr>* {vertical-align:middle}
.table> :not(caption)>*>* {padding:.3rem .3rem;}
.ticket_list td {
    line-height: 25px !important;
}

.ticket_file_area.is-dragover {
    background: #a8c1e8;
}

.ticket_file_area {
    border: 1px solid #7f96bc;
    padding: 5px;
    border-style: dashed;
    margin-top: 0px;
    margin-left: 60px;
}

.irem_ticket_file,.xrem_ticket_file {
    cursor: pointer;
}

.irem_ticket_file:hover,.xrem_ticket_file:hover {
    color: #dc3545;
}

.active_customers .card-footer .customer_info,.inactive_customers .card-footer .customer_info {margin-top:10px;}
.card-body-main {padding-left:5px;padding-top:5px;}
#no_support_default {margin-left:10px;}

.smartphoto-caption h3 {margin-top:5px;}

.list_name_edit:focus,.list_name_edit:active, .all_hours_edit:focus,.all_hours_edit:active{
    background:#dc3545;
}

.uimage_col .card-body,.clogo_col .card-body{display:flex;align-items: center;justify-content: center;position:relative}
.uimage_col .card, .clogo_col .card {height:100%;}
.uimage_col .card-footer input,.clogo_col .card-footer input {margin-top:10px}
.uimage_col .grey,.clogo_col .grey {position:absolute;bottom:0;right:5px;}
.uimage_col img {max-height:250px;}
.clogo_col img {max-height: 250px;}
.offcanvas-header {padding-top:2px;padding-bottom:2px;}