body {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.body-bg {
    background: url('/assets/images/macara-service-bg.jpg');
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

h5 {
    font-weight: 400;
}

.btn-primary {
    --bs-btn-bg: rgb(53, 162, 66);
}
.btn-primary, .btn-outline-primary {
    --bs-btn-color: var(--bs-white);
    --bs-btn-border-color: rgb(59, 181, 74);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: rgb(53, 162, 66);
    --bs-btn-hover-border-color: rgb(53, 162, 66);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: rgb(53, 162, 66);
    --bs-btn-active-border-color: rgb(53, 162, 66);
}
.nav {
    --bs-nav-link-color: rgb(53, 162, 66);
    --bs-nav-link-hover-color: rgb(59, 181, 74);
}

.form-check-input[type=checkbox]:indeterminate, .form-check-input:checked {
    background-color: rgb(53, 162, 66); !important;
    border-color: rgb(53, 162, 66); !important;
}
.form-check-input:focus {
    border-color: #d6ecd9 !important;
    box-shadow: 0 0 0 .25rem rgba(59, 181, 74, .25) !important;
}

.form-control:focus, .form-select:focus {
    border-color: rgb(53, 162, 66) !important;
    box-shadow: 0 0 0 .25rem rgba(59, 181, 74, .25) !important;
}
/*     --bs-btn-bg: #3BB54A;      */

table.dataTable thead th, table.dataTable tfoot th {
    font-weight: 400;
    color: #34bb54;
}

.pagination {
    --bs-pagination-disabled-bg: transparent;
    /*--bs-pagination-focus-bg: var(--bs-secondary-bg);*/
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(53, 162, 66, 0.25);
}
.page-link { /*changed*/
    border: 1px solid transparent;
    background-color: transparent;
    color: var(--bs-white);
}
.page-link:hover { /*changed*/
    border-color: rgb(53, 162, 66);
    background-color: transparent;
    color: var(--bs-white);
    border-radius: var(--bs-border-radius);
}
.active>.page-link, .page-link.active {
    color: var(--bs-pagination-active-color);
    background-color: transparent;
    border: var(--bs-pagination-border-width) solid rgb(53, 162, 66);
    /*border-color: rgb(53, 162, 66);*/
    border-radius: var(--bs-border-radius);
}
.disabled>.page-link,.page-link.disabled {
    border: 1px solid transparent !important;
}
div.dt-container .dt-paging .dt-paging-button {
    padding: 0;
    margin: 1px;
}
div.dt-container .dt-paging .dt-paging-button:hover .page-link {
    border-color: rgb(53, 162, 66);
    background-color: transparent;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link    {
    border: 1px solid transparent;
}
.page-item.disabled:first-child .page-link:hover,
.page-item.disabled:last-child .page-link:hover    {
    border-color: transparent;
    background: none;
}
.page-item:last-child .page-link {
    border-top-right-radius: var(--bs-pagination-border-radius);
    border-bottom-right-radius: var(--bs-pagination-border-radius);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.page-item:first-child .page-link {
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-left-radius: var(--bs-pagination-border-radius);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.square {
    height: 267px;
    width: 200px;
    margin: auto;
    vertical-align: middle;
}
.square img {
    border-radius: var(--bs-border-radius);
}

.card-body {
    background-color:#2c3034;
}

.icon-checked {
    border: 1px solid #35a242;
    padding: 0px 2px 0 3px;
    background-color: #35a242;
}

.icon-unchecked {
    display: inline-block;
    transform: scale(1.5, 1.5);
}



/* Login Form */

.error {
    color: #cc0000;
}
img.filters {
    filter: drop-shadow(2px 0px 0px #fff);
}
.min-vh-75 {
    min-height: 75vh !important;
}

.g-recaptcha iframe {
    width: 302px;
    height: 77px;
}


.table-dashed, 
.table-dashed th, 
.table-dashed td {
  border: 1px dashed #000; 
  border-collapse: collapse;
  padding: 1px 4px;
}