nav.main-header {
    background-color: #00a452 !important;
}

[class*=sidebar-dark-] .sidebar a,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link {
    color: #ffffff;
}

[class*=sidebar-dark] .brand-link,
[class*=sidebar-dark] .user-panel {
    border-bottom: 1px solid #fff;
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover {
    background-color: #4f57643d;
    color: rgb(255 255 255 / 80%);
}

footer.main-footer {
    position: fixed;
    width: 100%;
    bottom: 0px;
    /* margin-top: 168px; */
    /* margin-top: 35px; */
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #4f5764;
}

.layout-fixed .main-sidebar {
    background: none;
    font-weight: 400;
    color: white !important;
    background: #526069;
    background-color: #00a452;
}

.bg-orange {
    background-color: #fd7e14 !important;
}

.project-btn {
    max-width: 175px;
    max-height: 2.5rem;
    margin: 4px;
}


/* Global Classes */

.fa-trash {
    color: #dc3545 !important;
}

.fa-eye {
    color: #6c757d !important;
}

.fa-edit {
    color: #007bff !important;
}

.icon-lg {
    max-width: 35px !important;
    max-height: 35px !important;
}

.actions {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.actions i {
    padding-right: 4px;
}

.breadcrumb {
    background-color: #fff;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50px;
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left !important;
    padding-right: 0 !important;
    color: #6c757d !important;
    content: "/" !important;
    position: absolute !important;
    top: 16px;
}

.navbar-light .navbar-nav .nav-link i.fas.fa-bars {
    color: #fff;
}

.navbar-light .navbar-nav .nav-link {
    color: #243e7a;
}

/* Documents Module header design */

.document-header {
    height: 75px;
    /* background-color: #00A452; */
    background-color: #155761;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

.document-header h3 {
    color: white;
    font-size: 2.70rem;
    font-weight: bold;
}

.content-box {
    min-height: 83vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content-box-container {
    height: 90%;
}

.content-box-container .card {
    height: 100%;
    /* min-height: 77vh; */
    position: relative;
}

div.actions-box {
    position: absolute;
    bottom: 0;
    right: 10px;
    display: flex;
    justify-content: end;
}

div.actions-box .submit,
div.actions-box .cancel {
    margin: 5px 10px;
}

/* PreLoader  */

.preloader {
    position: inherit;
}

.bold {
    font-weight: bold;
}

.h_in_bng_file {
    background: #2a3b44;
    color: white;
}

.project_row {
    display: flex;
    flex: auto;
    margin-top: 20px;
}


/* Media Module */

.media-card {
    position: inherit !important;
}

.media-container {
    min-height: 69.7vh !important;
}

.media-container .fm {
    height: 69.7vh;
    padding: 0 !important;
}

.app-text-bold {
    font-weight: bold;
    background: gray;
    color: white;
    border-radius: 20px;
    padding: 3px;
}

.heading-transfer-plot {
    color: white;
    background: #2a3b44;
    padding: 5px;
}

.card-body {
    padding-bottom: 4rem;
}

.card-body .form {
    width: 100%;
}

/* .content-wrapper>.content {
    padding: 1.5rem .5rem .5rem 0 !important;
} */

/* Profile Toggle */
.navbar .dropdown-menu.dropdown-menu-animated {
    padding: 1.5rem 1.75rem;
    border-radius: 4px;
    border: 0;
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 25%);
    background-color: #fff;
    background-clip: padding-box;
    width: 250px;
    margin-right: 5px;
    margin-top: 5px;
}

.navbar .dropdown.profile .dropdown-menu li.profile-img {
    padding: 0;
    max-height: 300px;
    height: 60px;
    width: 60px;
    display: flex;
}

.profile .dropdown-toggle img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.navbar-nav>li.open>a {
    background-color: transparent;
    color: #fff;
}

.navbar .dropdown.profile .dropdown-menu .profile-body {
    padding-left: 10px;
}

.navbar .dropdown.profile .dropdown-menu li.profile-img img.profile-img {
    height: 60px;
    width: 60px;
    float: left;
    border-radius: 50%;
    margin-right: 10px;
}

.navbar .navbar-nav>li>a {
    height: 40px;
    line-height: 40px;
    padding: 0 10px 0 20px;
}

.navbar .dropdown-menu {
    padding: 0;
    border: 0;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s;
    z-index: -1;
    position: absolute;
}

.dropdown-menu>li>a {
    display: block;
    padding: 10px 5px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
    text-align: left;
    transition: color .3s ease;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    background: none;
    color: #333;
    transition: color .3s ease;
}

.navbar .dropdown.profile .dropdown-menu h6 {
    margin-top: 0;
    font-weight: 200;
    width: 115px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.card.card-outline-tabs .card-header .nav-item .nav-link {
    font-size: initial;
}

/* Booking form Document */
.container.document {
    background-color: #fff;
    padding: 30px;
    position: relative;
}

.doc-end {
    border-top: .75em dotted !important;
    width: 80%;
}

.container.document span.bb {
    border-bottom: 2px solid black;
}

.container.document .bottom-left {
    position: absolute;
    bottom: 2px;
    left: 8%;
    color: black;
    background: #ffe499;
    font-size: 28px;
}

.container.document .top-right {
    position: absolute;
    top: 13px;
    right: 6%;
    color: black;
    font-size: 28PX;
    background: #ffe499;
}

.container.document input[type=checkbox] {
    transform: scale(2);
    margin-right: 20px !important;
}

.container.document .btn-box {
    width: max-content;
    margin: 3rem auto !important;
}

.border-none {
    border: none;
    border-bottom: 1px solid;
    border-radius: inherit;
}

@media print {

    footer,
    #non-printable {
        display: none !important;
    }

    #printable {
        display: block;
    }
}

.transfer-plot-reciept {
    line-height: 3;
}

.inline-display {
    display: inline;
    width: auto;
}

.select2-container .select2-selection--single {
    height: 39px !important;
}

.select2-container .select2-selection--multiple {
    min-height: 38px !important;
}

.img-box {
    height: 150px;
    width: 150px;
    margin: 5px;
}

/* Blockquote */
blockquote {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 3.5em auto;
    padding: 0.5em 10px;
    quotes: "\201C" "\201D" "\2018" "\2019";
    max-width: 590px;
}

blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}

blockquote p {
    display: inline;
}

#example1 {
    font-size: 1rem;
}

.select2-selection .select2-selection--single {
    max-height: 32px !important;
}

.select2-container--default .select2-selection--single {
    max-height: 32px !important;
    display: flex !important;
    align-items: center !important;
}

.select2-container--default .select2-selection--multiple {
    min-height: 32px !important;
}

.container.document input {
    background: transparent;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-block-color: #000 !important;
}

.select2-container {
    width: 100% !important;
}

.my-swal {
    background: none !important;
}

.swal2-loader {
    width: 5rem !important;
    height: 5rem !important;
    border-color: #e9eef2 transparent #f2f4f6 transparent !important;
}

.btn {
    background-image: linear-gradient(-60deg, transparent, transparent 40%, #ffffff44 40%, #ffffff44 60%, transparent 60%, transparent 100%) !important;
    background-size: 200% 100% !important;
    /* background-repeat: no-repeat !important; */
    background-repeat: repeat-x;
    background-position-x: 150% !important;
    letter-spacing: .05rem;
    text-transform: uppercase;
}

.btn:hover {
    background-position-x: -150% !important;
    transition: background-position-x 600ms !important;
}

#installment_plan_button:hover {
    color: white;
}

.timingfield {
    width: 100% !important;
}

.timingfield .timingfield_hours .input-group .input-group-addon,
.timingfield .timingfield_minutes .input-group .input-group-addon,
.timingfield .timingfield_seconds .input-group .input-group-addon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.input-group:not(.has-validation)>.form-control:not(:last-child) {
    border-radius: 10px;
}

.plan_heading {
    background: rgb(27, 41, 41) !important;
    border-right-width: 1px !important;
}

.plan_heading label {
    color: aliceblue !important;
}