body {
    margin: 0;
    font-family: "Nunito", sans-serif;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.6;
    color: #212529;
    text-align: left;
    background-color: #f8fafc;
    /* background-image: url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23edeeef' fill-opacity='0.4'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); */
}

#home-bg {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 150px;
    width: 150px;
}

.sbmp-primary {
    /*background-color: #459c98;*/
    background-color: #388aa4;
    color: #fff;
}

.sbmp-secondary {
    background-color: #dff7ff;
    /*#f0f9f8*/
}

.sbmp-primary:hover {
    color: #fff;
}

.sbmp-primary .nav-item a {
    color: #fff;
}

.hidden {
    display: none !important;
}

.sbmp-light {
    background-color: #dff7ff;
    color: #000;
    font-size: 12px;
    font-weight: bold;
}


.sbmp-danger {
    background-color: rgb(202, 90, 90);
    color: #000;
    font-size: 12px;
    font-weight: bold;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-toggler {
    border-color: #fff;
}


#commute-add-box .form-control,
#commute-add-box .form-control-sm {
    border-radius: 0;
}

.sort_select {
    display: inline-block;
    width: 50%;
}



.hold-transition {
    /* Fix for IE */
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.preloader {
    width: 100%;
    height: 100%;
    top: 0px;
    position: fixed;
    z-index: 99999;
    background: #fff;
}

.lds-ripple {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
    position: absolute;
    top: calc(50% - 3.5px);
    left: calc(50% - 3.5px);
}

.lds-ripple .lds-pos {
    position: absolute;
    border: 2px solid #2962FF;
    opacity: 1;
    border-radius: 50%;
    -webkit-animation: lds-ripple 1s cubic-bezier(0, 0.1, 0.5, 1) infinite;
    animation: lds-ripple 1s cubic-bezier(0, 0.1, 0.5, 1) infinite;
}

.lds-ripple .lds-pos:nth-child(2) {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.mark-as-favorite {
    cursor: pointer;
}

@-webkit-keyframes lds-ripple {
    0% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: -1px;
        left: -1px;
        width: 58px;
        height: 58px;
        opacity: 0;
    }
}

@keyframes lds-ripple {
    0% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: -1px;
        left: -1px;
        width: 58px;
        height: 58px;
        opacity: 0;
    }
}

.pagination-container ul {
    justify-content: center;
}

.pagination-container ul .page-link {
    color: #388aa4;
}

.pagination-container ul .page-item.active .page-link {
    background-color: #388aa4;
}

/*Hide Input Number Arrows*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

#add-new-commute {
    color: rgba(183, 183, 183) !important;
}

#add-new-commute option {
    color: #212529;
}

.navbar {
    padding: 0;
}

.navbar .nav-item {
    padding: 7px 0;
}

ul.navbar-nav .nav-item:hover {
    background-color: #539ab1;
}

.lg-checkbox {
    transform: scale(1.3);
    margin-right: 5px;
}

#agent-office-info {
    font-size: 15px;
}

.sbmp-primary .nav-item .dropdown-item {
    color: #000;
}

.sbmp-primary .navbar-brand {
    color: #fff;
}

.credit-score-not-met-warning {
    font-size: 16px;
}

.reno-credit-score-not-met-warning {
    font-size: 12px;
}

.form-check-input {
    transform: scale(1.8);
}

.form-check-label {
    margin-left: 0.4rem;
}

.mr-1 {
    margin-bottom: 0.25rem;
}

/* Right Side Modal */
#right-click-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    background-color: rgba(0, 0, 0, 0.5);
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
}

#right-click-modal.show {
    visibility: visible;
    opacity: 1;
}

#right-click-modal .right-modal-dialog {
    position: absolute;
    top: 0;
    right: -100%;
    width: 60%;
    /* Adjust width as needed */
    height: 100%;
    background-color: #fff;
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.2);
    transition: right 0.3s ease;
    display: flex;
    flex-direction: column;
}

#right-click-modal.show .right-modal-dialog {
    right: 0;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    #right-click-modal .right-modal-dialog {
        width: 90%;
    }
}

.right-modal-header {
    padding: 15px 20px;
    border-bottom: 1px solid #dee2e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fa;
}

.right-modal-content {
    flex: 1;
    overflow-y: auto;
    position: relative;
}

.modal-content-body {
    padding: 20px;
}

.close-modal {
    cursor: pointer;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    background: transparent;
    border: 0;
    padding: 0;
}

.close-modal:hover {
    opacity: .75;
}