body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #e7e7eb;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    margin: 0
}

code {
    font-family: source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace
}

h1,h2,h3,h4,h5,h6,label,p {
    margin: 0;
    padding: 0
}

.progressBar-container {
    background-color: #fff;
    justify-content: space-between
}

.bg-lightgrey {
    background-color: #f5f5f5
}

.bg-white {
    background-color: #fff
}

.RightArea {
    background-color: #e7e7eb;
    min-height: 100vh;
    padding: 30px;
    position: absolute;
    right: 0;
    top: 68px;
    transition: all .3s;
    width: calc(100% - 230px)
}

.form-box {
    background-color: #fff;
    border-left: 4px solid #ec743f;
    border-radius: 7px;
    box-shadow: 0 0 5px 0 #00000012;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 20px
}

.checks {
    display: inline!important;
    padding-left: 0!important;
    text-align: left!important
}

.checks-input {
    margin-bottom: 10px!important;
    margin-top: 10px!important
}

.radio-inline {
    margin-left: -10px;
    width: auto!important
}

.form-box P {
    word-break: break-all
}

img.excel-icon {
    width: 35px
}

@media (max-width: 600px) {
    .Sidebar-View .wrapper {
        display:none!important;
        top: 0
    }

    .RightArea {
        min-height: auto!important;
        padding: 30px 20px;
        width: 100%!important
    }

    .wrapper.active {
        transition: all .3s
    }

    .form-row,.wrapper.active {
        display: block!important
    }

    .submit.downbtn {
        margin-bottom: 10px
    }

    .exeboxsearch {
        justify-content: end!important
    }
}

.App-logo {
    height: 40vmin;
    pointer-events: none
}

@media (prefers-reduced-motion:no-preference) {
    .App-logo {
        -webkit-animation: App-logo-spin 20s linear infinite;
        animation: App-logo-spin 20s linear infinite
    }
}

.App-header {
    align-items: center;
    background-color: #282c34;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: calc(10px + 2vmin);
    justify-content: center;
    min-height: 100vh
}

.App-link {
    color: #61dafb
}

@-webkit-keyframes App-logo-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes App-logo-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.HeaderSection {
    align-items: center;
    background-color: #fff;
    display: flex;
    height: 68px;
    position: fixed;
    width: 100%;
    z-index: 999
}

.HeaderSection .logo {
    height: auto;
    width: 92px
}

.HeaderSection .dropdown {
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    position: relative
}

.HeaderSection .dropdown-view {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

.HeaderSection .dropdown-view-contant {
    padding-right: 12px;
    text-align: left
}

.HeaderSection .name-view {
    color: #000;
    font-size: 16px
}

.HeaderSection .admin-contant {
    color: #000;
    font-size: 10px;
    opacity: .5
}

.HeaderSection .dropdown-icon-view {
    height: 7px;
    width: 10px
}

.HeaderSection .homeuser.details {
    background-color: #e6e6e6;
    border-radius: 50%;
    height: 46px;
    padding: 9px;
    width: 46px
}

.HeaderSection .custom-dropdown-style .dropdown-menu {
    border: 0;
    border: 2px solid #d4d4d4!important;
    border-radius: 10px!important;
    box-shadow: 0 3px 21px 0 rgba(0,0,0,.2)!important;
    height: 240px;
    -webkit-transform: translate3d(0,46px,0)!important;
    transform: translate3d(0,46px,0)!important;
    width: 300px
}

.HeaderSection .login-user-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: -30px;
    padding: 20px 15px
}

.HeaderSection p.user-name {
    color: #202124;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 8px;
    padding-top: 5px
}

.HeaderSection p.user-email {
    border: 1px solid #d9d9d9;
    border-radius: 30px;
    color: #676767;
    font-size: 15px;
    padding: 6px 10px;
    text-align: center;
    width: 100%
}

.HeaderSection .logout-box {
    border-top: 1px solid #ff7d44;
    margin-top: 20px;
    text-align: center;
    width: 100%
}

.HeaderSection a.user-logout {
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    color: #676767;
    color: #202124;
    display: block;
    font-size: 15px;
    font-weight: 500;
    margin-top: 20px!important;
    margin: auto;
    padding: 4px 10px 6px;
    text-decoration: none;
    width: 100px
}

.HeaderSection a.user-logout:hover {
    text-decoration: none
}

.HeaderSection .dropbtn {
    align-items: center;
    background-color: #e7e7eb;
    border: none;
    border-radius: 0;
    border-radius: 2px;
    color: #323031;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 36px;
    justify-content: space-between;
    letter-spacing: 0;
    padding: 0 12px;
    width: 180px
}

.HeaderSection .homeuser {
    margin-right: 10px!important;
    margin-top: -2px!important
}

.HeaderSection .left {
    margin-left: 34px!important
}

.HeaderSection .dropdown-item.active {
    background-color: #ea652b;
    color: #fff!important;
    text-decoration: none
}

.HeaderSection .dropdown-menu {
    margin: 0!important;
    padding: 0!important
}

.HeaderSection .dropdown-item.active,.HeaderSection .dropdown-item:active {
    background-color: #ea652b;
    color: #fff!important;
    text-decoration: none
}

.HeaderSection .logoutButton {
    background-color: #fa7a48;
    border: 0;
    border-bottom: 3px solid #e64606;
    border-radius: 4px;
    color: #fff;
    float: right;
    padding: 6px 25px;
    width: 100px
}

.HeaderSection .logoutButton:hover {
    background-color: #7e7fa4;
    border: 0;
    border-bottom: 3px solid #434466;
    color: #fff
}

.HeaderSection .pr-30 {
    padding-right: 30px
}

.HeaderSection .col-xs-6 {
    width: 50%
}

.HeaderSection .logo-container {
    align-items: center;
    display: flex
}

.HeaderSection .mobile-menu {
    display: none
}

.HeaderSection p.dropdown-item.user-email {
    border-bottom: 1px dashed #cdc8c8;
    font-size: 14px;
    padding: 10px 8px;
    text-align: left;
    white-space: inherit;
    word-break: break-all
}

.HeaderSection .homecross {
    cursor: pointer;
    display: block;
    height: auto;
    margin-left: 260px;
    margin-right: 15px;
    margin-top: 15px;
    width: 15px;
    width: 1000
}

@media(max-width: 600px) {
    .HeaderSection .mobile-menu {
        display:block;
        margin-right: 20px
    }

    .HeaderSection .mobile-memu-img {
        height: 26px!important;
        object-fit: contain;
        width: 26px!important
    }

    .HeaderSection .mobile-menu {
        background-color: #fff;
        border-radius: 50%;
        box-shadow: 0 0 7px 0 rgba(0,0,0,.329);
        cursor: pointer;
        padding: 7px 8px!important
    }

    .HeaderSection .logo-img {
        margin-top: 2px
    }

    .HeaderSection .dropbtn {
        margin-top: 3px;
        padding: 0 8px!important;
        width: 100%
    }

    .HeaderSection .dropdown-menu {
        -webkit-transform: translate3d(-147px,50px,0)!important;
        transform: translate3d(-147px,50px,0)!important
    }
}

.fixHeaderDropdown {
    left: calc(100% - 300px)!important
}

:root {
    --primary: #1c1e3b;
    --secondary: #ec743f;
    --warning: #ffd0228;
    --danger: #eb3f27;
    --success: #75fa83;
    --white: #fdfdfd;
    --dark: #181717
}

button:focus {
    box-shadow: none!important;
    outline: none!important
}

.btn-ugro {
    border-radius: 10px;
    cursor: pointer;
    font-weight: 400;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}

.btn-ugro:hover {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

.btn--primary--solid {
    background-color: #1c1e3b;
    background-color: var(--primary);
    border: none;
    color: #fdfdfd;
    color: var(--white)
}

.btn--warning--solid {
    background-color: #ffd022;
    background-color: var(--warning);
    border: none;
    color: #181717;
    color: var(--dark)
}

.btn--danger--solid {
    background-color: #eb3f27;
    background-color: var(--danger)
}

.btn--danger--solid,.btn--success--solid {
    border: none;
    color: #fdfdfd;
    color: var(--white)
}

.btn--success--solid {
    background-color: #75fa83;
    background-color: var(--success)
}

.btn--secondary--solid {
    background-color: #ec743f;
    border: none;
    color: #fdfdfd;
    color: var(--white)
}

.btn--primary--outline {
    background-color: transparent;
    border: 2px solid #1c1e3b;
    border: 2px solid var(--primary);
    color: var(var(--primary))
}

.btn--warning--outline {
    background-color: transparent;
    border: 2px solid #ffd022;
    border: 2px solid var(--warning);
    color: #ffd022;
    color: var(--warning)
}

.btn--danger--outline {
    background-color: transparent;
    border: 2px solid #eb3f27;
    border: 2px solid var(--danger);
    color: #eb3f27;
    color: var(--danger)
}

.btn--success--outline {
    background-color: transparent;
    border: 2px solid #75fa83;
    border: 2px solid var(--success);
    color: #75fa83;
    color: var(--success)
}

.btn--secondary--outline {
    background-color: transparent;
    border: 2px solid #ec743f;
    border: 2px solid var(--secondary);
    color: #ec743f;
    color: var(--secondary)
}

.btn--medium {
    font-size: 18px
}

.btn--large,.btn--medium {
    height: 36px;
    padding: 0 20px
}

.btn--large {
    font-size: 16px
}

.mr-10 {
    margin-right: 10px
}

.full-btn {
    font-size: 16px;
    width: 100%
}

.Sidebar-View .container {
    max-width: 1100px
}

.Sidebar-View .BodySection {
    float: left;
    width: 100%
}

.Sidebar-View .wrapper {
    background: transparent linear-gradient(180deg,#ec743f,#ff7d44) 0 0 no-repeat padding-box;
    color: #fff;
    height: 100%;
    left: -1px;
    position: fixed;
    top: 68px;
    transition: all .3s;
    width: 230px;
    z-index: 999
}

.Sidebar-View .logo-container {
    padding: 13px 0;
    text-align: center
}

.Sidebar-View .logo_img {
    height: 62px;
    width: 62px
}

.Sidebar-View .sidebar-container {
    padding: 18px 0
}

.Sidebar-View .nav-container {
    align-items: center;
    display: flex;
    height: 44px;
    margin-bottom: 2px;
    padding: 11px 22px
}

.Sidebar-View .nav-icon {
    height: auto;
    width: 22px
}

.Sidebar-View .nav-link-container {
    padding: 0 12px
}

.Sidebar-View .nav-link {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 15px;
    line-height: 18px;
    padding: 0
}

.Sidebar-View .nav-link:focus {
    outline: none
}

.Sidebar-View .decoration-none:hover {
    text-decoration: none
}

.Sidebar-View .nav-container:hover,.Sidebar-View .sidebar-container .active {
    background: #f48d5f
}

.Sidebar-View img.close-btn,.Sidebar-View img.sidebar-logo {
    display: none
}

@media(max-width: 600px) {
    .Sidebar-View img.close-btn {
        background-color:#fff;
        border-radius: 50%;
        cursor: pointer;
        display: block;
        float: left;
        height: 40px;
        margin-bottom: 12px;
        margin-left: 210px;
        margin-top: -2px;
        object-fit: contain;
        padding: 8px;
        text-align: right;
        width: 40px
    }

    .Sidebar-View .wrapper {
        background: rgba(0,0,0,.251)!important;
        top: 0!important;
        width: 100%
    }

    .Sidebar-View .sidebar-container {
        background: transparent linear-gradient(180deg,#ec743f,#ff7d44) 0 0 no-repeat padding-box;
        height: 100%;
        padding: 33px 0;
        width: 233px
    }

    .Sidebar-View img.sidebar-logo {
        background-color: #fff;
        border-radius: 0 25px 25px 0;
        display: block;
        height: 48px;
        margin-bottom: -41px;
        margin-right: 142px;
        margin-top: -24px;
        object-fit: contain;
        padding: 8px;
        width: 115px
    }
}

.Login-container .LoginForm-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.Login-container .LoginForm {
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0,0,0,.161);
    opacity: 1;
    padding: 25px 10px;
    position: absolute;
    right: 42%;
    width: 591px
}

.Login-container .login-background {
    object-fit: cover
}

.Login-container .logo {
    height: auto;
    width: 162px
}

.Login-container .login-header {
    margin-top: 30px
}

.Login-container .top-heading {
    color: #242642;
    font-size: 30px;
    line-height: 27px;
    margin-bottom: 34px
}

.Login-container .sub-heading {
    color: #242642;
    font-size: 16px;
    line-height: 15px;
    margin-bottom: 22px
}

.Login-container .login-input {
    border-bottom: 1px solid #707070!important;
    border: none;
    color: #ec743f;
    font-size: 16px;
    line-height: 15px;
    outline: none;
    padding: 4px;
    text-align: center
}

.Login-container .btn-container {
    align-items: center;
    background-color: #1c1e3b;
    border-radius: 100px;
    display: flex;
    height: 35px;
    justify-content: center;
    margin-top: 52px;
    width: 130px
}

.Login-container .resendotp-btn {
    background-color: #fff;
    border: 1px solid #1c1e3b
}

.Login-container .resendotp-btn .login-btn {
    background-color: #fff;
    color: #1c1e3b;
    font-size: 16px;
    line-height: 19px
}

@media(max-width: 600px) {
    .Login-container .login-banner {
        display:none
    }

    .Login-container .mob-container {
        padding: 0
    }

    .Login-container .login-box {
        margin: auto;
        width: 90%
    }

    .Login-container .LoginForm {
        background-color: #fff;
        background: #fff;
        border-bottom: 4px solid #ec743f;
        border-radius: 0 40px 0 40px!important;
        border-radius: 10px;
        border-top: 4px solid #ec743f;
        box-shadow: 0 3px 6px rgba(0,0,0,.16);
        box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
        -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
        -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
        -o-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
        -ms-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
        justify-content: center;
        opacity: 1;
        overflow: hidden;
        padding: 50px 10px 33px;
        position: static!important;
        width: 390px
    }

    .Login-container .LoginForm-container {
        align-items: center;
        background-image: url(/static/media/loginbg.c428d8707cc81a8e2b2f.webp);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        min-height: 92.2vh;
        overflow: hidden;
        padding: 15px;
        width: 100%
    }

    .Login-container .logo {
        height: auto;
        width: 134px
    }

    .Login-container .login-header {
        margin-top: 15px
    }

    .Login-container .login-p {
        margin-bottom: 15px
    }

    .Login-container .top-heading {
        margin-top: 65px
    }
}

.otp-boxes {
    align-items: center;
    justify-content: center
}

.otp-boxes input {
    border: none;
    border-bottom: 2px solid #000
}

.otp-boxes input:focus-visible {
    outline: none
}

.mt-24 {
    margin-top: 24px
}

.login-agent-input {
    border-bottom: 1px solid #707070!important;
    border: none;
    color: #ec743f;
    font-size: 16px;
    line-height: 15px;
    margin-bottom: 21px;
    outline: none;
    padding: 4px;
    width: 100%
}

.login-p {
    margin-bottom: 25px
}

.login-box {
    margin: auto;
    text-align: left;
    width: 70%
}

h3.login-heading {
    font-size: 26px;
    text-align: center
}

h3.login-heading span {
    color: #ec743f;
    font-weight: 700
}

.dashboard-container .dashboard-area {
    position: relative
}

.dashboard-container .datepicker-input {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.dashboard-container .datepicker-input input {
    background-color: transparent;
    border: 1px solid hsla(0,0%,44%,.52);
    border-radius: 3px;
    font-size: 14px;
    height: 40px;
    line-height: 16px;
    padding: 10px;
    width: 100%;
    width: 170px
}

.dashboard-container .datepicker-input input:focus-visible {
    outline: none
}

.dashboard-container .datepicker-input label {
    background-color: #fff;
    color: #72738c;
    font-size: 16px;
    left: 10px;
    line-height: 16px;
    padding: 0 4px;
    position: absolute;
    top: -10px
}

.dashboard-container .datepicker-container {
    position: relative
}

.dashboard-container .icon-box-container {
    align-items: center;
    background-color: #f9f9f9;
    border-radius: 10px;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 18px;
    padding: 18px
}

.dashboard-container img.dash-icon {
    height: auto;
    width: 50px
}

.dashboard-container .icon-box-sub-heading {
    color: #575757;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .56px;
    padding-top: 4px;
    text-align: left
}

.dashboard-container .icon-box-heading {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: .56px;
    text-align: left
}

.dashboard-container .content {
    margin-left: 10px
}

.dashboard-container .dash-container {
    margin-top: 0
}

.dashboard-container p.last-update-text {
    color: #434466;
    font-size: 16px;
    font-weight: 500;
    padding-top: 15px;
    text-align: left
}

.dashboard-container .second-tab {
    margin-top: 20px
}

.dashboard-container img.next-icon {
    width: 24px
}

.dashboard-container .work-icon-box-sub-heading {
    color: #575757;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .56px;
    text-align: left
}

.dashboard-container .work-icon-box-container {
    align-items: center;
    background-color: #f9f9f9;
    border-bottom: 2px solid #cecece;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    padding: 12px 18px
}

.dashboard-container .work-icon-box-heading {
    font-size: 18px;
    padding-bottom: 5px;
    text-align: left
}

.dashboard-container .workrow1 {
    margin-top: 0
}

.dashboard-container .workrow2,.dashboard-container .workrow3 {
    margin-top: 20px
}

.dashboard-container .loan-subheading {
    color: #e46634;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 10px;
    text-align: left
}

.dashboard-container button.filebtn {
    background-color: transparent;
    border: 0;
    outline: 0
}

@media(max-width: 600px) {
    .dashboard-container p.last-update-text {
        font-size:14px
    }

    .dashboard-container .icon-box-container {
        display: block;
        padding: 12px
    }

    .dashboard-container img.dash-icon {
        height: auto;
        width: 32px
    }

    .dashboard-container .content {
        margin-left: 0;
        margin-top: 5px
    }
}

.dashboard-component .page-main-heading {
    font-size: 22px;
    margin-bottom: 20px;
    text-align: left
}

.dashboard-component .page-main-heading:after {
    border-bottom: 2px solid #e46634;
    content: "";
    height: 2px;
    left: 22px;
    position: absolute;
    top: 52px;
    width: 100px
}

.dashboard-component .workspace-dynamic-heading {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .3px;
    text-align: left
}

.dashboard-component .workspace-dynamic-sub-heading {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .3px;
    line-height: 30px;
    text-align: left
}

.dashboard-component .work-dynamic-icon-box {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.dashboard-component .work-dynamic-icon {
    width: 20px
}

.dashboard-component p.work-dynamic-text {
    color: #575757;
    font-size: 14px;
    padding-left: 8px;
    padding-right: 12px;
    text-align: left
}

.dashboard-component .dash-dynamic-container {
    display: flex;
    margin-top: 10px;
    padding: 0
}

.dashboard-component .dark-dash-dynamic-container {
    align-items: center;
    background-color: #d5d5d5;
    bottom: 0;
    display: flex;
    height: 40px;
    justify-content: flex-start;
    margin-top: 5px;
    padding: 0 0 4px 20px;
    position: absolute
}

.dashboard-component .work-dynamic-call-icon {
    margin-right: 50px;
    width: 20px
}

.dashboard-component .workspace-dynamic-main {
    border-left: 4px solid #ec743f;
    border-radius: 7px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.071);
    height: 180px;
    position: relative
}

.dashboard-component .workspace-dynamic-inner {
    padding: 20px
}

.dashboard-component .workspace-dynamic-box {
    margin-bottom: 25px;
    margin-top: 5px;
    padding: 0
}

.dashboard-component .main-heading-background {
    background-color: #fff;
    border-radius: 10px;
    padding: 15px 20px;
    position: relative
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.loading-spinner {
    -webkit-animation: spinner 1.5s linear infinite;
    animation: spinner 1.5s linear infinite;
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #383636;
    height: 50px;
    width: 50px
}

.spinner-container {
    left: 50%;
    position: absolute;
    top: 45%
}

.dashboard-card-container .exebtnbox {
    margin-top: 6px
}

.dashboard-card-container .datepicker-input {
    justify-content: space-between
}

@media(max-width: 600px) {
    .dashboard-card-container .filter-row {
        display:block;
        padding-top: 0
    }

    .dashboard-card-container .datepicker-input {
        display: block;
        margin-top: 20px
    }

    .dashboard-card-container .exebox {
        justify-content: space-between
    }

    .dashboard-card-container .filter-hide {
        display: none
    }

    .dashboard-card-container .filter-show {
        display: block
    }

    .dashboard-card-container .mob-filter-btn {
        background-color: #ec743f!important;
        border: #ec743f!important
    }

    .dashboard-card-container .mob-filter-btn-show {
        display: block
    }

    .dashboard-card-container .filter-btn-show {
        background-color: #ec743f!important;
        border: #ec743f!important;
        display: block
    }

    .dashboard-card-container .filter-btn-hide {
        display: none
    }

    .dashboard-card-container .searchBox {
        margin-top: 15px
    }

    .dashboard-card-container .mob-filter-btn:focus {
        box-shadow: 0 0 0 0 rgba(38,143,255,.5)!important
    }

    .dashboard-card-container .select-filter-drop {
        margin-bottom: 20px!important;
        width: 100%!important
    }

    .dashboard-card-container .filter-select-box {
        border-radius: 4px;
        padding: 0!important
    }

    .dashboard-card-container .TabFilterBox {
        background-color: #fff;
        border-radius: 4px;
        bottom: 0;
        box-shadow: 0 0 7px 0 rgba(0,0,0,.122);
        left: 0;
        padding: 15px 18px;
        position: fixed;
        width: 100%;
        z-index: 99
    }

    .dashboard-card-container .datepicker-input input,.dashboard-card-container .datepicker-input select {
        margin-bottom: 20px;
        width: 100%
    }

    .dashboard-card-container .collapse:not(.show) {
        display: none!important
    }

    .dashboard-card-container .card-container {
        margin-bottom: 50px
    }
}

.dashboard-card-container .dashboard-area {
    position: relative
}

.dashboard-card-container .card-container {
    background-color: #fff;
    border-radius: 10px;
    margin-top: 20px;
    padding: 10px 20px
}

.dashboard-card-container .content-row {
    padding-left: 15px;
    padding-right: 15px
}

.dashboard-card-container .addcasebtn {
    margin-right: 15px
}

.dashboard-card-container .filter-row {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-top: 15px
}

.dashboard-card-container .filter-case {
    align-items: flex-start
}

.dashboard-card-container .exebtn {
    background-color: #1d6f42;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    padding: 8px 18px
}

.dashboard-card-container .exebox {
    display: flex
}

.dashboard-card-container .exebtnbox {
    margin-top: 0
}

.dashboard-card-container i.fa.fa-file-excel-o {
    margin-right: 5px
}

.dashboard-card-container .table-bordered td,.dashboard-card-container .table-bordered th {
    border: 0 solid #dee2e6
}

.dashboard-card-container .has-search .form-control {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    border-bottom: 3px solid #e5e5e5;
    border-radius: 5px;
    color: #495057;
    display: block;
    font-size: 16px;
    font-weight: 400;
    height: 45px;
    line-height: 1.5;
    padding-left: 2.375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 100%
}

.dashboard-card-container .form-control:focus {
    background-color: #fff;
    border-color: #e5e5e5;
    box-shadow: 0 0 0 0 #e5e5e5;
    color: #495057;
    outline: 0
}

.dashboard-card-container .has-search .form-control-feedback {
    color: #575757;
    display: block;
    height: 2.375rem;
    line-height: 44px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    width: 2.375rem;
    z-index: 2
}

.dashboard-card-container img.actionIcon {
    height: auto;
    object-fit: contain;
    width: 26px
}

.dashboard-card-container .data-table {
    border-collapse: collapse
}

.dashboard-card-container .data-table tbody {
    border: 1px solid hsla(0,0%,44%,.16)
}

.dashboard-card-container .data-table tbody tr {
    border-bottom: 2px solid hsla(0,0%,44%,.16)
}

.dashboard-card-container .data-table.display tbody tr.even>.sorting_1,.dashboard-card-container .data-table.display tbody tr.odd>.sorting_1,.dashboard-card-container .data-table.stripe tbody tr.odd,.dashboard-card-container table.data-table.display tbody tr.odd,.dashboard-card-container table.data-table.order-column.stripe tbody tr.even>.sorting_1,.dashboard-card-container table.data-table.order-column.stripe tbody tr.odd>.sorting_1 {
    background-color: transparent
}

.dashboard-card-container .data-table tr td {
    border: none;
    color: #000;
    font-size: 16px
}

.dashboard-card-container .data-table thead {
    background-color: hsla(0,0%,40%,.07);
    border-bottom: 2px solid hsla(0,0%,44%,.16)
}

.dashboard-card-container .data-tables_wrapper .data-tables_length {
    float: left;
    margin-bottom: 20px
}

.dashboard-card-container .primary-theme {
    color: #ec743f
}

.dashboard-card-container .datepicker-container {
    margin: 10px 0;
    position: relative
}

.dashboard-card-container .datepicker-input {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.dashboard-card-container .datepicker-input input {
    background-color: transparent;
    border: 1px solid hsla(0,0%,44%,.52);
    border-radius: 3px;
    font-size: 14px;
    height: 40px;
    line-height: 16px;
    padding: 10px;
    width: 100%;
    width: 170px
}

.dashboard-card-container .datepicker-input input:focus-visible {
    outline: none
}

.dashboard-card-container .datepicker-input label {
    background-color: #fff;
    color: #72738c;
    font-size: 16px;
    left: 10px;
    line-height: 16px;
    padding: 0 4px;
    position: absolute;
    top: -10px
}

.dashboard-card-container .datepicker-input select {
    background-color: transparent;
    border: 1px solid hsla(0,0%,44%,.52);
    border-radius: 3px;
    font-size: 14px;
    height: 40px;
    line-height: 16px;
    padding: 0 10px;
    width: 170px
}

.dashboard-card-container .datepicker-input select:focus-visible {
    outline: none
}

.dashboard-card-container .filter-btn-show,.dashboard-card-container .mob-filter-btn {
    display: none
}

.dashboard-card-container .card-body {
    padding: 0
}

.dashboard-card-container .card {
    border: 0 solid rgba(0,0,0,.125)
}

.dashboard-card-container .filter-show-hide {
    background-color: #ec743f!important;
    border: #ec743f!important;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    padding: 8px 0;
    text-align: center;
    text-decoration: none
}

.dashboard-card-container .filter-show-hide:hover {
    color: #fff;
    text-decoration: none
}

.dashboard-card-container .filter-btn {
    background-color: #ec743f!important;
    border: #ec743f!important;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    padding: 8px 0;
    text-align: center;
    text-decoration: none
}

.dashboard-card-container .filter-btn:hover {
    color: #fff;
    text-decoration: none
}

.dashboard-card-container .no-records-filter {
    display: flex;
    flex-direction: row;
    justify-content: center
}

@media(max-width: 600px) {
    .dashboard-card-container .filter-row {
        display:block;
        padding-top: 0
    }

    .dashboard-card-container .datepicker-input {
        display: block;
        margin-top: 20px
    }

    .dashboard-card-container .exebox {
        justify-content: space-between
    }

    .dashboard-card-container .filter-hide {
        display: none
    }

    .dashboard-card-container .filter-show {
        display: block
    }

    .dashboard-card-container .mob-filter-btn {
        background-color: #ec743f!important;
        border: #ec743f!important
    }

    .dashboard-card-container .mob-filter-btn-show {
        display: block
    }

    .dashboard-card-container .filter-btn-show {
        background-color: #ec743f!important;
        border: #ec743f!important;
        display: block
    }

    .dashboard-card-container .filter-btn-hide {
        display: none
    }

    .dashboard-card-container .searchBox {
        margin-top: 15px
    }

    .dashboard-card-container .mob-filter-btn:focus {
        box-shadow: 0 0 0 0 rgba(38,143,255,.5)!important
    }

    .dashboard-card-container .select-filter-drop {
        margin-bottom: 20px!important;
        width: 100%!important
    }

    .dashboard-card-container .filter-select-box {
        border-radius: 4px;
        padding: 0!important
    }

    .dashboard-card-container .TabFilterBox {
        background-color: #fff;
        border-radius: 4px;
        bottom: 0;
        box-shadow: 0 0 7px 0 rgba(0,0,0,.122);
        left: 0;
        padding: 15px 18px;
        position: fixed;
        width: 100%;
        z-index: 99
    }

    .dashboard-card-container .datepicker-input input,.dashboard-card-container .datepicker-input select {
        margin-bottom: 20px;
        width: 100%
    }

    .dashboard-card-container .collapse:not(.show) {
        display: none!important
    }

    .dashboard-card-container .card-container {
        margin-bottom: 50px
    }
}

@media only screen and (min-width: 700px)and (max-width:1420px) {
    .dashboard-card-container .submit.downbtn {
        margin-top:0
    }

    .dashboard-card-container .exebtn {
        font-size: 15px;
        padding: 8px 14px
    }
}

.dashboard-card-container .Filter.searchbox {
    width: 85%
}

.applicationdetails-container .dashboard-area {
    position: relative
}

.applicationdetails-container .dash-container {
    margin-top: 0;
    padding: 0
}

.applicationdetails-container .form-control,.applicationdetails-container input#fileToUpload {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    border-bottom: 3px solid #e5e5e5;
    border-radius: 5px;
    color: #495057;
    display: block;
    font-size: 16px;
    font-weight: 400;
    height: 45px;
    line-height: 1.5;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 100%
}

.applicationdetails-container input#fileToUpload {
    padding: 6px 15px
}

.applicationdetails-container .form-control:focus {
    background-color: #fff;
    border-color: #e5e5e5;
    box-shadow: 0 0 0 0 #e5e5e5;
    color: #495057;
    outline: 0
}

.applicationdetails-container .workspace-dynamic-box {
    margin-bottom: 20px;
    margin-top: 10px
}

.applicationdetails-container label {
    display: block;
    font-weight: 500;
    padding-bottom: 5px;
    padding-left: 10px;
    text-align: left!important
}

.applicationdetails-container select {
    -webkit-appearance: none;
    appearance: none;
    background: transparent url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat 95%;
    background-size: 14px
}

.applicationdetails-container .loan-subheading {
    color: #e46634;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 10px;
    text-align: left
}

.applicationdetails-container .form-row {
    margin-bottom: 15px!important
}

.applicationdetails-container .form-row-up {
    margin-bottom: 0!important;
    margin-left: -5px;
    margin-right: -5px
}

.applicationdetails-container .form-row-up>.col,.applicationdetails-container .form-row>[class*=col-] {
    padding-left: 5px;
    padding-right: 5px
}

.applicationdetails-container .form-check-input {
    height: 16px;
    margin-left: 0;
    margin-right: 10px;
    margin-top: 0;
    padding-right: 10px;
    position: relative;
    width: 16px
}

.applicationdetails-container label.form-check-label {
    font-size: 18px;
    margin-top: 10px;
    padding-top: -4px
}

.applicationdetails-container button.form-control.loan-btn {
    background-color: #fa7a48;
    border: 0;
    border-bottom: 3px solid #e64606;
    color: #fff;
    float: right;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .56px;
    margin-top: 30px;
    width: 190px
}

.applicationdetails-container button.form-control.loan-btn:hover {
    background-color: #7e7fa4;
    border: 0;
    border-bottom: 3px solid #434466;
    color: #fff
}

.applicationdetails-container .filebox {
    align-items: center;
    background-color: #f4f4f4;
    border: 1px solid #cecece;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    padding: 6px 20px
}

.applicationdetails-container i.fa.fa-times-circle {
    color: #e46634;
    font-size: 20px
}

.applicationdetails-container p.filename {
    color: #e46634;
    font-size: 16px
}

.applicationdetails-container button.filebtn {
    background-color: transparent;
    border: 0;
    outline: 0
}

.applicationdetails-container .submitButton {
    display: contents;
    float: right
}

.applicationdetails-container .textarea-box {
    height: 120px!important
}

.applicationdetails-container .verified-color {
    color: green
}

.applicationdetails-container .single-button {
    margin-top: 29px
}

.applicationdetails-container .verified-icon {
    margin-left: 10px;
    margin-right: 3px;
    width: 36px
}

.applicationdetails-container .input-file {
    height: .1px;
    overflow: hidden;
    position: relative;
    width: .1px;
    z-index: -1
}

.applicationdetails-container .remove-btn {
    cursor: pointer;
    margin-left: 10px;
    width: 16px
}

.applicationdetails-container .text-red {
    color: red
}

.applicationdetails-container span.checkBtn {
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
    padding-top: -4px
}

.applicationdetails-container .checkBorder {
    border: 1px solid #e7e7e7;
    border-bottom: 3px solid #e5e5e5;
    border-radius: 5px;
    height: 45px;
    padding: .375rem .75rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media(max-width: 600px) {
    .applicationdetails-container .single-button {
        align-items:center;
        display: flex;
        margin-top: 0
    }

    .applicationdetails-container label {
        padding-bottom: 10px;
        padding-left: 0
    }

    .applicationdetails-container .mob-large-btn {
        font-size: 15px;
        padding: 0 11px
    }

    .applicationdetails-container .form-control {
        margin-bottom: 10px
    }
}

.highlight-case {
    color: #ec743f;
    font-weight: 700
}

.row.all-row.chatbox {
    border: 1px solid #e4dfdf;
    border-radius: 10px;
    margin: 10px 0;
    padding: 10px 0
}

.Attachment-Link {
    background-color: transparent;
    border: none;
    color: #ec743f;
    font-family: Helvetica\, Bold;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 0;
    text-decoration: underline;
    word-break: break-all
}

.loan-subheading {
    color: #000!important;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 10px;
    text-align: left
}

.Activity-sub-text {
    font-size: 15px;
    font-weight: 700
}

.rnc__notification-container--bottom-center,.rnc__notification-container--bottom-full,.rnc__notification-container--bottom-left,.rnc__notification-container--bottom-right,.rnc__notification-container--center,.rnc__notification-container--top-center,.rnc__notification-container--top-full,.rnc__notification-container--top-left,.rnc__notification-container--top-right {
    min-width: 325px;
    pointer-events: all;
    position: absolute
}

.rnc__notification-container--bottom-center,.rnc__notification-container--center,.rnc__notification-container--top-center {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: calc(50% - 175px);
    max-width: 350px
}

.rnc__notification-container--center {
    height: 100%;
    pointer-events: none;
    top: 20px
}

.rnc__notification-container--bottom-full,.rnc__notification-container--top-full {
    min-width: 100%;
    width: 100%
}

.rnc__notification-container--bottom-full {
    bottom: 0
}

.rnc__util--flex-center {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 325px;
    pointer-events: all
}

.rnc__notification-container--top-center {
    top: 20px
}

.rnc__notification-container--bottom-center {
    bottom: 20px
}

.rnc__notification-container--top-left {
    left: 20px;
    top: 20px
}

.rnc__notification-container--top-right {
    right: 20px;
    top: 20px
}

.rnc__notification-container--bottom-left {
    bottom: 20px;
    left: 20px
}

.rnc__notification-container--bottom-right {
    bottom: 20px;
    right: 20px
}

.rnc__notification-container--mobile-bottom,.rnc__notification-container--mobile-top {
    pointer-events: all;
    position: absolute
}

.rnc__notification-container--mobile-top {
    left: 20px;
    right: 20px;
    top: 20px
}

.rnc__notification-container--mobile-bottom {
    bottom: 20px;
    left: 20px;
    margin-bottom: -15px;
    right: 20px
}

.rnc__notification-item--default {
    background-color: #007bff;
    border-left: 8px solid #0562c7
}

.rnc__notification-item--default .rnc__notification-timer {
    background-color: #007bff
}

.rnc__notification-item--default .rnc__notification-timer-filler {
    background-color: #fff
}

.rnc__notification-item--default .rnc__notification-close-mark {
    background-color: #007bff
}

.rnc__notification-item--success {
    background-color: #28a745;
    border-left: 8px solid #1f8838
}

.rnc__notification-item--success .rnc__notification-timer {
    background-color: #28a745
}

.rnc__notification-item--success .rnc__notification-timer-filler {
    background-color: #fff
}

.rnc__notification-item--success .rnc__notification-close-mark {
    background-color: #28a745
}

.rnc__notification-item--danger {
    background-color: #dc3545;
    border-left: 8px solid #bd1120
}

.rnc__notification-item--danger .rnc__notification-timer {
    background-color: #dc3545
}

.rnc__notification-item--danger .rnc__notification-timer-filler {
    background-color: #fff
}

.rnc__notification-item--danger .rnc__notification-close-mark {
    background-color: #dc3545
}

.rnc__notification-item--info {
    background-color: #17a2b8;
    border-left: 8px solid #138b9e
}

.rnc__notification-item--info .rnc__notification-timer {
    background-color: #17a2b8
}

.rnc__notification-item--info .rnc__notification-timer-filler {
    background-color: #fff
}

.rnc__notification-item--info .rnc__notification-close-mark {
    background-color: #17a2b8
}

.rnc__notification-item--warning {
    background-color: #eab000;
    border-left: 8px solid #ce9c09
}

.rnc__notification-item--warning .rnc__notification-timer {
    background-color: #eab000
}

.rnc__notification-item--warning .rnc__notification-timer-filler {
    background-color: #fff
}

.rnc__notification-item--warning .rnc__notification-close-mark {
    background-color: #eab000
}

.rnc__notification-item--awesome {
    background-color: #685dc3;
    border-left: 8px solid #4c3fb1
}

.rnc__notification-item--awesome .rnc__notification-timer {
    background-color: #685dc3
}

.rnc__notification-item--awesome .rnc__notification-timer-filler {
    background-color: #fff
}

.rnc__notification-item--awesome .rnc__notification-close-mark {
    background-color: #685dc3
}

@-webkit-keyframes timer {
    0% {
        width: 100%
    }

    to {
        width: 0
    }
}

@keyframes timer {
    0% {
        width: 100%
    }

    to {
        width: 0
    }
}

.rnc__base {
    height: 100%;
    pointer-events: none;
    position: fixed;
    width: 100%;
    z-index: 9000
}

.rnc__notification-item {
    border-radius: 3px;
    box-shadow: 1px 3px 4px rgba(0,0,0,.2);
    cursor: pointer;
    display: flex;
    margin-bottom: 15px;
    position: relative
}

.rnc__notification-container--bottom-full .rnc__notification-item,.rnc__notification-container--top-full .rnc__notification-item {
    border-radius: 0;
    margin-bottom: 0
}

.rnc__notification-container--bottom-full .rnc__notification,.rnc__notification-container--top-full .rnc__notification {
    width: 100%!important
}

.rnc__notification-timer {
    margin-top: 10px;
    width: 100%
}

.rnc__notification-timer,.rnc__notification-timer-filler {
    border-radius: 5px;
    height: 3px
}

.rnc__notification-title {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 5px
}

.rnc__notification-message {
    word-wrap: break-word;
    color: #fff;
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 0;
    margin-top: 0;
    max-width: calc(100% - 15px)
}

.rnc__notification-content {
    display: inline-block;
    padding: 8px 15px;
    width: 100%
}

.rnc__notification-close-mark {
    border-radius: 50%;
    display: inline-block;
    height: 18px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 18px
}

.rnc__notification-close-mark:after {
    color: #fff;
    content: "\D7";
    font-size: 12px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.rnc__notification-container--mobile-bottom .notification,.rnc__notification-container--mobile-bottom .rnc__notification-item,.rnc__notification-container--mobile-top .notification,.rnc__notification-container--mobile-top .rnc__notification-item {
    max-width: 100%;
    width: 100%
}

.rnc__notification-container--bottom-right .notification,.rnc__notification-container--top-right .notification {
    margin-left: auto
}

.rnc__notification-container--bottom-left .notification,.rnc__notification-container--top-left .notification {
    margin-right: auto
}

.rnc__notification-container--mobile-bottom .notification,.rnc__notification-container--mobile-top .notification {
    margin-left: auto;
    margin-right: auto
}

/*# sourceMappingURL=main.84cc207a.css.map*/
