:root {
    /* background color */
    --primary-background: #dc7a03;

    /* navbar text color */
    --primary-color: #363A41  ;

    /* sidebar heading text color and font size*/
    --sidebar-heading-page: white;
    --sidebar-heading-size: 15px !important;

    /* sidebar collapse text size */
    --sidebar-collapse : 15px;

    /* sidebar text color and font size */
    --sidebar-page: white;
    --sidebar-page-size: 15px !important;

    /* for search form */
    --search-suggestionlisthover: #c1c1c1;
    --search-suggestionlist: #f5f2f2;

    /* checkbox background color in sales and purchases cases */
    --unchecked-sales-purchase: white;
    --hover-calculator:#c58317;
}

.sticky-header {
    position: sticky;
    top: 60px;
    z-index: 1000;
}

.font-color {
    color: #14125b;
}

.primary-background {
    background-color: var(--primary-background) !important;
}

.sidebar-heading-size {
    font-size: var(--sidebar-heading-size);
}

.sidebar-page-size {
    font-size: var(--sidebar-page-size);
}


.hidden {
    display: none;
}

.nav-content .nav-content .nav-content {
    padding-left: 30px;
    /* Indent level 3 */
}

.giving_padding_make_fine_accordian {
    padding-left: 20px !important;
}

.swal2-icon {
    font-size: 13px;
}

/* Default style for radio buttons */
input[type="radio"] {
    appearance: none;
    width: 15px;
    height: 15px;
    border: 2px solid gray;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
}

input[type="radio"]:checked {
    background-color: var(--primary-background);
    border-color: var(--primary-background);
}

input[type="radio"]:hover {
    border-color: black;
}

/* for all the checkbox */
/* Default style for checkboxes */
input[type="checkbox"] {
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 4px;
    outline: none;
    border: solid 1px #000000;
    cursor: pointer;
}

input[type="checkbox"]:checked {
    background-color:  var(--primary-background);
    border-color: #ddd;
    border-radius: 10px;
}

/* for sales and purchases */
/* Default style for checkboxes */
.check-sales-purchase {
    appearance: none;
    /* width: 15px;
            height: 15px; */
    /* border: 1px solid white !important; */
    border-radius: 3px !important;
    outline: none;
    cursor: pointer;
    background-color: var(--unchecked-sales-purchase);
    border-color: white !important;
    /* position: relative; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.check-sales-purchase:checked::before {
    content: '✓';
    /* Unicode tick mark */
    color: var(--primary-background);
    /* Tick color */
    background-color: var(--unchecked-sales-purchase);
    font-size: 14px;
    padding: 1.4px;
    font-weight: bold;
    display: block;
    line-height: 1;
    border-radius: 3px !important;
}

.check-sales-purchase:hover {
    border-color: white !important;
}

.check-journal:checked::before {
    content: '✓';
    color: var(--primary-background) !important;
    background-color: var(--unchecked-sales-purchase) !important;
    font-size: 11px;
    padding: 1px;
    font-weight: bold;
    display: block;
    line-height: 1;
    border-radius: 3px !important;
}

.check-company:checked::before {
    content: '✓';
    color: black;
    background-color: var(--unchecked-sales-purchase) !important;
    font-size: 10px;
    padding: 1.5px;
    font-weight: bold;
    display: block;
    line-height: 1;
    border-radius: 3px !important;
    border: 1px solid black;
}

.page-icon {
    color: var(--sidebar-page) !important;
}

.page-icon-background {
    background-color: var(--primary-background) !important;
}

#addcustomer {
    background-color: var(--primary-background);
    padding: 2px 8px;
    color: var(--sidebar-page);
}

.preview-button,
.Continue,
.btn-submits,
.preview-button:hover,
.Continue:hover,
.btn-submits:hover {
    background: var(--primary-background);
    border: 1px solid var(--primary-background);
    padding: 0.50rem 1.1rem;
    font-size: 13px;
    font-weight: 600;
    color: var(--sidebar-page);
    border-radius: 0.375rem;
    cursor: pointer;
    text-transform: uppercase;
}


.hover-btn {
    background: var(--primary-background);
    border: 1px solid var(--primary-background);
    ;
    padding: 0.50rem 1.1rem;
    font-size: 13px;
    font-weight: 500;
    color: #000000;
    border-radius: 0.375rem;
    color: white !important;
    cursor: pointer;
    text-transform: uppercase;
}

body {
    font-family: "Times New Roman", Times, serif;
}

/* #main{
        height: 650px;
        overflow: auto;
    } */

.footer .copyright,
.footer .credits,
.foot {
    color: var(--primary-background);
}

.main-page-heading {
    color: var(--sidebar-page) !important;
}

.form-control:focus {
    outline: none;
    box-shadow: none;
    border-color: #ddd;  
}

.companyadreslist{
    border: 1px rgb(196, 192, 192) solid;
    border-radius: 5px;
    padding: 10px;
}