.table thead th {
    padding: 10px 10px !important;
}

.card-body {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

th.action {
    width: 50px !important;
}

td.align-right {
    text-align: right !important;
}
/* enable absolute positioning */
.inner-addon {
    position: relative;
}

    /* style icon */
    .inner-addon .icon {
        position: absolute;
        padding: 8px;
        pointer-events: none;
    }

/* align icon */
.left-addon .icon {
    left: 0px;
}

.right-addon .icon {
    right: 0px;
}

/* add padding  */
.left-addon input {
    padding-left: 30px;
}

.right-addon input {
    padding-right: 30px;
}

td a i {
    padding-left: 5px !important;
}

.validation {
    border-radius: 5px;
}

    .validation .validation-message {
        padding-top: 5px;
        padding-bottom: 5px;
    }

.loader img {
    width: 100px;
}

.anaoncard.card.card-plain {
    background-color: #fff !important;
}

.anaoncard-logo {
    width: 200px;
}

.anaoncard .form-group {
    text-align: left !important;
}

.anaoncard .nav-item .active {
    background-color: #022539;
    color: #fff;
}

.anaoncard .nav-item .complete {
    background-color: #AEAEAE;
    color: #fff;
}

.navbar-vertical .navbar-brand > img, .navbar-vertical .navbar-brand-img {
    max-height: 50px !important;
}

.bg-grey {
    background-color: #B9BECD;
}

.copyright {
    color: #000 !important;
}

.footer .nav-link {
    color: #000 !important;
}

.align-left {
    text-align: left !important;
}

.img-delete {
    position: relative;
}

    .img-delete > a {
        position: absolute;
        top: 5px;
        right: 15px;
        padding:3px
    }

.snackbar {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 16px;
    background-color: #4CAF50;
    color: #fff;
    display: none;
    text-align: center;
    z-index: 9999;
}

.snackbar-success {
    background-color: #9ED9A0;
}

.snackbar-error {
    background-color: #e1908a;
}

.calendarCard {
    padding: 0px 6px 0px 0px;
    padding: 0px 10px 0px 10px;
}

.icon-shape-calander {
    width: 80px;
    height: 70px;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom-right-radius: 10%;
    border-top-left-radius: 10%;
    background: #121a26a8;
    background-color: rgba(18, 26, 38, 0.66);
/*    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-attachment: scroll;
    background-image: none;
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;*/
}

    .icon-shape-calander i {
        color: #fff;
        opacity: 0.8;
        top: 9px;
        position: relative;
        border-radius: 15% !important;
    }


.w-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 940px;
    padding: 10px;
}

    .w-container::before, .w-container::after {
        content: " ";
        display: table;
        grid-column-start: 1;
        grid-row-start: 1;
        grid-column-end: 2;
        grid-row-end: 2;
    }

    .w-container::after {
        clear: both;
    }

.calander-info-container {
    background-color: rgba(18, 26, 38, 0.66);
    padding: 10px 0px 25px 25px;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff !important;
    border-bottom-right-radius: 7%;
    border-bottom-left-radius: 7%;
}

.table td, .table th {
    white-space: normal !important;
    word-break:break-word
}

.shaddow {
    box-shadow: 1px 3px 5px 2px rgba(255, 255, 255, 0.63);
    -webkit-box-shadow: 1px 3px 5px 2px rgba(255, 255, 255, 0.63);
    -moz-box-shadow: 1px 3px 5px 2px rgba(255, 255, 255, 0.63);
}

.footer {
    padding: var(--rz-footer-padding);
    border-top: var(--rz-footer-border);
    background-color: var(--rz-footer-background-color);
    color: var(--rz-footer-color);
    position: fixed;
    bottom: 0px;
    width: 100%;
    right: 0px;
}

.navbar-vertical.navbar-expand-xs .navbar-collapse {
    display: block;
    overflow: auto;
    height: calc(100vh - 245px);
}

.btn-primary {
    --bs-btn-color: #000;
    --bs-btn-bg: #061139;
    --bs-btn-border-color: #061139;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #7687e8;
    --bs-btn-hover-border-color: #6e80e7;
    --bs-btn-focus-shadow-rgb: 80, 97, 194;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #7e8ee9;
    --bs-btn-active-border-color: #6e80e7;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #061139;
    --bs-btn-disabled-border-color: #061139;
}

    .btn-primary:hover, .btn.bg-gradient-primary:hover {
        background-color: #EAEAEA;
        border: 1px solid #061139;
        color: #061139
    }

.bg-gradient-primary {
    background-image: linear-gradient(310deg, #061139 0%, #66609D 100%)
}

.loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* semi-transparent black overlay */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999; /* ensure the loader is on top of other content */
}

.bg-dark {
    background-color: #F9F9F9 !important;
}

.bg-primary {
    background-color: #061139 !important;
}

.shadow-card {
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.16) !important;
}

.nav-footer-logo {
    padding: 0px;
    height: 101px;
}

.rz-steps .rz-state-highlight .rz-steps-number {
    background: #f1891d !important;
    color: #ffffff !important;
}

.rz-steps .rz-menuitem-link:hover {
    color: #061139 !important;
}

.rz-steps .rz-state-highlight .rz-steps-title {
    color: #061139 !important;
}

.rz-button.rz-primary.rz-shade-default, .rz-primary.rz-shade-default.rz-paginator-element {
    background-color: #061139 !important;
}

.rz-button.rz-secondary.rz-shade-default, .rz-secondary.rz-shade-default.rz-paginator-element {
    background-color: #2d2d2d !important;
}

.rz-steps-next:not(.rz-state-disabled):hover, .rz-steps-prev:not(.rz-state-disabled):hover {
    cursor: pointer;
    color: #061139 !important;
}

.rz-button.rz-warning.rz-shade-default {
    background-color: #f1891d !important;
    color: #ffffff !important;
}