/*Write your custom css in this file.*/

@import url('https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.11.3/font/bootstrap-icons.min.css');

/* GLOBAL STYLES
-------------------------------------*/
:root {
    --body-font: Inter, Helvetica, Arial, sans-serif !important;
    --black: #000; --black-op10:rgba(0,0,0,.1);--black-op15: rgba(0,0,0,.15);--black-op20: rgba(0,0,0,.2);--black-op30: rgba(0,0,0,.3);--black-op40: rgba(0,0,0,.4);--black-op50: rgba(0,0,0,.5);--black-op60: rgba(0,0,0,.6);--black-op70: rgba(0,0,0,.7); --black-op80: rgba(0,0,0,.8);
    --white: #FFF; --white-op10:rgba(255,255,255,.1);--white-op15: rgba(255,255,255,.15);--white-op20: rgba(255,255,255,.2);--white-op30: rgba(255,255,255,.3);--white-op40: rgba(255,255,255,.4);--white-op50: rgba(255,255,255,.5);--white-op60: rgba(255,255,255,.6);--white-op70: rgba(255,255,255,.7); --white-op80: rgba(255,255,255,.8);
    --transparent: rgba(0,0,0,0);
    --call:#008eff;
    --whats: #25d366;
    --whats-dark: #064e45;
    --bg-blur: blur(8px) brightness(0.5) contrast(55%) saturate(60%);
    --bg-blur2x: blur(16px) brightness(1) contrast(110%) saturate(120%);
    --tshad-black: 0px 1px 1px var(--black);
    --tshad-white: 0px 1px 1px var(--white);
    --bshad: 0px 1px 2px rgba(0, 0, 0, 0.1);
    --bshad1: 0px 1px 2px rgba(0, 0, 0, 0.18);
    --bshad2: 0px 1px 3px rgba(0, 0, 0, 0.25);
    --bshad3: 0px 1px 4px rgba(0, 0, 0, 0.35);
    --bshad4: 0px 1px 4px rgba(0, 0, 0, 0.45);
    --bshad5: 0px 2px 5px rgba(0, 0, 0, 0.55);
    --lttspace-xs: 0.05vw;
    --lttspace-sm: 0.075vw;
    --lttspace: 0.1vw;
    --lttspace-md: 0.15vw;
    --lttspace-lg: 0.2vw;
    --lttspace-xl: 0.25vw;
    --mY1x: 1rem;
    --mX1x: 1rem;
    --mY2x: 2rem;
    --mX2x: 2rem;
    --mY-1x: -1rem;
    --mX-1x: -1rem;
    --mY-2x: -2rem;
    --mX-2x: -2rem;
    --pY1x: 1rem;
    --pX1x: 1rem;
    --pY2x: 2rem;
    --pX2x: 2rem;
    --pY-1x: -1rem;
    --pX-1x: -1rem;
    --pY-2x: -2rem;
    --pX-2x: -2rem;
    --gap: var(--pY1x);
    --btn-radius: 0.375rem;
    --box-radius: 0.5rem;
    --radius-circle: 100rem;
    --container: 1140px;
    --container_lg: 1320px;
}


/* APP GLOBAL
-------------------------------------*/
html { font-size: 100%; /*scroll-behavior: smooth;*/}

body {
    font-family: var(--body-font);
    font-size: 0.9rem;
}

.widget-container,
.widget-container p,
.dataTable {
    font-size: 14px;
}
.page-content p {
    font-size: 1rem !important;
}

#page-content p {
    line-height: 1.25rem;
    margin-bottom: 10px;    
}

#page-content a,
.page-container a:not(.kanban-item):not(.kanban-item .font-12) {font-weight: 500;}

.page-title h1, .page-title> h4,
.title-tab, .title-tab> h1,
.title-tab> h2, .title-tab> h4 {
    text-transform: uppercase;
    font-size: 1.25rem;
    font-weight: 700;
}

a, a:hover, a:active, a:focus, *:hover, *:active, *:focus,
input, input:focus, textarea, textarea:focus,
#checklist_form .checklist-item-row, #checklist_form .checklist-item-row:hover {
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}

img { max-width: 100% !important; }

/*Contact & Member Page align page*/
.bg-dark-success .container-fluid .row .col-md-6:last-child,
.col-md-6.text-center.cover-widget {
    display: flex;
}


/*Image effect hover*/
.cart-grid-item .cart-grid-item-image,
.timeline-images img {
    position: relative;
    transition: filter 0.3s ease-in-out;
}

.cart-grid-item .cart-grid-item-image:hover,
.timeline-images img:hover {
    filter: brightness(0.8) contrast(1.5) grayscale(10%);
}

/* PROPOSAL, ESTIMATE, CONTRACT
-------------------------------------*/
.admin-view .proposal-preview-container,
.admin-view .invoice-preview-container,
.admin-view .contract-preview-container {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}


.admin-view #estimate-editor-form .form-group,
.admin-view #proposal-editor-form .form-group,
.admin-view #invoice-editor-form .form-group,
.admin-view #contract-editor-form .form-group {
    padding-left: 0px !important;
    padding-right: 0px !important;
    max-width: 100% !important;
}

#proposal-preview-content,
.proposal-preview,
.invoice-preview,
.contract-preview {
    max-width: 960px !important;
    min-width: 400px;
    margin: auto;
}
.proposal-preview img,
.invoice-preview img,
.contract-preview img {
    max-width: 100% !important;
}

.proposal-preview table,
.invoice-preview table,
.contract-preview table {
    margin: 10px 0 !important;
}

.proposal-preview table table,
.invoice-preview table table,
.contract-preview table table {
    margin: 0px !important;
}

.proposal-preview table td hr,
.invoice-preview table td hr,
.contract-preview table td hr {
    margin: 4px 0 !important;
}

.proposal-preview table td,
.invoice-preview table td,
.contract-preview table td {
    padding: 4px 10px;
}

.proposal-preview-container,
.invoice-preview-container,
.contract-preview-container {
    border-color: transparent!important;
    border-width: 0!important;
}

/**/
.tab-content .clearfix.default-bg,
.details-view-container.default-bg {
    background-color: transparent !important;
}

/* APP PUBLIC
-------------------------------------*/
/*
.scrollable-page.main-scrollable-page{
    height: 100vh !important;
}
*/

.proposal-preview-container,
.invoice-preview-container,
.contract-preview-container  {
    padding: 20px;
}
/*
.proposal-preview .proposal-preview-button,
.proposal-preview-container .proposal-preview-button,
.proposal-preview-button .accept-reject-button,
.invoice-preview .invoice-preview-button,
.invoice-preview-container .invoice-preview-button,
.invoice-preview-button .accept-reject-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
*/

.accept-reject-button {
    gap: 0.5rem;
}

@media (max-width: 575.98px) {
    /*
    .proposal-preview .proposal-preview-button,
    .proposal-preview-container .proposal-preview-button,
    .invoice-preview .invoice-preview-button,
    .invoice-preview-container .invoice-preview-button  {
        flex-direction: column !important;
        gap: 1rem !important;
    }
    */
}

.proposal-preview .proposal-preview-button::before, .proposal-preview .proposal-preview-button::after,
.proposal-preview-container .proposal-preview-button::before, .proposal-preview-container .proposal-preview-button::after,
.invoice-preview .invoice-preview-button::before, .invoice-preview .invoice-preview-button::after,
.invoice-preview-container .invoice-preview-button::before, .invoice-preview-container .invoice-preview-button::after {
    display: none;
}
.proposal-preview .proposal-preview-button .grid-button-group *:not(.btn):not(.float-start),
.proposal-preview-container .proposal-preview-button .grid-button-group *:not(.btn):not(.float-start),
.invoice-preview .invoice-preview-button .grid-button-group *:not(.btn):not(.float-start),
.invoice-preview-container .invoice-preview-button .grid-button-group *:not(.btn):not(.float-start){
    margin: 0px !important;
    font-weight: 700;
    text-transform: uppercase;
}

.accept-reject-button {
    order: 5 !important;
}

/* Timing for display btn recuse - in js 30s */ 
.accept-reject-button .btn-danger {
    display: none; /* Inicia invisí­vel */
}
.btn-revel {
    display: inline-block !important;
}

.proposal-preview .signature-image,
.invoice-preview .signature-image,
.contract-preview .signature-image {
    max-width: 100% !important;
}

.public-page-container {
    margin-top: 70px;
}


/*Forms Public*/
.form-signin .mt5 {
    margin-top: var(--mY1x);
}
.form-signin .card-header img {
    width: auto;
    max-width: 100%;
    max-height: 80px;
    padding: 5px 0!important;
}

#signature canvas,
#signature canvas.b-a,
#signature input {
    background-color: var(--white) !important;
    border-color: var(--box-border) !important;
    border-radius: var(--box-radius);
    box-shadow: var(--bshad1);
}

/**/
.client-info-section .form-group {
    margin: 10px 0px;
}

/*Lead Form*/
#lead-form .lead-info-section .form-group,
#lead-form .lead-info-section div.p15:last-child {
    margin: 0.75rem 1rem !important;
    padding: 0;
}


/* PUBLIC NAV & APP BRAND
-------------------------------------*/
.public-navbar .navbar-brand img,
.invoice-preview img.dashboard-image,
.contract-preview img.dashboard-image,
.proposal-preview-button img,
.proposal-preview-button img.dashboard-image {
    width: auto;
    max-width: 100%;
    max-height: 50px;
}

.public-navbar .navbar-nav .nav-item {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.public-navbar .navbar-nav a.nav-link {
    border-radius: var(--box-radius);
    -webkit-border-radius: var(--box-radius);
    padding: .65rem 1rem !important;
    width: 100%;
    text-align: center;
}

/**/
#install-pwa-button{
    display: block;
    margin: 0 0 20px !important;
}

/* DASH && IFRAME APPs
-------------------------------------*/
.dashbaord-header-area {
    margin: -25px 0 0px;
    padding: 4px 0;
}
.iframe-app {
    display: block;
    width: 100%;
    min-height: 320px;
}
.iframe-app iframe {
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
}


/* LEFT MENU / Bottom MENU
-------------------------------------*/
#default-navbar .dashboard-image {
    width: 50px !important;
    margin: 0 !important;
}
.sidebar-brand,
.dashboard-image {
    padding: 0px!important;
}
.sidebar::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    z-index: -1;
    height: 66px;
}

.sidebar-brand.brand-logo,
.sidebar .sidebar-toggle-btn {
    text-align: center;
    vertical-align: middle;
    line-height: 65px;
    height: 65px;
    border: 0px !important;
}
.sidebar-brand img {
    width: auto;
    max-width: 100%;
    max-height: 55px;
}

.sidebar-toggled .brand-logo-mini {
    align-items: center;
    justify-content: center;
    display: flex;
}
.brand-logo-mini img {
    max-width: 70px;
    max-height: 70px;
}
.sidebar .sidebar-toggle-btn {z-index: 2;}


#page-content .bg-primary:first-of-type .box-content .card-body {
    color: var(-primary-text);
}

@media (min-width: 991px) {
    .sidebar-toggled .sidebar-menu li a svg {
        margin-left: -3px;
    }
}
@media (max-width: 990.98px) {
    .sidebar .sidebar-brand {
        padding: 0 !important;
    }
    .sidebar .sidebar-toggle-btn {
        margin: 0px;
        display: flex !important;
        align-items: center;
        justify-items: center;
        padding: 0 5px;
    }
    .sidebar-toggled .brand-logo-mini {display: none;}
}

/*---*/

#sidebar-menu.sidebar-menu {
    padding: var(--pY1x) 0;
}

#sidebar-menu.sidebar-menu li.main.active> a {
    box-shadow: var(--bshad2);
    -webkit-box-shadow: var(--bshad2);
}

/**/
.mobile-bottom-menu {
    box-shadow: 0px 8px 2px 2px rgba(0, 0, 0, 0.015);
}
.sidebar-toggled .mobile-bottom-menu {
    z-index: 1080;
    box-shadow: 0px 4px 2px 2px rgba(0, 0, 0, 0.033);
}

/* TABLES
-------------------------------------*/
table tbody td.all a,
table.dataTable tbody td.all a {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1rem;
}


/* LEADS & CLIENT PAGE
-------------------------------------*/
#client-contact-tabs li:nth-child(1) a::before,
.leads-details-view ul.nav-tabs.scrollable-tabs li:nth-child(1) a::before,
#client-tabs li:nth-child(2) a::before,
#client-contact-tabs li:nth-child(2) a::before,
.leads-details-view ul.nav-tabs.scrollable-tabs li:nth-child(2) a::before {
    font-family: "bootstrap-icons";
    display: block;
    float: left;
    margin: -0.3rem 0.5rem 0 0;
    font-size: 1.5rem;
}
#client-contact-tabs li:nth-child(1) a::before,
.leads-details-view ul.nav-tabs.scrollable-tabs li:nth-child(1) a::before {
    content: "\F4DA"; /*Contact Tab icon*/
}
#client-tabs li:nth-child(2) a::before,
#client-contact-tabs li:nth-child(2) a::before,
.leads-details-view ul.nav-tabs.scrollable-tabs li:nth-child(2) a::before {
    content: "\F8C9"; /*Company Tab icon*/
}

#client-contact-tabs li:nth-child(1) a::before,
.leads-details-view ul.nav-tabs.scrollable-tabs li:nth-child(1) a::before,
#client-tabs li:nth-child(2) a,
#client-contact-tabs li:nth-child(2) a,
.leads-details-view ul.nav-tabs.scrollable-tabs li:nth-child(2) a::before {
    color: var(--gray1)!important;
}

/* Clients List page*/
.grid-button #client-tabs li:nth-child(1) {
    order: 1 !important; /*General View Tab Link*/
}
.grid-button #client-tabs li:nth-child(2) {
    order: 2 !important; /*Clients Tab Link*/
}
.grid-button #client-tabs li:nth-child(3) {
    order: 3 !important; /*Contact Tab Link*/
}
.grid-button #client-tabs> .tab-title {
    order: 5; /*Buttons*/
}
.grid-button #client-tabs> .tab-title {
    order: 5; /*Buttons*/
}
/*---*/

#general-info-form .card .card-body,
#contact-form .card .card-body .container-fluid,
#company-form .card .card-body {
    display: flex;
    flex-direction: column;
}

/* STAFF Tab content reorder */
#general-info-form .card .card-body .form-group:nth-child(1) {
    order: 1; /*Name*/
}
#general-info-form .card .card-body .form-group:nth-child(2) {
    order: 2; /*Last name*/
}
#general-info-form .card .card-body .form-group:nth-child(3) {
    order: 4; /*Address*/
}
#general-info-form .card .card-body .form-group:nth-child(4) {
    order: 5; /*Address alt*/
}
#general-info-form .card .card-body .form-group:nth-child(5) {
    order: 6; /*Phone*/
}
#general-info-form .card .card-body .form-group:nth-child(6) {
    order: 7; /*Cel*/
}
#general-info-form .card .card-body .form-group:nth-child(7) {
    order: 8; /*Skype*/
    display: none;
}
#general-info-form .card .card-body .form-group:nth-child(8) {
    order: 9; /*Birthday*/
}
#general-info-form .card .card-body .form-group:nth-child(9) {
    order: 10; /*SSN*/
}
#general-info-form .card .card-body .form-group:nth-child(10) {
    order: 21; /*Gender*/
}
#general-info-form .card .card-body .form-group[data-field-type] {
    order: 11; /*Custom Fields...*/
}


/* Client Contact Tab reorder */
#contact-form .card .card-body .form-group:nth-child(3) {
    order: 4; /*Name*/
}
#contact-form .card .card-body .form-group:nth-child(4) {
    order: 5; /*Last name*/
}
#contact-form .card .card-body .form-group:nth-child(5) {
    order: 8; /*Phone*/
}
#contact-form .card .card-body .form-group:nth-child(6) {
    order: 7; /*Skype*/
    display: none;
}
#contact-form .card .card-body .form-group:nth-child(7) {
    order: 6; /*Function*/
}
#contact-form .card .card-body .form-group:nth-child(8) {
    order: 3; /*Gender*/
}
#contact-form .card .card-body .form-group[data-field-type] {
    order: 9; /*Custom Fields...*/
}


/* Client Company Tab reorder */
#company-form .card .card-body .form-group:nth-child(11) {
    order: 23; /*Telefone*/
}
#company-form .card .card-body .form-group:nth-child(12) {
    order: 11; /*Site*/
}
#company-form .card .card-body .form-group:nth-child(13) {
    order: 21; /*VAT*/
}
#company-form .card .card-body .form-group:nth-child(14) {
    order: 22; /*GST*/
}
#company-form .card .card-body .form-group:nth-child(15) {
    order: 18; /*Group*/
}
#company-form .card .card-body .form-group:nth-child(16) {
    order: 30; /*Currency*/
    display: none;    
}
#company-form .card .card-body .form-group:nth-child(17) {
    order: 31; /*Symbol*/
    display: none;   
}
#company-form .card .card-body .form-group:nth-child(18) {
    order: 19; /*Label*/  
}
#company-form .card .card-body .form-group:nth-child(22) {
    order: 32; /*Payments Online*/
}
#company-form .card .card-body .form-group[data-field-type] {
    order: 25; /*Custom Fields...*/
}


/* Social Links - Hide */
#social-links-form .card .card-body .form-group:nth-child(5),
#social-links-form .card .card-body .form-group:nth-child(7),
#social-links-form .card .card-body .form-group:nth-child(9),
#social-links-form .card .card-body .form-group:nth-child(10),
#social-links-form .card .card-body .form-group:nth-child(11) {
    display: none;
}

/* Preferences Tab - Hide */
#my-preferences-form .card .card-body .form-group:nth-child(5),
#my-preferences-form .card .card-body .form-group:nth-child(6),
#my-preferences-form .card .card-body .form-group:nth-child(7),
#my-preferences-form .card .card-body .form-group:nth-child(9) {
    display: none;
}

/* FORMs
-------------------------------------*/
.general-form .form-control,
.general-form.white .form-control,
.general-form.white .select2-container .select2-choice {
    font-size: 1rem !important;
}
.general-form.dashed-row .form-group label {
    font-size: 1rem !important;
    font-weight: 500;
}

/*important Empty Fields*/
#make-client-form input#name:placeholder-shown,
#make-client-form textarea[name=address]:placeholder-shown,
#make-client-form input#city:placeholder-shown,
#make-client-form input#state:placeholder-shown,
#make-client-form input#phone:placeholder-shown,
#make-client-form input#vat_number:placeholder-shown,
#make-client-form input[name*=first_name]:placeholder-shown,
#make-client-form input[name*=last_name]:placeholder-shown,
#make-client-form input[name*=email]:placeholder-shown,
#make-client-form input[name*=contact_phone]:placeholder-shown,
#company-form input#name:placeholder-shown,
#company-form textarea[name=address]:placeholder-shown,
#company-form input#city:placeholder-shown,
#company-form input#state:placeholder-shown,
#company-form input#phone:placeholder-shown,
#company-form input#vat_number:placeholder-shown,
#contact-form input[name*=first_name]:placeholder-shown,
#contact-form input[name*=last_name]:placeholder-shown,
#contact-form input[name*=email]:placeholder-shown,
#contact-form input[name*=contact_phone]:placeholder-shown,
#contact-form input[name=phone]:placeholder-shown,
#project-form input[name=title]:placeholder-shown,
#project-form textarea[name=description]:placeholder-shown,
#project-form input[name=start_date]:placeholder-shown,
#task-form input[name=title]:placeholder-shown,
#task-form textarea[name=description]:placeholder-shown,
#task-form input[name=start_date]:placeholder-shown,
#proposal-form input#proposal_date:placeholder-shown,
#proposal-form input#valid_until:placeholder-shown,
#contract-form input[name=title]:placeholder-shown,
#contract-form input[name=contract_date]:placeholder-shown,
#contract-form input[name=valid_until]:placeholder-shown {    
    color: var(--black)!important;
    border: solid 1px #fcd683!important;
    box-shadow: 0 0 0 1px rgba(255, 187, 92, 0.33)!important;
}


/* CARDs & TABs
-------------------------------------*/
.nav.nav-tabs:not(.settings) {
    box-shadow: var(--bshad1);
}
.card .card-header h4 {
    font-size: 1.3rem;
    font-weight: 700;
}

.card.project-activity-section .card {
    box-shadow: none!important;
}

.card-footer {
    background-color: var(--transparent);
    border-top: 1px solid var(--box-border);
}

/*Settings Tab*/
.settings .settings-anchor {
    font-size: 1.1rem!important;
    font-weight: bold!important;
}

/* TASKs
-------------------------------------*/
.task-view-modal-body .card .card-body {
    padding: var(--pY1x) var(--pX1x);
}
.task-title-left {
    font-size: 1.5rem;
    border-bottom: 1px solid var(--box-border);
    padding-top: var(--pY1x);
    padding-bottom: var(--pY2x);
}
.task-title-left+ .text-wrap {
    margin-bottom: 0px;
}
.task-title-left+ .text-wrap+ div a:not(.btn):not(.badge) {
    font-size: 1.2rem;
}
.task-title-left + .text-wrap ~ div:nth-child(n+1):nth-child(-n+6) {
    border-bottom: 1px dashed var(--box-border);
    padding-bottom: 0.75rem;
}
.task-view-modal-body #checklist_form {
    padding: var(--pY2x) var(--pX2x);
    background-color: var(--black-op10);
    box-shadow: var(--bshad1) inset;
}

.task-view-modal-body #checklist_form .checklist-item-row {
    font-weight: 500;
    background-color: var(--transparent);
}
#checklist_form .checklist-item-row:hover {
    background-color: var(--white-op15) !important;
    border-color: var(--box-border) !important;
}
.checkbox-blank {
    background-color: var(--box-bg);
    border-color: var(--info);
}

.task-view-modal-body .checklist-items {
    margin-bottom: var(--mY2x);
}

.task-view-modal-body .order-lg-last div.col-md-12.mb15:not(#task-reminders) {
    display: flex;
    justify-content: space-between;
}
.task-view-modal-body .order-lg-last div.col-md-12.mb15 .help {
    position: absolute;
    right: 6px;
}

/*---*/
.kanban-container {
    background-color: var(--gray2) !important;
    box-shadow: var(--bshad3) inset;
    border-bottom-left-radius: var(--box-radius);
    border-bottom-right-radius: var(--box-radius);
}

.kanban-item,
.task-view-modal-body .checklist-items .sub-task-row {
    box-shadow: var(--bshad3);
}
.kanban-item:not(.lead-kanban-item) {
    cursor: pointer;
    font-weight: 700 !important;
}
.lead-kanban-item .selection-pe-none a {
    font-weight: 700 !important;
}
.kanban-item .font-12,
.kanban-item .text-truncate,
.kanban-item .mt5 {
    font-weight: 500 !important;
}
.kanban-item a> .text-truncate:first-child {
    color: var(--alink);
}


/* STORE Catalog
-------------------------------------*/
.cart-grid-item .cart-grid-item-image {
    height: 240px;
}


/* BTNs
-------------------------------------*/

/*btns App*/
.btn-flex, .upload-file-button {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    gap: 0.6rem;
}

/*Social Links App*/
#profile-image-section a[href^="https://wa.me"] {
    color: var(--whats-dark)!important;
    text-shadow: var(--tshad-black);
    background-color: var(--whats)!important;
    border-color: var(--black-op10)!important;
}
#profile-image-section a[href^="https://wa.me"]:hover {
    color: var(--whats-dark)!important;
    text-shadow: var(--tshad-black);
    background-color: var(--white)!important;
    border-color: var(--whats)!important;
}

/* DASHBOARDS */
.dashboards-row .widget-details {
   margin-top: -3px; /*Fix absolute*/
}

.dashboards-row .widget-details h1 {
    font-size: 2.2rem; /*Fix larges amounts*/
 }


/*Projects - Signal Status*/
.dashboards-row .widget-container a[href*="all_projects/1"] h4 { color: var(--info)!important; }
.dashboards-row .widget-container a[href*="all_projects/2"] h4 { color: var(--success)!important; }
.dashboards-row .widget-container a[href*="all_projects/3"] h4 { color: var(--warning)!important; }

.project-title-section h1 svg {
    margin-right: 5px;
}

#projects-quick-list-container .list-group svg,
.clients-page #projects-container .list-group svg,
#project-status-table tr td:first-child svg,
.project-title-section h1 svg,
#project-timer-box .dropdown .dropdown-menu a.dropdown-item svg {
    font-weight: 500;
    transform: scale(1.4);
    padding: 1px;
    border-radius: var(--btn-radius);
}

#mobile-function-button .mobile-function-button-dropdown svg.feather-arrow-right-circle,
#projects-quick-list-container .list-group svg.feather-arrow-right-circle,
.clients-page #projects-container .list-group svg.feather-grid,
#project-status-table tr td:first-child svg.feather-arrow-right-circle,
.project-title-section svg.feather-arrow-right-circle {
    color: var(--info-text);
    text-shadow: var(--tshad-black);
    background-color: var(--info);
}

#mobile-function-button .mobile-function-button-dropdown svg.feather-pause-circle,
#projects-quick-list-container .list-group svg.feather-pause-circle,
.clients-page #projects-container .list-group svg.feather-pause-circle,
#project-status-table tr td:first-child svg.feather-pause-circle,
.project-title-section svg.feather-pause-circle {
    color: var(--text-warning);
    text-shadow: var(--tshad-white);
    background-color: var(--warning);
}

#mobile-function-button .mobile-function-button-dropdown svg.feather-check-circle,
#projects-quick-list-container .list-group svg.feather-check-circle,
.clients-page #projects-container .list-group svg.feather-check-circle,
#project-status-table tr td:first-child svg.feather-check-circle,
.project-title-section svg.feather-check-circle {
    color: var(--success-text);
    text-shadow: var(--tshad-white);
    background-color: var(--success);
}

#mobile-function-button .mobile-function-button-dropdown svg.feather-x-circle,
#projects-quick-list-container .list-group svg.feather-x-circle,
.clients-page #projects-container .list-group svg.feather-x-circle,
#project-status-table tr td:first-child svg.feather-x-circle,
.project-title-section svg.feather-x-circle {
    color: var(--white-op70);
    text-shadow: var(--tshad-dark);
    background-color: var(--danger);
}

/*BTNS Dropdown Actions*/

/*PDF Links*/
.title-button-group.skip-dropdown-migration .dropdown .dropdown-menu a.dropdown-item[href*="download_pdf"] {
    color: #fa0f00 !important;
}

/*Mark Sent*/
.title-button-group.skip-dropdown-migration .dropdown .dropdown-menu a.dropdown-item[data-action-url*="/sent"] {
    color: var(--info) !important;
}

/*BTN Preview Link*/
.title-button-group.skip-dropdown-migration .dropdown .dropdown-menu a.dropdown-item[data-action-url*="/preview/"] {
    color: var(--neutral-text);
    background-color: var(--neutral);
}
.title-button-group.skip-dropdown-migration .dropdown .dropdown-menu a.dropdown-item[data-action-url*="/preview/"]:hover {
    background-color: var(--neutral-hover) !important;
}

/*BTN Mark Accepted*/
.title-button-group.skip-dropdown-migration .dropdown .dropdown-menu a.dropdown-item[data-action-url*="/accepted"] {
    color: var(--success-text);
    text-shadow: var(--tshad-white);
    background-color: var(--success);
}
.title-button-group.skip-dropdown-migration .dropdown .dropdown-menu a.dropdown-item[data-action-url*="/accepted"]:hover {
    background-color: var(--success-hover)!important;
}

/*BTN Send to client*/
.title-button-group.skip-dropdown-migration .dropdown .dropdown-menu a.dropdown-item[data-action-url*="send_estimate"],
.title-button-group.skip-dropdown-migration .dropdown .dropdown-menu a.dropdown-item[data-action-url*="send_proposal"],
.title-button-group.skip-dropdown-migration .dropdown .dropdown-menu a.dropdown-item[data-action-url*="send_invoice"],
.title-button-group.skip-dropdown-migration .dropdown .dropdown-menu a.dropdown-item[data-action-url*="send_contract"] {
    color: var(--info-text);
    text-shadow: var(--tshad-black);
    background-color: var(--info);
}
.title-button-group.skip-dropdown-migration .dropdown .dropdown-menu a.dropdown-item[data-action-url*="send_estimate"]:hover,
.title-button-group.skip-dropdown-migration .dropdown .dropdown-menu a.dropdown-item[data-action-url*="send_proposal"]:hover,
.title-button-group.skip-dropdown-migration .dropdown .dropdown-menu a.dropdown-item[data-action-url*="send_invoice"]:hover,
.title-button-group.skip-dropdown-migration .dropdown .dropdown-menu a.dropdown-item[data-action-url*="send_contract"]:hover {
    background-color: var(--info) !important;
}

/* NAV BAR MOBILE BOTTOM
-------------------------------------*/
.mobile-bottom-menu #mobile-function-button .dropdown-toggle {
    padding: 20px 15px;
}

.mobile-bottom-menu #mobile-function-button {
    order: 10 !important;
}

.mobile-bottom-menu #mobile-function-button .dropdown-toggle svg {
    font-weight: 500;
    padding: 5px;
    width: auto;
    height: auto;
}

.mobile-bottom-menu #mobile-function-button .dropdown-menu [role="presentation"] svg {
    margin-right: 5px;
    padding: 2px;
    font-weight: 500;
    transform: scale(1.5);
    border-radius: var(--btn-radius);
}

.mobile-bottom-menu #mobile-function-button .dropdown-toggle svg,
.mobile-bottom-menu #mobile-function-button .dropdown-menu [role="presentation"]:first-of-type a.dropdown-item:first-of-type:not([data-action-url*="change_status"]) svg {
    color: var(--primary-text);
    background-color: var(--primary) !important;
    border-radius: var(--radius-circle);
}

/* MODAL
-------------------------------------*/
.modal .modal-body {
    padding-top: var(--pY2x);
    padding-bottom: var(--pY2x);
}
.modal-footer {
    border-top: 1px solid var(--box-border);
}

@media (min-width: 576px)  {
    .modal:not(.global-search-modal) .modal-dialog {
        border-radius: var(--box-radius) !important;
        -webkit-border-radius: var(--box-radius) !important;
    }
    
}


/* HIDE
-------------------------------------*/
#personal-language-icon.nav-link,
.client-view #quick-add-icon,
.client-view #default-navbar a[href*="todo"].nav-link,
.client-view a[data-real-target="#my-dashboards-list-container"],
.client-view.clients-page #client-contact-tabs li a[data-bs-target="#tab-social-links"],
.client-view.clients-page .tab-pane#tab-social-links,
ul li a[data-bs-target="#tab-user-left-menu"],
.tab-pane#tab-user-left-menu,
label[for="currency"], label[for="currency"] + div,
label[for="currency_symbol"], label[for="currency_symbol"] + div {
    display: none !important;
    visibility: hidden !important;
}


/*hidden 6SE*/
.announcements-page #share_with_clients_area,
.announcements-page #share_with_specific_area {
    display: none !important;
    visibility: hidden !important;
}




/* RESPONSIVES
-------------------------------------*/
@media (min-width: 1200px) {
    #lead-form .lead-info-section .form-group,
    #lead-form .lead-info-section div.p15:last-child {
        margin: 0.8rem 2.5rem !important;
    }

    .task-view-modal-body #checklist_form {
        margin: var(--mY1x) var(--mX-1x);
    }
}


@media (min-width: 576px) {

    .public-navbar .navbar-nav {
        gap: 0.5rem;
    }
    
    .public-navbar .navbar-nav .nav-item:last-child a.nav-link {
        border-radius: var(--radius-circle);
        -webkit-border-radius: var(--radius-circle);
    }

}

@media (max-width: 575.98px) {

    html, body {
        font-size: 1rem;
    }

    .widget-container,
    .dataTable {
        font-size: 14px;
    }

    .public-navbar .navbar-collapse {
        margin: 0 calc( var(--bs-gutter-x) * -0.5 ) calc( var(--bs-gutter-x) * -0.33 ) calc( var(--bs-gutter-x) * -0.5 ) !important;
        padding: var(--mY1x) var(--mY1x) !important;
    }

    .public-navbar .navbar-collapse .navbar-nav {
        margin: 0 !important;
        padding: 0.5rem !important;
        gap: 0.5rem;
    }

    .public-navbar .navbar-collapse .navbar-nav,
    .public-navbar .navbar-collapse .navbar-nav li {
        flex-direction: column!important;
        justify-content: center;
        float: none !important;
        border-radius: var(--box-radius);
    }

    .hidden-xs {
        display: none!important;
    }

}

/* PRINT
-------------------------------------*/
@media print {
    html, body {
        background: #FFFFFF !important;
        background-color: #FFFFFF !important;
    }
    #install-pwa-button,
    .sidebar, .nav, .nav-tabs,
    .contract-preview> .grid-button {
        display: none !important;
        visibility: hidden !important;
    }
    nav#default-navbar,
    .page-container {
        left: 0px!important;
        right: 0px!important;
        margin-left: 0px!important;
        margin-right: 0px!important;
    }
    .proposal-preview-container,
    .invoice-preview-container,
    .contract-preview-container {
        box-shadow: none!important;
    }
    [class*="preview-container"] td.hidden-xs {
        display: table-cell !important;
    }
    [class*="preview-container"] div.hidden-xs,
    [class*="preview-container"] span.hidden-xs {
        display: block !important;
    }
}