@font-face {
    font-family: OpenSans;
    src: url('/fonts/OpenSans-Regular.ttf');
}

body {
    font-family: 'OpenSans', sans-serif;
}

.paper-container{
    overflow: auto;
    margin: 20px 5px;
    padding: 20px 25px;
}

.paper{
    /*width: 1000px;
    height: 1409px;*/
    /*width: 900px;*/
    min-height: 750px;
    border: 1px solid rgba(200,200,200,.2);
    /*box-shadow: 8px 12px 18px rgba(0 ,0 ,0, 1);*/
    /*padding: 65px 80px;*/
    font-size: 9pt;
    color: #777;
    background: #fcfcfc;
    border-radius: 2px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.display-1,
.display-2,
.display-4,
.display-5,
.display-7,
span,
p,
a {
    /*line-height: 1;*/
    /*word-break: break-word;*/
    /*word-wrap: break-word;*/
    font-weight: 400 !important;
}

.paper h1, h2, h3, h4 {
    /*font-weight: 100;*/
    /*font-size: 4.4rem;*/
}

.generate-container {
    position: fixed;
    top: 250px;
    right: 40px;
}

.generate-container .btn {
    /*background-color: rgba(52, 58, 64,.6);*/
    /*border-color: rgba(52, 58, 64,.6);*/
    border: none;
}

.generate-container .btn:hover {
    background-color: rgba(0,0,0,1) !important;
    border-color: rgba(0,0,0,1) !important;
}

.after-gen-container {
    display: none;
    /*position: fixed;*/
    /*bottom: 100px;*/
    /*right: 20px;*/
}

/*.after-gen-container .btn {
    background-color: rgba(52, 58, 64,.6);
    border-color: rgba(52, 58, 64,.6);
    border: none;
}

.after-gen-container .btn:hover {
    background-color: rgba(88,95,101,.8) !important;
    border-color: rgba(88,95,101,.8) !important;
}*/

.no-underline {
    text-decoration: none;
}

.service_item{
    float: right;
    font-size: 1rem;
    cursor: pointer;
    transition: font-size 0.1s ease-in-out;
    -webkit-transition: font-size 0.1s ease-in-out;
    -moz-transition: font-size 0.1s ease-in-out;
}

.service_item:hover{
    font-size: 1.1rem;
}

.btn-dark {
    /*color: #fff;*/
    background-color: rgba(88,95,101,.8);
    border-color: transparent;
}

.bg-dark {
    /*background-color: #111 !important;*/
}

.edit-company{
    display: none;
    position: absolute;
    margin-top: -180px;
    margin-left: 160px;
}

.edit-company-container:hover > .edit-company{
    display: block;
}

.edit-customer{
    display: none;
    position: absolute;
    margin-top: -140px;
    margin-left: 160px;
}

.edit-customer-container:hover > .edit-customer{
    display: block;
}


.invoice {
    padding-top: 0;
    padding-bottom: 0;
    color: #777;
    background: 0 0;
    border: 1px solid transparent;
    outline: none;
    border-radius: 2px !important;
}

.invoice:hover, .invoice:focus, .invoice:active{
    cursor: pointer;
    border: 1px solid #ddd;
    box-shadow: none;
    border-radius: 2px !important;
}

td.td_invoice_total {
    display: inline-flex;
}

td .invoice{
    width: 100%;
    background-color: #efefef;
    line-height: 2.0rem;
}

.item_line_total {
    border: 1px solid #efefef;
    box-shadow: none;
    border-radius: 2px !important;
}

td .item_line_total {
    width: 100%;
    background-color: #fff;
    line-height: 2.0rem;
}

.input-error {
    border: 1px solid #ff0430;
}

.input-error:hover, .input-error:focus, .input-error:active{
    border: 1px solid #ff0430;
}

.label {
    padding-top: 3px;
}
label {
    font-size: 0.88rem !important;
    font-weight: bold;
    color: #586376;
}

.btn-update {
    display: inline-block;
    font-weight: 400;
    color: #444;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*background-color: transparent;*/
    border: 1px solid #444;
    padding: 0.1rem 0.25rem;
    font-size: .7rem;
    line-height: 1.5;
    border-radius: 0.26rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border-bottom: none;
    margin-bottom: -10px;
}

.btn-update:hover{
    color: #fff;
    text-decoration: none;
}

.h_rule{
    margin: 0;
    width: 170px;
    border-top: 4px solid #ededed;
}

.h_rule_long{
    margin: 0;
    width: 210px;
    border-top: 4px solid #ededed;
}

.dropdown .dropdown-menu {
    border-radius:0;
}

/* Medium devices (tablets, 768px and up)
The navbar toggle appears at this breakpoint */
/*@media (min-width: 768px) {
    .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
        border-radius:0;
    }
}*/

.dropdown-item {
    padding: 0.25rem 1.05rem;
}

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
    background-color: #555;
    border-radius: 2px;
    margin-right: 10px;
    /*padding: 5px 15px;*/
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.9rem;
        padding-left: 0.9rem;
    }
}

.btn {
    /*border-radius: 0;*/
    /*border: 2px solid;*/
    border-radius: 100px;
}

.textarea {
    border: transparent;
    border-radius: 0;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
}

.form-control:focus {
    border-color: transparent !important;
    box-shadow: 0 0 0 .2rem rgba(10, 109, 179,.5);
}

.card-body nav {
    display: inline-block;
}

.table th, .table td {
    padding: 0.45rem;
}

.blackboard {
    color: #eee;
    padding: 1.5rem 1.5rem;
    /*margin-bottom: 2rem;*/
    border-radius: 4px;
    background: radial-gradient(circle, rgb(44, 44, 44) 0%, rgb(58, 58, 58) 100%);
}

.blackboard-no-padding {
    color: #eee;
    /*margin-bottom: 2rem;*/
    border-radius: 4px;
    background: radial-gradient(circle, rgb(77, 77, 77) 0%, rgb(0, 0, 0) 100%);
}

.display-5 {
    font-size: 2.7rem;
    /*font-weight: 300;*/
    line-height: 1.2;
}

.pop-out-card {
    transition: ease-in-out 0.2s;
}

.pop-out-card:hover {
    box-shadow: 8px 14px 25px rgba(10,10,10,.2);
    cursor: pointer;
}

.pop-out-card-active {
    box-shadow: 2px 8px 12px rgba(10,10,10,.2);
}

.btn-con{
    background-color:rgb(42, 99, 206);
    border: none;
}

.btn-contact {
    color: #ddd;
    text-align: right;
    vertical-align: text-top;
    margin-left: 22cm;
}

/*the container must be positioned relative:*/
.autocomplete {
    position: relative;
    width: 100%;
    display: inline-block;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}

/*when hovering an item:*/
.autocomplete-items div:hover {
    background-color: #e9e9e9;
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
    background-color: DodgerBlue !important;
    color: #ffffff;
}

.main-background {
    background-color: #555;
}

.content-view {
    background: #fcfcfc;
}
.card {
    border: none;
}

.bg-table-grey {
    background-color: #eee !important;
    color: #888;
}

table.dataTable {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

@media (min-width: 576px) {
    .paper {
        font-size: 11pt !important;
    }
}

.breadcrumb {
    background-color: transparent;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0.5rem;
}

.customBadge {
    vertical-align: middle;
    margin-left: -4px;
    margin-top: -16px;
    padding: 2px 3px;
    background-color: #0b81b8 ;
}

.fa {
    line-height: 1.6rem;
}

.loader-container {
    text-align: center;
}

.loading-text {
    font-family: 'Arial', sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
}

.loading-spinner {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #232323;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
    margin: 0 auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.badge {
    /*display: inline;*/
    /*padding: 4px 8px;*/
    font-size: 14px;
    border-radius: 100px;
    text-shadow: 1px 1px 4px rgba(60,60,60,.45);
}

.badge-success {
    color: #fff;
    background-color: #544fc5;
}

.badge-warning {
    color: #fff;
    background-color: #ffc107;
}

.badge-info {
    color: #fff;
    background-color: #0b81b8;
}

.custom-badge:hover {
    font-size: 1.045rem;
    box-shadow: 2px 2px 5px rgba(60,60,60,.35);
}

.header-section {
    min-height: 85vh;
}

.bg-white-img {
    background-image: url('/img/bg_white.png');
    background-attachment: fixed;
}

@media (max-width: 767px) {
    .bg-white-img {
        background-image: none;
    }
}

@media (max-width: 1200px) {
    .responsive-text {
        font-size: 9pt !important;
    }
}

.popover {
    box-shadow: rgba(105,105,105,.2) 2px 2px 10px;
    border-radius: 1.16rem;
    font-size: 13pt;
    background-color: rgba(105,105,105,.4);
    color: #fff;
    border: rgba(105,105,105,.4);
    transition: ease-in-out .125s;
}

.popover:hover {
    box-shadow: rgba(105,105,105,.4) 2px 2px 10px;
    background-color: rgba(26, 26, 26, 0.85);
}

.popover-body {
    color: #fff;
}

.popover a {
    color: #fff ;
    text-decoration: none;
    font-weight: bold;
}
.popover a:hover {
    transition: color 0.2s;
    color: #bfbfbf;
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.3rem;
}

.popover .arrow::before, .popover .arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
    margin-bottom: 0.5rem;
}

.bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow {
    bottom: calc((0.5rem + 1px) * -1);
}

.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before,
.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^="top"] .arrow::after {
    border-width: 0.5rem 0.5rem 0;
}

.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before {
    bottom: 0;
    border-top-color: rgba(0, 0, 0, 0.25);
}


.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^="top"] .arrow::after {
    bottom: 1px;
    border-top-color: rgba(105,105,105,.4);
}

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
    margin-left: 0.5rem;
}

.bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow {
    left: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}

.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before,
.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^="right"] .arrow::after {
    border-width: 0.5rem 0.5rem 0.5rem 0;
}

.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before {
    left: 0;
    border-right-color: rgba(0, 0, 0, 0.25);
}


.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^="right"] .arrow::after {
    left: 1px;
    border-right-color: rgba(105,105,105,.4);
}

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
    margin-top: 0.5rem;
}

.bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow {
    top: calc((0.5rem + 1px) * -1);
}

.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before,
.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^="bottom"] .arrow::after {
    border-width: 0 0.5rem 0.5rem 0.5rem;
}

.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before {
    top: 0;
    border-bottom-color: rgba(0, 0, 0, 0.25);
}


.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^="bottom"] .arrow::after {
    top: 1px;
    border-bottom-color: rgba(105,105,105,.4);
}

.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #0ea3e8;
}

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
    margin-right: 0.5rem;
}

.bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow {
    right: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}

.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before,
.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^="left"] .arrow::after {
    border-width: 0.5rem 0 0.5rem 0.5rem;
}

.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before {
    right: 0;
    border-left-color: rgba(0, 0, 0, 0.25);
}


.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^="left"] .arrow::after {
    right: 1px;
    border-left-color: rgba(105,105,105,.4);
}


.bg-success {
    background-color: #279944 !important;
}

.bg-warning-50 {
    background-color: #FFD339 !important;
}

.container {
    /*padding-left: 40px;*/
    /*padding-right: 40px;*/
}

@media (max-width: 768px) {
    .container {
        /*padding-left: 5px;*/
        /*padding-right: 5px;*/
        max-width: 100%;
    }

    .paper {
        padding: 5px 5px !important;
    }

    .bg-table-grey h4 {
        font-size: 12pt;
    }

    .table th, .table td, .dataTable th, .dataTable td {
        font-size: 9pt;
        padding: 0.45rem;
    }

    .header-section, .content-section {
        padding-top: 2rem !important;
        padding-bottom: 2rem;
    }

    .hideEle {
        display: none;
    }
}

.input-group-text > .fa {
    line-height: 0;
}

.dark-headline-color {
    background-color: #212529;
    color: #eee;
    border: none;
    border-radius: 5px;
}

.jq-input-dropdown {
    box-shadow: 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.175) !important;
}

ul.jq-input-dropdown li:hover {
    background-color: #bbb;
}

.align-right {
    text-align: right;
}

.download-bar {
    background-color: #f4f4f4;
    border-radius: 50px;
    padding: 0 15px;
}

.text-small {
    font-size: 0.75rem;
}

.delete_btn:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #c2313d;
    text-shadow: 1px 1px 4px rgba(60,60,60,.45);
}

.payment_btn:hover {
    color: #fff;
    background-color: #279944;
    border-color: #279944;
    text-shadow: 1px 1px 4px rgba(60,60,60,.45);
}

.reminder_btn:hover {
    color: #fff;
    background-color: #ffc107;
    border-color: #ffc107;
    text-shadow: 1px 1px 4px rgba(60,60,60,.45);
}

.warning_btn:hover {
    color: #fff;
    background-color: #0b81b8  !important;
    border-color: #0b81b8  !important;
}

.table-hover tbody tr:hover, .dataTable tbody tr:hover{
    transition: .2s ease-in-out;
    border-color: transparent;
    /*background-color: #d8d8d8;*/
    background-color: #E4F7FF;
    /*color: #FFF;*/
    box-shadow: #bcbcbc 2px 2px 5px;
    /*font-weight: bolder;*/
}

.accordion-button:not(.collapsed) {
    color: #222;
    background-color: #ddd;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}

.accordion-button:focus {
    z-index: 3;
    border-color: #ddd;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,13,13,.25);
}

.dropdown-item div small {
    color: #999 !important;
}

.header-section .mbr-section-title {
    color: #212529;
}

.btn-xs .fa{
    line-height: 1.4rem;
}
.btn-xs {
    border-radius: 100px;
    padding: 0.06rem 0.4rem;
}

.btn-outline-primary {
    color: #0b81b8;
    border-color: #0b81b8;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #0b81b8;
    border-color: #0b81b8;
    text-shadow: 1px 1px 4px rgba(60,60,60,.45);
}

.form-control{
    transition: ease-in-out .1s;
}

.form-control:hover, .form-control:focus {
    box-shadow: 0 0 0 .15rem rgba(0, 0, 0, 0.2);
    border-color: rgba(0, 0, 0, 0.2) !important;
}

div.dt-container .dt-search input {
    border: 1px solid #000;
    border-radius: 40px !important;
    padding: .375rem .75rem;
    background-color: transparent;
    color: #212529;
    margin-left: 3px;
}

div.dt-container .dt-search input:focus, .dt-search input:hover,
.dt-search input:focus-visible, .dt-search input:active {
    box-shadow: 0 0 0 .15rem rgba(0, 0, 0, 0.2);
    border-color: rgba(0, 0, 0, 0.2) !important;
}

table.dataTable > tbody > tr > th, table.dataTable > tbody > tr > td {
    padding: 6px 10px;
}

table.dataTable thead {
    background-color: rgba(0, 0, 0, 0.85);
    color: #fff;
}

.bg-info {
    background-color:#0b81b8  !important;
}

.bg-settings {
    background-color: #EDEFEB !important;
    border-radius: 5px;
}

.badge-danger{ color:#fff;background-color:#dc3545; }

.btn-success {
    color: #fff;
    background-color: #279944 !important;
    border-color: #279944 !important;
    border-radius: 100px
}
.btn-success:hover {
    color: #fff;
    background-color: #218838 !important;
    border-color: #1e7e34 !important;
}

.paid-image {
    transform: rotate(65deg);
}

.cancelled-image {
    transform: rotate(-30deg);
}

.blinking {
    -webkit-animation: 1s blink ease infinite;
    -moz-animation: 1s blink ease infinite;
    -ms-animation: 1s blink ease infinite;
    -o-animation: 1s blink ease infinite;
    animation: 1s blink ease infinite;
}

@keyframes "blink" {
    from, to {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}

@-moz-keyframes blink {
    from, to {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}

@-webkit-keyframes "blink" {
    from, to {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}

@-ms-keyframes "blink" {
    from, to {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}

@-o-keyframes "blink" {
    from, to {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}

.btn-check:active + .btn-outline-dark:focus, .btn-check:checked + .btn-outline-dark:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus, .btn-outline-dark:active:focus {
    box-shadow: none;
}

.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
    box-shadow: none;
}

@media (max-width: 767px) {
    .header-section .mbr-section-btn {
        margin-top: 0.4rem;
    }

    .download-bar {
        background-color: #f4f4f4;
        border-radius: 10px;
        padding: 5px 10px;
    }
}

table.dataTable > tbody > tr.child ul.dtr-details {
    display: inline;
}

table.dataTable > tbody > tr.child span.dtr-title {
    display: inline;
}

table.dataTable > tbody td.dt-body-center .mbr-section-btn {
    display: inline;
}

.img-effect-container {
    overflow: hidden;
    border-radius: 2rem;
}

.img-effect {
    transition: transform .1s; /* Animation */
}

.img-effect:hover {
    transform: scale(1.035); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.navbar-brand {
    align-content: center !important;
}

.separator {
    display: flex;
    align-items: center;
    text-align: center;
}

.separator::before,
.separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #bbb;
}

.separator:not(:empty)::before {
    margin-right: .7em;
}

.separator:not(:empty)::after {
    margin-left: .7em;
}

.btn-warning, .btn-black, .bg-dark, table.dataTable thead {
    border-color: transparent !important;
    /*background: linear-gradient(15deg, #142850, #112448, #1c3453, #253762, #25223e, #222, #111, #000) !important;*/
    background: linear-gradient(15deg, #142850, #152e4f, #17344d, #18394c, #1a3d4a, #1b4149, #1d4447, #1e4645) !important;
    transition: ease-in-out .125s;
    color: #fff !important;
}

.btn-warning:active:focus,.btn-warning:active, .btn-warning:focus, .btn-warning:hover, .btn-black:hover {
    border-color: transparent !important;
    background: linear-gradient(15deg, #141d33, #112134, #152939, #18313e, #1a3d4a, #1b4149, #1d4447, #1e4645) !important;
    color: #dedede !important;
    box-shadow: none;
}

.top-0 {
    top: 10% !important;
}

.bg-colourful-gradient {
    color: #fff;
    background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
    border: none;
}

@media (max-width: 767px) {
    .header-section .dt-body-center .mbr-section-btn {
        margin-top: 0;
    }
}

.bg-dark-50 {
    background: rgba(213, 213, 213, 0.3);
}

.list-group-item, .accordion-item {
    background-color: transparent;
}

.dropdown-item.active, .dropdown-item:active {
    text-decoration: none;
    background: linear-gradient(15deg, #142850, #152e4f, #17344d, #18394c, #1a3d4a, #1b4149, #1d4447, #1e4645);
}

.nav-dropdown .nav-item.active {
    background: linear-gradient(15deg, #142850, #152e4f, #17344d, #18394c, #1a3d4a, #1b4149, #1d4447, #1e4645);
    border-radius: 2.9rem;
 }

.dropdown-item.quote-hover:hover, .dropdown-item.quotes:focus {
    background: #0b81b8 !important;
    color: white !important;
}

.dropdown-item.invoice-hover:hover, .dropdown-item.quotes:focus {
    background: #544fc5 !important;
    color: white !important;
}

.form-check-input:checked {
    background-color: #0b81b8;
    border-color: #0b81b8;
}

.form-check-input:focus {
    border-color: #0b81b8;
    box-shadow: 0 0 0 .25rem rgba(11, 129, 184, 0.25);
}

.toast-header {
    color: rgb(52, 52, 89);
    background-color: rgba(255,255,255,.85);
}
.toast {
    /*background-color: rgba(21, 180, 255, 0.15);*/
    background: rgba(52, 52, 89, 0.9) !important;
    color: #fff;
    border-radius: 5px;
    border: transparent;
}

.list-group-flush-no-line {
    padding-left: 0;
}

.list-group-flush-no-line > .list-group-item {
    border-width: 0 0 0;
}

.is-invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.input-group > .input-group-text {
    border-top-left-radius: 40px !important;
    border-bottom-left-radius: 40px !important;
}

.input-group > .input-group-input {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.display-1, .display-2, .display-3, .display-4, .display-5 {
    font-family: 'Inter Tight', sans-serif;
}

.item-wrapper {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border-radius: 2rem !important;
}
@media (max-width: 991px) {
    .item-wrapper {
        padding: 2rem 1.5rem;
    }
}
@media (min-width: 992px) {
    .item-wrapper {
        padding: 2.25rem;
    }
}

.form-control {
  border-radius: 40px !important;
}

.btn-sm {
    padding: 0.2rem 0.8rem;
}

.transparent-table {
    --bs-table-bg: transparent !important;
}

.table > tbody {
    vertical-align: middle;
}