.add_new_btn,
.anchor-style-1,
.badge {
    text-transform: capitalize
}

.hover,
.i-btn {
    cursor: pointer
}

body,
html,
mat-sidenav-container,
material-app {
    height: 100%;
    width: 100%;
    margin: 0
}

.page-wrapper {
    margin-left: 225px;
    padding: 70px 20px;
    position: relative;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
    left: 0
}

.ma-0 {
    margin: 0 !important
}

.block {
    display: block !important
}

.w-30 {
    width: 30%
}

.full-width {
    width: 100% !important
}

.visible-hidden {
    visibility: hidden
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.bg-none {
    background: 0 0
}

.bg-white {
    background: #fff
}

.bg-red {
    background: #f15854;
    color: #fff !important
}

.bg-blue,
.bg-gray,
.bg-red .cursor-pointer {
    color: #fff
}

.bg-red-50 {
    background: #ffebee !important
}

.bg-gray {
    background: #4d4d4d
}

.bg-cr-gray {
    background: #f6f6f6
}

.bg-blue {
    background: #5da5da
}

.bg-active {
    background-color: #4f75df !important;
    color: #FFF !important
}

.bg-blue-50 {
    background: #e3f2fd !important
}

.bg-yellow {
    background: #ffd600;
    color: #fff
}

.bg-purple {
    background: #b276b2;
    color: #fff
}

.bg-purple-50 {
    background: #f3e5f5 !important;
    color: #fff
}

.bg-orange {
    background: #faa43a;
    color: #fff
}

.bg-green {
    background: #00c853;
    color: #fff
}

.bg-green-50 {
    background: #e8f5e9 !important;
    color: #fff
}

.bg-lime {
    background: #c6ff00
}

.bg-lightgreen {
    background: #64dd17;
    color: #fff
}

.bg-orange-50 {
    background: #ffcc80;
    color: #fff
}

.red {
    color: #f15854 !important
}

.gray {
    color: #4d4d4d
}

.blue {
    color: #5da5da !important
}

.yellow {
    color: #ffd600
}

.purple {
    color: #b276b2 !important
}

.orange {
    color: #faa43a
}

.lime {
    color: #c6ff00
}

.green {
    color: #388e3c !important
}

.blue-grey {
    color: #90a4ae !important
}

.bg-blue-grey {
    color: #fff !important;
    background-color: #90a4ae
}

.blue-grey-50 {
    background: #cfd8dc !important
}

.cr-red {
    color: #e74c3c
}

.cr-red-background {
    background: #e74c3c
}

.cr_blue_light {
    color: #369DD7
}

.cr_facebook {
    color: #fff;
    background: #369DD7
}

.cr_dark_blue_bg {
    background-color: #369DD7;
    color: #fff
}

.cr_dark_blue {
    color: #283593
}

.clr-black {
    color: #000 !important
}

.badge-completed {
    color: #fff;
    background-color: #283593
}

.badge-incomplete {
    color: #fff;
    background-color: #e0e0e0
}

.badge-progress {
    color: #fff;
    background-color: #aed581
}

.badge-cancel {
    color: #fff;
    background-color: #9e9e9e
}

.badge-unavailable {
    color: #fff;
    background-color: #ff7043
}

.badge-reached {
    color: #fff;
    background-color: #90a4ae
}

.badge-approved {
    color: #fff;
    background-color: #7cc017
}

.badge-rejected {
    color: #fff;
    background-color: #E74D3B
}

.badge-servicing {
    color: #fff;
    background-color: #9ccc65
}

.badge-disburced {
    color: #fff;
    background-color: #ff7043
}

.badge-purple {
    color: #fff;
    background-color: #b276b2
}

.badge {
    border-radius: unset
}

.bg-light-gray {
    background-color: #EFEFEF
}

.fa-sm {
    font-size: .777777em
}

.la-bold {
    font-weight: bolder
}

.box-footer .btn {
    min-width: 100px
}

.anchor-style-1 {
    color: #90ee90;
    text-decoration: none;
    cursor: pointer
}

.anchor-style-1:hover {
    text-decoration: underline
}

.add_new_btn:before {
    content: "\f055";
    font-family: FontAwesome;
    margin-right: 5px
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .15rem .25rem
}

.add_new_btn {
    color: #fff;
    min-width: 125px;
    margin-bottom: .1875em;
    padding: 6px !important;
    background-color: #369dd7;
    font-size: 13px
}

.page-item .page-link:hover,
.page-item.active .page-link {
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:last-child) {
    margin-right: 10px
}

.buttons-html5,
.buttons-html5:hover {
    color: #fff;
    background: 0 0;
    border: none
}

.buttons-html5 {
    width: 30px;
    height: 30px;
    position: relative
}

.buttons-html5 span {
    position: absolute;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto
}

.buttons-copy span {
    background: url(/app/src/common/img/lms/copy.png);
    background-size: cover
}

.buttons-excel span {
    background: url(/app/src/common/img/lms/microsoft-excel.png);
    background-size: cover
}

.buttons-pdf span {
    background: url(/app/src/common/img/lms/export-pdf.png);
    background-size: cover
}

.btn,
.cr-btn {
    border-radius: 0
}

.btn-sm {
    padding-top: 0;
    padding-bottom: 0
}

.i-btn {
    padding: 0 5px;
    color: inherit
}

button {
    position: relative
}

.cr-login-btn {
    min-width: 150px
}

.auth-form-wrap {
    padding: 100px 0
}

.auth-form {
    width: 400px
}

.loader-cr {
    width: 20px;
    position: absolute;
    top: 10px;
    bottom: 0;
    margin: auto;
    right: 6px;
    color: #90ee90
}

.slider,
.sppiner-load {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.color-white {
    color: #fff
}

.card-hover {
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease
}

.card-hover:hover {
    -moz-transform: translateY(-4px) scale(1.01);
    -ms-transform: translateY(-4px) scale(1.01);
    -o-transform: translateY(-4px) scale(1.01);
    -webkit-transform: translateY(-4px) scale(1.01);
    transform: translateY(-4px) scale(1.01);
    -webkit-box-shadow: 0 14px 24px rgba(62, 57, 107, .1);
    box-shadow: 0 14px 24px rgba(62, 57, 107, .1)
}

.bg-cyan {
    background-color: #27a9e3 !important
}

.cr-card {
    background: #fff;
    margin-bottom: 20px;
    border: 1px solid #e2e2e2;
    border-radius: 0;
    box-shadow: none;
    padding: 15px 15px 0;
    margin-left: -5px;
    margin-right: -5px;
    min-height: 390px
}

.small-card.cr-card {
    min-height: inherit
}

.cr-card.panel.panel-default>.panel-heading {
    background: #f4f4f4
}

.cr-card.panel>.panel-heading {
    border: none;
    color: inherit;
    border-radius: 0;
    margin: -15px -15px 0;
    padding: 20px 15px
}

.txt-dark {
    color: #212121 !important
}

.cr-card.panel .panel-body {
    padding: 20px 0
}

.sppiner-load {
    display: flex;
    position: fixed;
    z-index: 9999;
    background: rgba(255, 255, 255, .4)
}

.table.bordered .d-flex {
    border: 1px solid #dee2e6
}

.border-right {
    border-right: 2px solid #e8eaed
}

.form-group label {
    text-transform: capitalize
}

.inactiveLink {
    pointer-events: none;
    cursor: default
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 25px;
    margin-bottom: 0
}

.switch.big {
    width: 100px;
    height: 26px
}

.switch.big>.slider:before {
    height: 20px;
    width: 30px
}

.switch .switch-input {
    display: none
}

.slider {
    position: absolute;
    cursor: pointer;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 27px;
    left: 4px;
    bottom: 2px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

.switch-input.default:checked+.slider {
    background-color: #444
}

.switch-input.primary:checked+.slider {
    background-color: #2196F3
}

.switch-input.success:checked+.slider {
    background-color: #8bc34a
}

.switch-input.info:checked+.slider {
    background-color: #3de0f5
}

.switch-input.warning:checked+.slider {
    background-color: #FFC107
}

.switch-input.danger:checked+.slider {
    background-color: #f44336
}

.switch-input:focus+.slider {
    box-shadow: 0 0 1px #2196F3
}

.switch-input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px)
}

.big.switch-input:checked+.slider:before {
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px)
}

.slider.round {
    border-radius: 34px
}

.slider.round:before {
    border-radius: 50%
}

.switch .switch-input:checked~.slider::after {
    left: 1px;
    color: #fff;
    content: attr(data-checked)
}

.switch .slider::after {
    position: absolute;
    top: 50%;
    right: 1px;
    z-index: 1;
    width: 50%;
    margin-top: -.5em;
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    color: #333;
    text-align: center;
    text-transform: capitalize;
    content: attr(data-unchecked);
    transition: inherit
}

.v-bottom {
    vertical-align: bottom !important
}

.col-form-label {
    font-weight: 700
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef !important;
    opacity: 1
}

.icon-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.icon-stack-1x,
.icon-stack-2x,
.icon-stack-3x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.icon-stack-1x {
    line-height: inherit;
    font-size: 1em
}

.icon-stack-2x {
    line-height: inherit;
    font-size: 1.5em
}

.icon-stack-3x {
    line-height: inherit;
    font-size: 2em
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #dee2e6
}

.no-drop {
    cursor: no-drop !important
}

.dropdown-menu.actions li {
    display: block;
    float: left;
    width: 100%;
    padding: 8px;
    line-height: 0;
    -webkit-transition: background .1s linear;
    -moz-transition: background .1s linear;
    -ms-transition: background .1s linear;
    -o-transition: background .1s linear;
    transition: background .1s linear;
    text-align: inherit
}

.btn.btn-default.btn-clean {
    background: 0 0;
    color: #454545;
    border: 1px solid #DBE0E4
}

.dropdown-left {
    right: -30px !important
}

.dtable {
    display: block;
    width: auto;
    border-spacing: 5px
}

.dtd,
.dth {
    float: left;
    display: table-column
}

.dth {
    text-transform: capitalize;
    font-weight: 500
}

.dtable.p-less .dtd,
.dtable.p-less .dth {
    padding: .45rem;
    font-size: 14px;
    width: 50%
}

.dtable .dtd,
.dtable .dth {
    padding: .75rem;
    font-size: 14px;
    width: 50%
}

.tableDiv {
    padding: 15px
}

.tableDiv .trdiv {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px
}

.btn-rotate:focus i,
.btn-rotate:hover i {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    transform: rotate(53deg)
}

.btn-rotate i {
    transition: all .3s cubic-bezier(.34, 1.61, .7, 1);
    position: relative;
    display: inline-block
}

.w-95 {
    width: 95%
}

.w-90 {
    width: 90%
}

.ribbon {
    position: relative;
    min-height: 3.25rem
}

.ribbon-glass .ribbon-box {
    color: #fff;
    background-color: rgba(255, 255, 255, .4)
}

.ribbon-modern .ribbon-box {
    top: -1px;
    padding-left: .75rem;
    padding-right: .75rem;
    border-radius: 0 !important;
    display: flex;
    align-items: center
}

.ribbon-info .ribbon-box {
    color: #fff;
    background-color: #70b9eb;
    width: 75%
}

.ribbon-box.index-toggle label {
    width: 100%;
    text-align: center
}

.task_info img {
    padding-top: 30px
}

.ribbon-box {
    position: absolute;
    top: .75rem;
    right: 0;
    padding: 0 .75rem;
    height: 2rem;
    line-height: 2.25rem;
    z-index: 1;
    font-weight: 600;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.ribbon-glass.ribbon-glass .ribbon-box::before {
    border-color: rgba(255, 255, 255, .4);
    border-left-color: transparent;
    border-bottom-color: transparent
}

.ribbon-info.ribbon-modern .ribbon-box::before {
    border-color: #70b9eb #70b9eb transparent transparent
}

.ribbon-modern .ribbon-box::before {
    right: 100%;
    border: 1rem solid
}

.ribbon-box::before {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    content: ''
}

.not-verified:before,
.verified:before {
    font-family: LineAwesome;
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900
}

.btn .not-verified,
.btn .verified {
    position: absolute;
    right: -13px;
    font-size: 20px;
    top: 0
}

td .not-verified,
td .verified {
    right: 10px;
    top: 11px;
    font-size: 18px
}

.not-verified,
.verified {
    position: absolute;
    right: 0;
    font-size: 20px
}

.verified:before {
    content: "\f17c";
    color: #31b131
}

.not-verified:before {
    content: "\f343";
    color: #f44336
}

.btn-icon {
    vertical-align: bottom
}

.btn-square {
    border-radius: 0 !important
}

.info-i {
    font-size: 12px;
    font-style: italic;
    font-family: monospace;
    background: #369dd7;
    color: #fff;
    padding: 0 5px;
    border-radius: 50%
}

.btn-icon-only {
    padding: 0;
    line-height: 0;
    background: 0 0
}

md-checkbox:not([disabled]).md-primary.md-checked .md-icon {
    background-color: #369cd6
}

.add-new-row>.modal-dialog {
    width: 65%;
    margin: auto
}

.add-new-row {
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: .4s;
    animation-name: fadeIn;
    animation-duration: .4s
}

.add-new-row .modal-content {
    background-color: #fefefe;
    width: 100%;
    -webkit-animation-name: slideIn;
    -webkit-animation-duration: .4s;
    animation-name: slideIn;
    animation-duration: .4s
}

@-webkit-keyframes slideIn {
    from {
        bottom: -300px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

@keyframes slideIn {
    from {
        bottom: -300px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.panel {
    border-radius: 4px;
    padding: 1rem;
    margin-top: .2rem;
    background-color: #f5f5f5;
    color: #323b40
}

.panel.panel-blue {
    background-color: #e0f5ff;
    color: #00a5fa
}

.panel.panel-big-height {
    min-height: 150px
}

.dashboard-steps {
    display: flex;
    align-items: center;
    justify-content: center
}

.file-upload {
    display: flex;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    justify-content: space-between;
    align-items: center
}

.file-upload .file-select {
    border: 2px solid #dce4ec;
    color: #34495e;
    cursor: pointer;
    height: 38px;
    line-height: 38px;
    text-align: left;
    background: #FFF;
    overflow: hidden;
    position: relative;
    width: 100%
}

.file-upload .file-select .file-select-button {
    background: #dce4ec;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px
}

.file-upload .file-select .file-select-name {
    line-height: 40px;
    display: inline-block;
    padding: 0 10px
}

.file-upload .file-select:hover {
    border-color: #34495e;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.file-upload .file-select:hover .file-select-button {
    background: #34495e;
    color: #FFF;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.file-upload.active .file-select {
    border-color: #3fa46a;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.file-upload.active .file-select .file-select-button {
    background: #3fa46a;
    color: #FFF;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.file-upload .file-select input[type=file] {
    z-index: 1;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.file-upload .file-select.file-select-disabled {
    opacity: .65
}

.file-upload .file-select.file-select-disabled:hover {
    display: block;
    border: 2px solid #dce4ec;
    color: #34495e;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
    text-align: left;
    background: #FFF;
    overflow: hidden;
    position: relative
}

.file-upload .file-select.file-select-disabled:hover .file-select-button {
    background: #dce4ec;
    color: #666;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px
}

.file-upload .file-select.file-select-disabled:hover .file-select-name {
    line-height: 40px;
    display: inline-block;
    padding: 0 10px
}

.table-scroll {
    width: 100%;
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 20px
}

.table-scroll::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.div1,
.div2 {
    width: 100vw
}

.table thead th.sticky {
    position: sticky;
    left: 0;
    z-index: 2
}

.table tbody td.sticky.left,
.table tbody th.sticky.left,
.table thead td.sticky.left,
.table thead th.sticky.left {
    left: 0;
    background: #e8e9ef
}

.table tbody td.sticky.right,
.table tbody th.sticky.right,
.table thead td.sticky.right,
.table thead th.sticky.right {
    right: 0 !important;
    background: #e8e9ef
}

.table tbody td.sticky {
    position: sticky;
    left: 0;
    background: #fff;
    z-index: 1
}

.tw-5 {
    max-width: 50px;
    min-width: 50px
}

.tw-6 {
    max-width: 60px;
    min-width: 60px
}

.tw-7 {
    max-width: 70px;
    min-width: 70px
}

.tw-8 {
    max-width: 80px;
    min-width: 80px
}

.tw-9 {
    max-width: 90px;
    min-width: 90px
}

.tw-10 {
    max-width: 100px;
    min-width: 100px
}

.tw-11 {
    max-width: 110px;
    min-width: 110px
}

.tw-12 {
    max-width: 120px;
    min-width: 120px
}

.tw-13 {
    max-width: 130px;
    min-width: 130px
}

.tw-14 {
    max-width: 140px;
    min-width: 140px
}

.tw-15 {
    max-width: 150px;
    min-width: 150px
}
.tw-16 {
    max-width: 160px;
    min-width: 160px
}
.tw-17 {
    max-width: 170px;
    min-width: 170px
}

.div1 {
    height: 20px
}

@media screen and (max-width:992px) {
    .actions-menu {
        display: none;
        list-style: none
    }
}

@media screen and (min-width:992px) {
    .actions-menu {
        display: none;
        list-style: none
    }

    .actions-menu li {
        border: 1px solid #e9e8e8;
        border-radius: 6px;
        text-align: center;
        padding: 0 4px
    }

    .actions-menu li:hover {
        background-color: #90a4ae
    }

    .actions-menu li:not(:first-child) {
        margin: 2px
    }

    .table tbody tr:hover>td>.actions-menu {
        list-style: none;
        display: flex;
        align-items: center;
        transition: all .2s ease-in-out;
        position: absolute;
        left: 0;
        bottom: 0;
        margin-bottom: 0;
        padding-left: 0
    }
}

.h-300,
.h-400,
.h-500,
body {
    overflow-y: auto
}

.glyphicon.glyphicon,
i,
span {
    display: inline-block
}

.badge-tags,
.drop_leads ul,
.dropdown-menu,
.pager,
.products-list,
.social-icon li {
    list-style: none
}

.pdfTable,
div.pdfTable {
    border-collapse: collapse
}

* {
    font-family: 'Open Sans', sans-serif
}

body {
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    overflow-x: hidden;
    font-size: 14px
}

a,
a:focus,
a:hover {
    color: inherit;
    text-decoration: none;
    transition: all .3s
}

@font-face {
    font-family: Roboto
}

@font-face {
    font-family: 'Glyphicons Halflings', src: url(../fonts/glyphicons-halflings-regular.eot), src: url(../fonts/glyphicons-halflings-regular.eot) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg) format('svg')
}

.glyphicon.glyphicon {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Glyphicons Halflings
}

.sppiner-load {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: rgba(255, 255, 255, .4);
    display: flex;
    align-items: center;
    justify-content: center
}

.app-menu {
    height: 30px;
    width: 30px
}

.page-title-img {
    width: 100%;
    text-align: center
}

#sidebarCollapse {
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    display: flex;
    align-items: center
}

.navbar-nav.navbar-top-links>li>a .top-nav-icon-badge {
    background: #E74D3B;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    height: 16px;
    line-height: 16px;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 3px;
    width: 16px
}

.navbar-nav.navbar-top-links .dropdown-toggle::after {
    display: none
}

.user.user-menu a {
    font-size: 14px !important
}

.navbar-header {
    display: flex;
    align-items: center
}

.page-title-img img {
    width: 75%;
    padding: 0
}

.top-navbar {
    position: static;
    width: 100%;
    z-index: 49;
    box-shadow: 0 .46875rem 2.1875rem rgba(4, 9, 20, .03), 0 .9375rem 1.40625rem rgba(4, 9, 20, .03), 0 .25rem .53125rem rgba(4, 9, 20, .05), 0 .125rem .1875rem rgba(4, 9, 20, .03);
    -moz-box-shadow: 0 .46875rem 2.1875rem rgba(4, 9, 20, .03), 0 .9375rem 1.40625rem rgba(4, 9, 20, .03), 0 .25rem .53125rem rgba(4, 9, 20, .05), 0 .125rem .1875rem rgba(4, 9, 20, .03);
    -webkit-box-shadow: 0 .46875rem 2.1875rem rgba(4, 9, 20, .03), 0 .9375rem 1.40625rem rgba(4, 9, 20, .03), 0 .25rem .53125rem rgba(4, 9, 20, .05), 0 .125rem .1875rem rgba(4, 9, 20, .03);
    background: #fff;
    /* padding: 5px 0; */
    margin-bottom: 3px
}

.top-navbar .nav>li>a {
    position: relative;
    display: block;
    margin: 0;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.top-navbar .nav>li>a>i {
    margin-right: 2px
}

.nav>li>a>i {
    margin-right: 10px;
    color: #369DD7
}

.top-navbar .dropdown-menu {
    min-width: 230px;
    border-radius: 0 0 4px 4px;
    border: 0;
    left: auto;
    right: 0
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    font-size: 13px
}

.dropdown-menu>li>a i {
    color: #1F1F1F
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    border-color: #b7200e
}

.nav>li>a>img {
    max-width: none
}

.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
    position: absolute;
    right: 0;
    left: auto
}

.navbar-nav>.user-menu>.dropdown-menu {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 1px 0 0;
    border-top-width: 0;
    width: 280px
}

.navbar-nav>.user-menu>.dropdown-menu,
.navbar-nav>.user-menu>.dropdown-menu>.user-body {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.top-navbar .nav>li {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    min-width: 150px
}

.top-navbar .nav>li:not(.user-menu) {
    min-width: 60px;
    text-align: center
}

.top-navbar .nav>li.user-menu {
    margin-left: 50px
}

.navbar-nav>.user-menu .user-image {
    float: left;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: 3px;
    border: 2px solid #b2abab
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {
    z-index: 5;
    height: 90px;
    width: 90px;
    border: 3px solid;
    border-color: rgba(255, 255, 255, .2)
}

.img-circle {
    border-radius: 50%
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
    z-index: 5;
    color: #fff;
    color: rgba(255, 255, 255, .8);
    font-size: 17px;
    margin-top: 10px
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p>small {
    display: block;
    font-size: 12px
}

.navbar-nav>.user-menu>.dropdown-menu>.user-body {
    padding: 15px;
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #ddd
}

.navbar-nav>.user-menu>.dropdown-menu>.user-body a {
    color: #444 !important
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default {
    color: #666
}

li.user-header {
    background-color: #3c8dbc
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
    height: 175px;
    padding: 10px;
    text-align: center
}

.dashbord-widgets .card {
    margin-bottom: 20px;
    border: none;
    cursor: pointer
}

.page-container {
    width: 100%;
    display: flex;
    align-items: center
}

.top-navbar .navbar-toggler {
    color: #333
}

.card.card-hover {
    text-transform: capitalize
}

table.dataTable th {
    white-space: nowrap
}

.dataTables_wrapper .top {
    display: inline
}

#example thead tr:last-child th {
    background: 0 0;
    border-bottom: 1px solid #c8cbcf
}

table.dataTable {
    min-width: 100%;
    margin-top: 10px !important;
    width: 100% !important
}

.table-img {
    max-width: 50px;
    max-height: 50px
}

ul.dtr-details li {
    flex: 0 25%
}

table.dataTable thead tr th {
    padding-top: 0;
    padding-bottom: 0;
    vertical-align: middle
}

table.dataTable>tbody>tr.child span.dtr-title {
    margin-right: 10px
}

.dataTable tr th {
    text-align: left;
    vertical-align: center;
    padding-left: 10px !important
}

table.dataTable thead th {
    position: relative;
    background-image: none !important
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
    position: absolute;
    right: 8px;
    display: block;
    font-family: FontAwesome
}

.box,
.box-header,
.page-view,
.tab .nav-tabs {
    position: relative
}

table.dataTable thead th.sorting:after {
    content: "\f0dc";
    color: #252424;
    font-size: .8em;
    padding-top: 0
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:before {
    right: 1em;
    content: "\2191";
    display: none
}

table.dataTable thead th.sorting_asc:after {
    content: "\f0de"
}

table.dataTable thead th.sorting_desc:after {
    content: "\f0dd"
}

table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc,
thead>tr>td.sorting {
    padding-right: 30px;
    padding-top: 7px;
    padding-bottom: 7px
}

div.dataTables_wrapper div.dataTables_paginate {
    margin-left: auto;
    float: right;
    display: inline-block
}

div.dataTables_wrapper div.dataTables_info {
    display: inline-block
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
    margin-left: auto
}

.dataTables_wrapper .btn-group {
    float: right;
    margin-left: 20px
}

table tr td .fa {
    font-weight: 700
}

.dtr-modal-content h2 {
    font-size: 1rem
}

.dtr-details td,
.dtr-details th {
    border: 1px solid #ddd;
    padding: 8px
}

.dtr-details tr:nth-child(even) {
    background-color: #f2f2f2
}

.cell-edit-input {
    padding: 3px 6px;
    border: 1px solid #ccc;
    border-radius: 4px
}

.cell-edit-cancel,
.cell-edit-confirm {
    padding: 3px 6px;
    font-size: 12px;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none
}

.cell-edit-confirm {
    background-color: #337ab7
}

.cell-edit-cancel {
    background-color: #a94442
}

.error {
    border: 1px solid #a94442
}

.destroy-button {
    padding: 5px 10px;
    border: 1px solid #00f;
    background-color: #d3d3d3
}

.breadcrumb {
    background: inherit;
    color: #000;
    margin-bottom: 0;
    padding: .5rem 1rem
}

.navbar-collapse {
    display: flex
}

section.index-two .pagination {
    margin: 10px !important
}

section.index-two .box-footer {
    padding: 0 10px
}

.pagination {
    height: 36px;
    margin: 18px 0;
    color: #369DD7
}

.pagination ul {
    display: inline-block;
    margin-left: 0;
    color: #fff;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05)
}

.pagination li {
    display: inline;
    color: #369DD7
}

.pagination a {
    float: left;
    padding: 0 14px;
    line-height: 34px;
    color: #369DD7;
    text-decoration: none;
    border: 1px solid #ddd;
    border-left-width: 0
}

.pagination .active a,
.pagination a:focus,
.pagination a:hover {
    background-color: #369DD7;
    color: #fff
}

.pagination .active a {
    color: #fff;
    cursor: default
}

.pagination .disabled a,
.pagination .disabled a:hover,
.pagination .disabled span {
    color: #999;
    background-color: transparent;
    cursor: default
}

.pager,
.pager a,
.pager li {
    color: #369DD7
}

.pagination li:first-child a {
    border-left-width: 1px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}

.pagination li:last-child a {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

.pagination-centered {
    text-align: center
}

.pagination-right {
    text-align: right
}

.pager {
    margin-left: 0;
    margin-bottom: 18px;
    text-align: center
}

.pager:after,
.pager:before {
    display: table;
    content: ""
}

.pager:after {
    clear: both
}

.pager li {
    display: inline
}

.pager a {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.pager a:hover {
    text-decoration: none;
    background-color: #f5f5f5
}

.pager .next a {
    float: right
}

.pager .previous a {
    float: left
}

.pager .disabled a,
.pager .disabled a:hover {
    color: #999
}

.dataTables_filter {
    display: inline-block;
    float: right
}

.dataTables_wrapper .toolbar {
    display: inline-block;
    margin: 0 20px
}

.inline-form-btn-block {
    display: flex;
    align-items: center;
    justify-content: center
}

.box {
    border-radius: 3px;
    background: #fff;
    border-top: 3px solid #d2d6de;
    width: 100%;
    -webkit-box-shadow: 0 10px 40px 0 rgba(62, 57, 107, .07), 0 2px 9px 0 rgba(62, 57, 107, .06);
    box-shadow: 0 10px 40px 0 rgba(62, 57, 107, .07), 0 2px 9px 0 rgba(62, 57, 107, .06)
}

.box.box-info {
    border-top-color: #3c8dbc
}

.box-header.with-border {
    border-bottom: 1px solid #f4f4f4
}

.box-header {
    color: #444;
    padding: 10px
}

.box-body:after,
.box-body:before,
.box-footer:after,
.box-footer:before,
.box-header:after,
.box-header:before {
    content: " ";
    display: table
}

.box-header .box-title {
    display: inline-block;
    font-size: 17px;
    margin: 0;
    line-height: 1;
    text-transform: capitalize
}

.alert,
.close {
    display: flex;
    align-items: center
}

.input-group-append .form-control,
.input-group-text {
    border-radius: 0;
    border-color: #d2d6de;
    background-color: #fff;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

md-dialog {
    min-width: 50%
}

.login-form-body {
    width: 60%;
    margin: auto;
    min-width: 300px
}

.close {
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 1rem;
    line-height: 1.2
}

.h-cr-70 {
    height: 70px
}

.f-header-block {
    padding: .25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem
}

.select2.select2-container .select2-selection {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0;
    outline: 0;
    transition: all .15s ease-in-out
}

.select2.select2-container {
    width: 100% !important;
    display: block;
    padding: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--single {
    background: #f8f8f8
}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--multiple {
    border: 1px solid #34495e
}

.select2.select2-container .select2-selection--multiple {
    height: auto;
    min-height: 34px
}

.select2.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
    margin-top: 0;
    height: 32px
}

.select2.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: block;
    padding: 0 4px;
    line-height: 29px
}

.select2.select2-container .select2-selection--multiple .select2-selection__choice {
    background-color: #f8f8f8;
    margin: 4px 4px 0 0;
    padding: 0 6px 0 22px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    position: relative;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.select2-container .select2-dropdown {
    background: 0 0;
    border: none;
    margin-top: -5px
}

.select2-container .select2-dropdown .select2-search {
    padding: 0
}

.select2-container .select2-dropdown .select2-search input {
    outline: 0;
    border-bottom: none;
    padding: 4px 6px
}

.select2-container--default .select2-selection--single {
    border-radius: 0
}

.select2.select2-container .select2-selection .select2-selection__rendered {
    display: block;
    width: 100%;
    font-size: 1rem;
    line-height: 2;
    color: #495057;
    background-color: #fff;
    border-radius: 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin-bottom: 0;
    height: inherit
}

.select2-container .select2-dropdown .select2-results {
    padding: 0;
    border: 1px solid #ccc
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background: 0 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ced4da
}

.select2-container .select2-dropdown .select2-results ul {
    background: #fff
}

.select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted[aria-selected] {
    background-color: #3498db
}

.select2-container-multi .select2-choices {
    height: auto
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: .5em .5em .5em 1.5em;
    border: 1px solid #aaa;
    background: #fff;
    color: #666;
    margin: 3px 0 3px 3px
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close {
    font-size: 1em;
    margin: .25em 0 0 .25em;
    background-image: none;
    text-decoration: none
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:before {
    content: "×";
    color: #3498db;
    font-weight: 700
}

.select2-container-multi .select2-choices .select2-search-field input {
    font-family: "Open Sans", sans-serif
}

.select2 .selection {
    width: 100%
}

.tab .nav-tabs {
    border-bottom: none
}

.nav-pills li a,
.tab .nav-tabs li a {
    /* font-size: 17px; */
    font-weight: 400;
    transition: all .5s ease 0s;
    background: #fff;
    border: none;
    padding: 5px 0;
    color: #070707;
    margin: 0;
    text-transform: capitalize;
    border-radius: 60px !important;
    width: 120px;
    text-align: center;
    /* height: 19vh; */
}

.tab .nav-tabs li.active a,
.tab .nav-tabs li.active a:focus,
.tab .nav-tabs li.active a:hover {
    border: none
}

.tab .nav-tabs li a:hover:after,
.tab .nav-tabs li a:hover:before,
.tab .nav-tabs li.active a:after,
.tab .nav-tabs li.active a:before {
    transform: scale(1)
}

@media only screen and (max-width:479px) {
    .tab .nav-tabs li {
        width: 100%
    }

    .tab .nav-tabs li a {
        text-align: center
    }
}

.dataTable thead th {
    text-transform: capitalize
}

.dataTables_scroll {
    overflow-x: auto
}

input[type=file].form-control {
    padding: .175rem .75rem
}

table.dataTable>tbody>tr.child ul.dtr-details>li:first-child {
    padding-top: .5em
}

.modal-dialog {
    margin: auto;
    width: 100%;
    max-width: 100%
}

.close-page,
.cursor-pointer {
    cursor: pointer
}

.lms-accordian {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.lms-grid-list {
    display: flex
}

.lms-sub-item {
    width: 100%;
    padding: 20px 0;
    margin: 20px 0;
    background: #fff;
    border: 2px solid #d5d5d5;
    border-radius: 12px;
    animation: open-animation .6s cubic-bezier(.83, .04, 0, 1.16) .65s both
}

.dataTable thead th input,
.dataTable thead th select {
    display: block;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin: 7px 0;
    font-size: 13px;
    border-radius: 3px;
    border: 1px solid #ccc;
    transition: background .5s;
    color: #000;
    width: 100%
}

.buttons-html5 span {
    width: 30px;
    height: 30px
}

#footer,
.buttons-html5 span img {
    width: 100%
}

.style-card {
    padding: 20px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2)
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before {
    margin-bottom: auto;
    margin-top: auto
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child {
    vertical-align: middle
}

#content {
    min-height: 94.7vh;
    transition: all .3s;
    padding: 64px 10px 10px 75px;
    background: #f8f8f8;
    margin-left: 0
}

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

.buttons-colvis {
    margin-bottom: 6px
}

.actions-col button {
    background: 0 0
}

ol.breadcrumb li:not(:last-child):after {
    font-family: FontAwesome;
    content: ' \f101 ';
    margin: 0 4px
}

ol.breadcrumb li:first-child:before {
    content: "\f015";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    margin-right: 5px;
    color: #369dd7;
    font-size: 14px
}

.div-input-90 .form-control,
.div-input-90 .select2.select2-container {
    width: 85% !important
}

.div-input-full .form-control,
.div-input-full .select2.select2-container {
    width: 100% !important
}

.md-dialog-container {
    position: fixed;
    top: 0 !important;
    bottom: 0;
    margin: auto
}

.md-dialog-is-showing {
    top: 0 !important
}

.summary-data .table .th {
    color: #6c757d !important;
    font-size: 14px
}

tfoot {
    display: table-header-group
}

.form-control.form-check-inline {
    display: flex;
    justify-content: space-around;
    border-radius: .25em
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before {
    top: 0;
    bottom: 0;
    right: 0;
    left: 12px
}

loan-applications table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,
loan-applications table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto 0 auto 10px
}

.long-dataTable.dataTable thead>tr>th:not(:first-child) {
    max-width: 250px !important;
    min-width: 50px !important
}

.long-dataTable.dataTable thead>tr>th:first-child {
    width: 20px
}

.long-dataTable.dataTable thead>tr>th.dataTableActions {
    width: 50px !important
}

.have-gst {
    position: absolute;
    top: 0;
    right: 17%
}

.have-aadhar {
    font-size: 14px
}

.multi-check.check-small {
    display: flex;
    align-items: center;
    justify-content: center
}

.vehicle-box {
    display: inline-block;
    text-align: center
}

.vehicle-box label {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding: 0 20px;
    font-size: 16px
}

.multi-check input[type=checkbox] {
    opacity: 0;
    position: absolute
}

.multi-check .checks label {
    cursor: pointer;
    position: relative
}

.multi-check .checks label+label {
    margin-left: 15px
}

.multi-check input[type=checkbox] {
    opacity: 0;
    position: absolute
}

.multi-check input[type=checkbox]+span {
    color: #369dd7;
    border-radius: 50%;
    padding: 6px;
    transition: all .4s;
    -webkit-transition: all .4s;
    min-width: 36px;
    text-align: center;
    border: 1px solid
}

.check-small.multi-check input[type=checkbox]+span {
    border-radius: 50%;
    border: 1px solid #ccc;
    font-size: 18px;
    overflow: hidden;
    height: 36px;
    width: 36px;
    align-items: center;
    display: flex;
    justify-content: center
}

.vehicle-box label img {
    width: 100%
}

.multi-check input[type=checkbox]:checked+span {
    color: #fff;
    background-color: #343a40
}

.multi-check.check-small .checks label:hover::before {
    content: attr(for);
    font-family: Roboto, -apple-system, sans-serif;
    text-transform: capitalize;
    font-size: 11px;
    position: absolute;
    top: 115%;
    left: -17px;
    right: -17px;
    opacity: .75;
    background-color: #323232;
    color: #fff;
    padding: 4px;
    border-radius: 3px;
    display: block;
    text-align: center
}

.chit-docPreview label,
.form-title,
th.heading {
    text-transform: capitalize
}

.multi-check .checks {
    text-align: left;
    margin: 0 auto
}

.info-box.vehicle-box {
    display: flex
}

.vehicle-box input[type=text] {
    float: none;
    width: 55px;
    display: inline-block;
    font-size: 1em;
    border: 1px solid #d2d6de;
    border-radius: 0;
    background-color: #fff;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.box-header .heading-elements,
.heading-elements {
    float: right;
    position: relative
}

.chit-cheque .cheque-preview,
.chit-docPreview {
    width: 150px;
    height: 33px
}

.box-body,
.box-footer {
    border-radius: 0 0 3px 3px
}

.box-footer {
    margin-top: 3px;
    bottom: 0;
    /* padding: 10px; */
    background-color: #fff
}

.box-body {
    padding: 10px 10px 20px
}

.dtp div.dtp-date,
.dtp div.dtp-time,
.dtp table.dtp-picker-days tr>td>a.selected,
.dtp>.dtp-content>.dtp-date-view>header.dtp-header {
    background: #021F4E
}

.image-preview.chit-cheque {
    display: flex;
    border: 2px solid #ccc;
    position: relative;
    min-height: 37px
}

.chit-docPreview {
    position: absolute;
    background-color: #369dd7;
    color: #fff !important;
    border: 0;
    border-radius: 0;
    margin-right: 0;
    right: 0
}

.chit-docPreview label {
    position: absolute;
    z-index: 5;
    opacity: .8;
    cursor: pointer;
    width: 100%;
    font-size: 15px;
    line-height: 35px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    background: 0 0;
    color: #fff
}

.image-preview .icon {
    font-size: 20px
}

.docPreview input {
    opacity: 0;
    z-index: 10;
    width: inherit
}

.detail-view td img {
    height: 40px
}

.box-footer:not(.not-fixed) {
    position: sticky;
    position: -webkit-sticky;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 2;
    text-align: center
}

.box-footer:not(.not-fixed) button:not(:last-child) {
    margin-right: 20px
}

.input-group-text.fa {
    padding: 0;
    width: 30px;
    align-items: center;
    display: flex;
    justify-content: center;
    background: #e0e0e0
}

.h-500 {
    height: 500px
}

.h-300 {
    height: 300px
}

.h-400 {
    height: 400px
}

.credit-history {
    min-height: 200px
}

.cr-scroll:not(.pr-0) {
    padding-right: 10px !important
}

.cr-scroll::-webkit-scrollbar-track,
.gst_tab_list .nav.nav-pills::-webkit-scrollbar-track,
.wrapper1::-webkit-scrollbar-track,
.wrapper2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #F5F5F5
}

.cr-scroll::-webkit-scrollbar,
.gst_tab_list .nav.nav-pills::-webkit-scrollbar-track,
.wrapper1::-webkit-scrollbar,
.wrapper2::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: #F5F5F5
}

.cr-scroll::-webkit-scrollbar-thumb,
.gst_tab_list .nav.nav-pills::-webkit-scrollbar-track,
.wrapper1::-webkit-scrollbar-thumb,
.wrapper2::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #5d5d5d
}

.grid_img img,
.html_img {
    width: 100px;
    height: 100px
}

@keyframes open-animation {
    0% {
        height: 0;
        top: 50%
    }

    100% {
        height: 100vh;
        top: 0
    }
}

@keyframes fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.select2-results__options[aria-multiselectable=true] .select2-results__option[aria-selected=true] {
    display: none
}

.combodate,
.social-icon,
.state-hash {
    display: flex
}

#imagemodal {
    width: 80%;
    margin: auto;
    overflow: hidden;
    top: 50%;
    left: 50%;
    bottom: auto;
    transform: translate(-50%, -50%);
    height: 100%
}

.badge {
    font-size: 90%
}

.box-shadow {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2)
}

.box-solid {
    border-top: 0
}

.delete-row-btn {
    color: #f44336;
    background: #fff
}

.go-row-btn {
    color: #64dd17
}

.edit-row-btn {
    color: #333
}

.summery-btn {
    color: #9e9e9e
}

td.summery-btn,
th.summery-btn {
    color: #333;
    font-weight: 700;
    cursor: pointer
}

.view-row-btn {
    color: #1976d2
}

.table-scroll {
    position: relative;
    max-width: 100%;
    margin: auto
}

.table-scroll .table-wrap {
    width: 100%;
    overflow: auto
}

.chit-matrix .table-scroll .table-wrap {
    height: 500px
}

.table-scroll table {
    width: 100%;
    margin: auto;
    overflow-x: auto
}

.table-scroll td,
.table-scroll th {
    padding: 5px 10px;
    background: #fff;
    white-space: nowrap;
    vertical-align: top
}

.table-scroll td {
    white-space: inherit !important
}

.switch.reverse .slider {
    background-color: #00c853
}

.switch.plain .slider {
    background-color: #dc3545
}

.fixed,
.fixed-head thead th {
    position: sticky;
    background-color: #fff
}

.uib-tab.nav-item {
    margin: 0 .75rem 0 0;
    color: #495057;
    border-radius: .25rem
}

[uib-typeahead-popup].dropdown-menu {
    max-height: 160px;
    overflow-y: auto
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon {
    width: 63% !important
}

.radio-group-block {
    display: flex;
    align-items: center;
    justify-content: space-around;
    border: 1px solid #ccc;
    width: 76%;
    padding: .375rem .75rem
}

.chit-matrix-info .form-control {
    padding-left: .3rem;
    padding-right: .3rem;
    -moz-appearance: textfield
}

.has-error,
.needs-validation .ng-touched.ng-invalid.ng-invalid-required {
    border: 1px solid #dc3545
}

.breadcrumb {
    font-size: 13px
}

.imagepreview {
    height: 500px;
    width: 100%
}

.state-hash {
    align-items: center;
    justify-content: space-around;
    border: none !important
}

.active:focus,
.btn:focus,
[role=button]:focus,
button[role=button]:focus,
input:focus,
label:focus,
select:focus,
textarea:focus {
    -moz-outline-style: none !important;
    outline: 0 !important;
    box-shadow: none !important
}

.mrt-sb,
.rzslider .rz-pointer.rz-active:focus {
    outline: 0
}

.fixed-head {
    overflow-y: auto
}

.fixed-head thead th {
    top: -10px;
    z-index: 2
}

.fixed {
    top: 0
}

.lead-status-bits .grid-item .index-bit {
    min-height: 100px
}

.btn-primary,
.btn-primary:focus {
    background-color: #3EA1D9;
    border-color: #3EA1D9
}

.btn-link {
    font-weight: 400;
    color: #3f6ad8
}

.badge {
    padding: .45em .8em
}

.social-icon {
    padding: 0;
    align-items: center;
    justify-content: center
}

.overme,
.overme_100 {
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dtr-details,
.flex-text {
    flex-wrap: wrap
}

.social-icon li {
    min-width: 40px;
    padding: 0
}

.overme {
    max-width: 150px
}

.overme_100 {
    max-width: 100px
}

table.dataTable>tbody>tr.child span.dtr-title {
    text-transform: capitalize !important;
    color: #5d5d5d
}

.left-fixed-head,
.th-text-capitalize th,
.z-tabs.analytics-tabs .uib-tab {
    text-transform: capitalize
}

.dtr-details {
    display: flex !important
}

.dropdown .btn-clean {
    padding: .075rem .45rem
}

.box-title .sub-title {
    font-size: 15px;
    margin-bottom: 0
}

.btn.btn-icon-fixed {
    position: relative;
    padding-left: 60px
}

.btn-icon-fixed span {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 38px;
    line-height: 38px;
    border-right: 1px solid #DBE0E4;
    background: #f7f7f7
}

.table.table-clean-paddings>tbody>tr>td:first-child,
.table.table-clean-paddings>thead>tr>th:first-child {
    padding-left: 0
}

.index-box .box-body {
    min-height: 350px;
    width: 100%
}

.break-lines {
    position: relative;
    line-height: 1
}

.break-lines-sub {
    position: absolute;
    bottom: -15px;
    left: 0;
    height: auto;
    margin: 0;
    font-size: 11px
}

.list-group-boxes .list-group-item {
    margin-bottom: .5rem !important;
    border-radius: .25rem
}

.flex-text .flex-txt-item:last-child,
.list-group-row,
.products-list .item:not(:last-child),
md-radio-button {
    margin-bottom: 0
}

.products-list {
    padding: 0;
    overflow: auto
}

.products-list .item {
    padding: 1px 4px
}

.product-description {
    color: #838383;
    padding: 5px 0
}

.not-found-block .text {
    text-align: center;
    font-size: 32px;
    letter-spacing: 5px
}

.btn-radius,
.rounded-dropdown {
    border-radius: 24px !important
}

.product-title {
    color: #4d4d4d;
    position: relative
}

.sentiment-wrapper .close {
    display: none
}

[data-title]:hover::before {
    content: attr(data-title);
    position: absolute;
    bottom: 100%;
    display: inline-block;
    padding: 3px 6px;
    border-radius: 2px;
    background: #000;
    color: #fff;
    font-size: 12px;
    font-family: sans-serif;
    white-space: nowrap;
    z-index: 999999
}

.cibil_guage,
.combodate-my,
.flex-text {
    display: flex
}

.disabled,
.stable {
    pointer-events: none;
    cursor: default
}

.btn-info {
    color: #fff;
    background-color: #1565c0;
    border-color: #1565c0
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #59a0ef;
    border-color: #59a0ef
}

.badge-info,
.btn-info:hover {
    color: #fff;
    background-color: #0d4e95
}

.btn-info:hover {
    border-color: #0d4e95
}

.log-header {
    padding: 15px
}

.cibil_guage {
    align-items: center;
    justify-content: center
}

.flex-text .flex-txt-item:not(:last-child) {
    margin-right: 10px;
    border-right: 2px solid #333;
    padding-right: 10px
}

.btn-group .btn:not(:last-child) {
    margin-right: 10px
}

.w-1 {
    width: 100px
}

.w-150 {
    min-width: 150px
}

.min-50 {
    min-width: 50%
}

.dropdown-left {
    left: auto !important;
    right: auto !important
}

.radio-tabs .tabs {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #ccc
}

.radio-tabs .tabs .tabLabel {
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    transition: all .5s ease 0s;
    background: #fff;
    padding: 10px 20px;
    color: #878787;
    margin: 0;
    text-transform: capitalize;
    border-radius: 60px !important;
    border: 1px solid #f0f0f0 !important
}

.radio-tabs .tabs .tab {
    order: 99;
    flex-grow: 1;
    width: 100%;
    display: none;
    padding: 1rem 0;
    background: #fff;
    min-height: 200px
}

.hero-block,
.min-h-500 {
    min-height: 500px
}

.nav-justified .tabLabel {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}

.radio-tabs .tabs input[type=radio] {
    display: none
}

.radio-tabs .tabs input[type=radio]:checked+label {
    box-shadow: 0 16px 26px -10px rgba(63, 106, 216, .56), 0 4px 25px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(63, 106, 216, .2);
    pointer-events: none;
    color: #fff !important
}

.radio-tabs .tabs input[type=radio]:checked+label+.tab {
    display: block
}

.text-append i {
    width: 20px;
    text-align: center
}

.btn-success {
    color: #fff;
    background-color: #96c03d;
    border-color: #96c03d
}

.btn-success:hover {
    color: #fff;
    background-color: #5bc00f;
    border-color: #5bc00f
}

.dropdown-menu li>.fa {
    width: 20px
}

.text-select {
    color: #333
}

update-guarantor span.pop-close {
    display: none
}

md-dialog {
    max-width: 99%;
    max-height: 90%
}

.lead-status-bits .badge {
    font-size: 90%;
    font-weight: bolder
}

.plr-0 {
    padding-left: 0;
    padding-right: 0
}

.plr-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.plr-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.plr-3 {
    padding-left: .75rem !important;
    padding-right: .75rem !important
}

.table-count {
    display: flex;
    overflow: hidden
}

.list-group-row {
    display: flex;
    border: none;
    width: 100%;
    justify-content: space-around;
    padding-left: 0
}

.list-group-row .list-group-item {
    border: none;
    padding: 0 1rem
}

.table-count .badge {
    border-radius: 10px;
    padding: .3em 1em
}

.badge.big {
    font-size: 14px
}

.custom-dataTable th {
    position: relative;
    padding: .45rem .75rem;
    font-weight: 700
}

.custom-dataTable .sort-icon {
    position: absolute;
    right: 2px;
    top: 0;
    height: 100%;
    cursor: pointer;
    display: flex;
    align-items: center
}

.custom-dataTable .form-control {
    padding: .175rem .75rem
}

.custom-dataTable .control {
    position: relative;
    cursor: pointer
}

.custom-dataTable .control:before {
    top: 50%;
    left: 50%;
    height: 16px;
    width: 16px;
    margin-top: -10px;
    margin-left: -10px;
    display: block;
    position: absolute;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 14px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: 'Courier New', Courier, monospace;
    line-height: 14px;
    content: '+';
    background-color: #31b131
}

.badge.wd {
    width: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.downloading {
    display: inline-block
}

.log-step md-input-container {
    width: 100%
}

md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
    background-color: #1565c0;
    color: rgba(255, 255, 255, .87)
}

.col-6.td .fa-spinner {
    position: absolute;
    top: 42%;
    left: -8px
}

.col-list {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    display: block
}

.stage-filter span {
    color: #fff
}

.btn-secondary .loader {
    position: absolute;
    z-index: 999;
    color: #333;
    top: 32%;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    font-size: x-large;
    font-weight: bolder
}

.filters-row {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    display: flex
}

.badge-tags {
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative
}

.badge-tags li {
    float: left;
    position: relative;
    margin-right: 10px;
    color: #fff
}

.badge-tags .tag {
    border-radius: 0;
    display: flex;
    padding: 4px 23px;
    position: relative;
    text-decoration: none;
    -webkit-transition: color .2s;
    border: 1px solid #b3b3b3;
    background: #574b90;
    align-items: center
}

.tag .remove {
    position: absolute;
    left: 9px;
    top: 8px;
    font-size: 12px;
    cursor: pointer
}

.index-toggle input[type=checkbox]~.stage-filter:after,
.index-toggle input[type=radio]~.stage-filter:after {
    width: 20px;
    height: 20px;
    content: '✔';
    border: 2px solid #D1D7DC;
    border-radius: 50%;
    z-index: 2;
    position: absolute;
    right: 15px;
    top: 22%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    transition: all .2s ease-in;
    font-family: FontAwesome;
    line-height: 17px;
    color: transparent;
    font-weight: 700
}

.index-toggle input[type=checkbox]:checked~.stage-filter,
.index-toggle input[type=radio]:checked~.stage-filter {
    background-color: #fff;
    color: #333;
    border: 2px solid #7cb342 !important
}

.index-toggle input[type=checkbox]:checked~.stage-filter:after,
.index-toggle input[type=radio]:checked~.stage-filter:after {
    border: 2px solid #7cb342 !important;
    color: #7cb342
}

.index-toggle input[type=checkbox]~.check-only:after,
.index-toggle input[type=radio]~.check-only:after {
    width: 20px;
    height: 20px;
    content: '✔';
    z-index: 2;
    position: absolute;
    left: -15px;
    top: 33%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    transition: all .2s ease-in;
    font-family: FontAwesome;
    line-height: 17px;
    color: transparent;
    font-weight: 700;
    font-size: 22px
}

.index-toggle input[type=checkbox]:checked~.check-only,
.index-toggle input[type=radio]:checked~.check-only {
    color: #FFF
}

.index-toggle input[type=checkbox]:checked~.check-only:after,
.index-toggle input[type=radio]:checked~.check-only:after {
    color: #fff
}

.index-toggle input[type=checkbox]:checked~.input-label,
.index-toggle input[type=radio]:checked~.input-label {
    border-radius: 5px;
    padding: 2px 4px
}

.index-toggle input[type=checkbox]:checked~.input-label:after,
.index-toggle input[type=radio]:checked~.input-label:after {
    border: 2px solid #7cb342 !important;
    color: #7cb342
}

md-radio-group.col-list md-radio-button {
    margin-bottom: 10px
}

md-radio-group:not([disabled]).md-primary .md-checked .md-off {
    border-color: #369dd7
}

md-radio-group:not([disabled]).md-primary .md-on {
    background-color: #369dd7
}

.datepicker-orient-top {
    z-index: 1111 !important
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #369dd7
}

.flex-column .nav-pills .nav-link {
    border-radius: 0
}

.upload-loader {
    font-size: 20px;
    font-weight: 700
}

.cards-grid .card .card-img-top {
    height: 170px
}

.cards-grid .card .hover-layer {
    position: absolute;
    left: 0
}

.cards-grid .card .hover-layer button {
    font-size: 16px;
    border-bottom-left-radius: 6px
}

.tag-checkboxes li label {
    display: inline-block;
    background-color: rgba(255, 255, 255, .9);
    border: 2px solid rgba(139, 139, 139, .3);
    color: #d5d4d4;
    border-radius: 25px;
    white-space: nowrap;
    margin: 3px 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all .2s;
    padding: 4px 6px;
    cursor: pointer
}

.doc-view .card-title .verify:checked+label::before,
.tag-checkboxes li .verify:checked+label {
    background-color: #31b131;
    color: #fff
}

.accordion-card,
.accordion-card .progress {
    margin-bottom: 10px
}

.doc-view .card-title label::before {
    position: absolute;
    left: 0;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-left: 4px;
    padding: 3px 6px 2px !important;
    top: 9px
}

.grid-input {
    padding: 0;
    border-radius: 5px i !important
}

.doc-view .card-title {
    border: 1px dotted #ccc;
    border-radius: 25px;
    padding: 4px 35px 6px;
    position: relative
}

.doc-view .card-title label::before,
.tag-checkboxes li label::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: FontAwesome;
    font-weight: 900;
    font-size: 12px;
    padding: 2px 6px 2px 2px;
    content: "\f067";
    transition: transform .3s ease-in-out
}

.doc-view .tag-checkboxes li label {
    border: 1px solid rgba(139, 139, 139, .3) !important
}

.doc-view .card-title .verify:checked+label::before,
.tag-checkboxes li .verify:checked+label::before {
    content: "\f00c";
    transform: rotate(-360deg);
    transition: transform .3s ease-in-out
}

.tag-checkboxes li .rejected:checked+label::before {
    content: "\f00d";
    transform: rotate(-360deg);
    transition: transform .3s ease-in-out
}

.tag-checkboxes li .rejected:checked+label {
    background-color: #f44336;
    color: #fff;
    transition: all .2s;
    border: 2px solid #f44336
}

.doc-view .card-title input[type=checkbox],
.tag-checkboxes li input[type=radio] {
    position: absolute;
    opacity: 0
}

.accordion-card .card-header {
    padding: .75rem 1.25rem;
    background-color: #ffeaa7;
    cursor: pointer
}

textarea {
    resize: none
}

.heading {
    font-weight: 700
}

.add-filter-before:before,
.add-times-before:before {
    font-family: FontAwesome;
    font-weight: 400;
    text-decoration: inherit;
    margin-right: 5px;
    color: #369dd7;
    font-size: 14px;
    font-style: normal
}

.add-times-before:before {
    content: "\f00d "
}

.add-filter-before:before {
    content: "\f0b0 "
}

.clr-header {
    background: #273544;
    color: #fff;
    padding: 8px
}

.cr-header,
.grid-item {
    color: #333
}

.cr-header {
    background: #eee;
    padding: 8px
}

.dropdown-menu .btn .fa {
    width: 16px;
    padding: 0 4px;
    text-align: center
}

.dpd-widgets {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.dpd-widgets .flex-item {
    width: 30%
}

.flex-item .badge {
    border-radius: 10px
}

strong {
    font-weight: 700
}

.md-button.md-raised[disabled] {
    background-color: #a8d7f1 !important
}

.z-tabs>.nav>li>a {
    padding: 4px 15px !important
}

.z-tabs .uib-tab.nav-item:not(.active) {
    border-radius: 1.25rem;
    background: 0 0;
    color: #333
}

.lead-status-bits {
    margin: 0;
    padding: 15px 5px
}

.notch-loader {
    position: absolute;
    top: 50%;
    z-index: 1;
    right: 50%;
    margin: auto
}

.nav.nav-pills {
    padding: .75rem 0 !important
}

app-status,
application-edit,
application-view,
cibil-view,
de-duplicate,
dmi-lead-log,
fullerton-docs,
lender-updates,
submitted-fi-docs,
tvr-faq,
tvr-faq-by-cat,
upload-dmi,
view-dmi-docs,
view-payment-shedule {
    width: 90vw
}

adani-docfy,
add-agency-comments,
add-cds,
add-loan-credit-history,
additional-stmt,
adjust-due,
agency-leads,
assign-application,
cam-sheet,
chit-referral,
compose-mail,
dmi-approval,
dsa-preview,
fi-report,
fi-upload,
foir-module,
lead-doc-comments,
leads-preview,
ledger,
loan-application-view,
loan-docfy,
log-text-modal,
log-track,
moratorium-terms,
orgination-comments,
payment-history,
referral-program,
set-targets,
target-modal,
ugro-lead-log,
update-crm-leads,
update-guarantor,
update-partner,
upload-document,
upload-finbit,
view-img,
view-loan-master,
view-payment-shedule,
view-video {
    width: 70vw
}

emi-pay {
    width: 63vw;
    height: 90vh
}

cibil-view-report,
foir-module {
    width: 90vw;
    height: 90vh
}

.accordion-card .card-header:after {
    font-family: FontAwesome;
    content: "\f078";
    position: absolute;
    right: 10px;
    top: 10px
}

.accordion-card .card-header.collapsed:after,
.accordion-card .card-header[aria-expanded=false]:after {
    content: "\f077" !important
}

.user-image {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #ccc
}

.hero-block {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100vh
}

.hero-inner {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%
}

div.pdfTable {
    width: 100%;
    text-align: left
}

.divTableHeading {
    display: table-header-group
}

.divTableFoot {
    display: table-footer-group
}

.vertical-middle {
    vertical-align: middle !important
}

.pl-50 {
    padding-left: 50%
}

.wd-sheet {
    font-size: 10px
}

.table-layout-fixed {
    table-layout: fixed;
    word-wrap: break-word
}

.divTableCell {
    font-weight: 100
}

.lite-heading,
.text-bold {
    font-weight: 700
}

.control.pull-right {
    width: 20px;
    height: 20px
}

.index-box {
    font-size: 13px
}

.repayment-schedule {
    overflow-x: auto
}

.repayment-schedule .table {
    margin: 0;
    padding: 1em;
    white-space: nowrap
}

.widget-content .widget-content-wrapper {
    display: flex;
    flex: 1;
    position: relative;
    align-items: center
}

.round-border {
    display: inline-block;
    border: 1px solid #369DD8;
    padding: 4px 10px;
    border-radius: 50%;
    background: #369dd7;
    color: #fff
}

.lite-heading {
    font-size: 11px;
    color: #bab8b8;
    display: inline-block;
    margin: 0;
    padding-right: 10px
}

.corner-btn {
    position: absolute;
    right: 0;
    top: 0
}

.corner-btn button {
    padding: 5px;
    border-radius: 38px !important
}

.min-h-300 {
    min-height: 300px
}

.min-h-100 {
    min-height: 100px
}

.swal-text {
    text-align: center
}

.loanAppsTimePeriodFilter md-radio-group md-radio-button:not(:last-child) {
    margin-right: 20px
}

.btn-outline-info {
    color: #5da5da;
    border-color: #5da5da
}

.btn-outline-info:hover {
    background-color: #5da5da;
    color: #fff
}

.btn-outline-success {
    color: #3ac47d;
    border-color: #3ac47d
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-warning {
    color: #f7b924;
    border-color: #f7b924
}

.btn-outline-danger {
    color: #d92550;
    border-color: #d92550
}

.fullscreen-btn {
    position: absolute;
    top: 10px;
    right: 10px
}

.panel-fullscreen {
    display: block;
    z-index: 9999;
    position: fixed !important;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
    background-color: #fff
}

.z-check-radio {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    flex-wrap: wrap
}

.z-check-radio>.item input[type=checkbox],
.z-check-radio>.item input[type=radio] {
    display: none
}

.z-check-radio>.item input[type=checkbox]:not(:disabled)~label,
.z-check-radio>.item input[type=radio]:not(:disabled)~label {
    cursor: pointer
}

.z-check-radio>.item input[type=checkbox]:disabled~label,
.z-check-radio>.item input[type=radio]:disabled~label {
    color: #bcc2bf;
    border-color: #bcc2bf;
    box-shadow: none;
    cursor: not-allowed
}

.z-check-radio.mn>.item label {
    min-width: 125px
}

.z-check-radio>.item label {
    display: block;
    background: #fff;
    text-align: center;
    position: relative;
    opacity: .8;
    padding: 5px 0;
    cursor: pointer;
    min-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-indent: inherit;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .75)
}

.z-check-radio>.item input[type=checkbox]:checked+label,
.z-check-radio>.item input[type=radio]:checked+label {
    background: #fff;
    color: #333 !important;
    box-shadow: 0 0 4px rgba(0, 0, 0, .75)
}

.wid-check .list-group-item {
    border-radius: 0;
    padding: 10px;
    border-bottom: 1px solid #ccc
}

.wid-check input[type=checkbox]:checked~.list-group-item:after,
.z-check-radio>.item input[type=checkbox]:checked+label::after,
.z-check-radio>.item input[type=radio]:checked+label::after {
    content: "L";
    background: #70ad4d;
    color: #fff;
    height: 43px;
    width: 40px;
    top: -22px;
    right: -22px;
    text-align: center;
    position: absolute;
    transform: rotateX(180deg) rotate(135deg);
    -ms-transform: rotateX(180deg) rotate(135deg);
    -moz-transform: rotateX(180deg) rotate(135deg);
    -webkit-transform: rotateX(180deg) rotate(135deg);
    -o-transform: rotateX(180deg) rotate(135deg);
    font-size: 14px;
    font-weight: 600;
    vertical-align: middle;
    padding: 23px 0 0
}

.z-check-radio>.item input[type=checkbox]:checked~label,
.z-check-radio>.item input[type=radio]:checked~label {
    border: 2px solid #70ad4d !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .176);
    position: relative;
    text-indent: 0
}

.wid-check input[type=checkbox]:checked~.list-group-item {
    color: #333;
    display: block;
    background: #fff;
    text-align: center;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    z-index: 3;
    right: 0
}

.hovered-content {
    position: absolute;
    background-color: #fff;
    min-width: 240px;
    z-index: 4;
    left: 0;
    color: #333;
    width: 750px;
    box-sizing: border-box;
    text-align: left;
    top: 20px;
    border-radius: 7px;
    box-shadow: 3px 4px 9px 0 #e4e4e496
}

.dropdown-content a,
.hovered-content .item {
    float: none;
    color: #000;
    text-align: left;
    display: block;
    text-decoration: none
}

.hovered-content.tvr {
    left: 0 !important;
    right: 0 !important;
    margin: auto
}

.hovered-content ul>li {
    box-sizing: border-box;
    padding: 3px
}

.dropdown-content a {
    padding: 12px 16px
}

.hovered-content .item {
    padding: 6px 8px
}

.dropdown-content a:hover {
    background-color: #ddd
}

.dropdown:hover .dropdown-content,
.dropdown:hover .hovered-content {
    display: block
}

.btn-outline-primary.btn-shadow {
    box-shadow: 0 .125rem .625rem rgba(63, 106, 216, .4), 0 .0625rem .125rem rgba(63, 106, 216, .5)
}

.btn-outline-secondary.btn-shadow {
    box-shadow: 0 .125rem .625rem rgba(108, 117, 125, .4), 0 .0625rem .125rem rgba(108, 117, 125, .5)
}

.btn-outline-success.btn-shadow {
    box-shadow: 0 .125rem .625rem rgba(58, 196, 125, .4), 0 .0625rem .125rem rgba(58, 196, 125, .5)
}

.btn-outline-focus.btn-shadow {
    box-shadow: 0 .125rem .625rem rgba(68, 64, 84, .4), 0 .0625rem .125rem rgba(68, 64, 84, .5)
}

.app-icon img {
    width: 100%
}

.list-group.vertical-steps .list-group-item {
    border: none;
    border-left: 3px solid #0052c2;
    box-sizing: border-box;
    border-radius: 0;
    counter-increment: step-counter;
    padding: 0 0 20px 20px
}

.list-group.vertical-steps .list-group-item.active {
    background-color: transparent;
    color: inherit
}

.list-group.vertical-steps .list-group-item:last-child {
    border-left: 3px solid transparent;
    padding-bottom: 0
}

.list-group.vertical-steps .list-group-item::before {
    border-radius: 50%;
    background-color: #0052c2;
    color: #fff;
    content: counter(step-counter);
    display: inline-block;
    float: left;
    height: 25px;
    line-height: 25px;
    margin-left: -35px;
    text-align: center;
    width: 25px
}

.panel-heading a:after,
.parent a:after {
    content: "";
    right: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    color: #333
}

.acd2widget .panel-group,
.acd2widget .panel-group .panel+.panel {
    margin: 0
}

.list-group.vertical-steps .list-group-item a,
.list-group.vertical-steps .list-group-item span {
    display: block;
    overflow: hidden;
    padding-top: 2px
}

.acd2widget .panel-collapse {
    z-index: 4;
    position: absolute;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    background: #fff;
    width: 90%
}

.acd2widget .panel-group .panel {
    border-radius: 0;
    border: 0
}

.acd2widget .panel-heading {
    padding: 0 !important;
    border-radius: 0
}

.acd2widget .parent a {
    display: block;
    text-decoration: none;
    padding: 10px
}

.acd2widget .child a {
    display: block;
    text-decoration: none;
    padding: 25px
}

.acd2widget .parent {
    background-color: #fff !important
}

.acd2widget .child {
    background-color: #f2f2f2 !important
}

.acd2widget .panel-body {
    border: none;
    padding: 0
}

.acd2widget .panel-group .parent {
    border-bottom: 1px solid #ecf0f1
}

.acd2widget .panel-group .child {
    border-bottom: 1px solid #FDFDFD
}

.panel-heading a:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: 700;
    font-size: 14pt;
    line-height: 1;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear
}

.index-card-guage,
.parent a:after {
    line-height: 0;
    display: inline-block
}

.parent a:after {
    position: relative;
    top: 10px;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear
}

.panel-heading a[aria-expanded=true]:after {
    content: "\2212";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.panel-heading a[aria-expanded=false]:after {
    content: "\002b";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.accordion-toggle[aria-expanded=true] {
    background-color: #369dd7;
    color: #fff
}

.table-responsive table thead {
    white-space: nowrap
}

.log-header .dropbtn {
    padding: 0 10px
}

.my_leads span {
    font-size: 1.015625rem;
    color: #11abe3;
    position: relative
}

.my_leads i,
.select_radio_btn .md-checked .md-label {
    color: #369dd7
}

.bold {
    font-weight: 700
}

.drop_leads ul {
    padding: 0
}

.drop_leads h4 {
    border-bottom: 1px solid #ccc;
    color: #6b747d;
    font-size: 16px;
    padding-bottom: 9px;
    font-family: inherit
}

.drop_leads li {
    box-sizing: border-box;
    padding: 5px 14px;
    border-radius: 4px;
    color: #212529
}

.tab-edit-btn {
    position: absolute;
    top: 0;
    margin: auto;
    left: 160px
}

.row-200 {
    height: 220px
}

.pre-wrap {
    white-space: pre-wrap
}

.left-fixed-head {
    position: -webkit-sticky;
    position: sticky;
    left: -1px;
    background-color: #fafafa;
    z-index: 1
}

.leads-report-table.acd2widget .panel-collapse {
    position: static;
    box-shadow: none;
    background: #fff;
    width: 100%;
    z-index: inherit
}

.index-card-guage {
    vertical-align: middle
}

.guage span {
    font-size: 16px !important;
    font-weight: 700 !important
}

.divTable.pdfTable .divTableHeading .divTableHead,
.divTableHead {
    font-weight: 700
}

.pdfTable {
    width: 100%;
    text-align: left
}

.divTable.table-bordered .divTableCell,
.divTable.table-bordered .divTableHead {
    border: 1px solid #AAA
}

.divTable.border-0 .divTableCell,
.divTable.border-0 .divTableHead {
    border: none !important
}

.divTable.pdfTable .divTableCell,
.divTable.pdfTable .divTableHead {
    padding: .45rem;
    vertical-align: top
}

.pdfTable .tableFootStyle .links {
    text-align: right
}

.pdfTable .tableFootStyle .links a {
    display: inline-block;
    background: #1C6EA4;
    color: #FFF;
    padding: 2px 8px;
    border-radius: 5px
}

.pdfTable.outerTableFooter {
    border-top: none
}

.pdfTable.outerTableFooter .tableFootStyle {
    padding: 3px 5px
}

.divTable {
    display: table
}

.divTableRow {
    display: table-row
}

.divTableCell,
.divTableHead {
    display: table-cell
}

.divTableBody {
    display: table-row-group
}

.scroll-y {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden
}

.toggle-eye {
    padding: 0;
    width: 30px;
    align-items: center;
    display: flex;
    justify-content: center;
    background: #e0e0e0
}

.input-group-append {
    position: relative
}

.index-toggle input[type=checkbox],
.index-toggle input[type=radio] {
    display: none
}

.index-toggle input[type=radio]:checked~.index-grid-item {
    border: 2px solid #7cb342
}

.index-toggle input[type=radio]:checked+.index-grid-item span {
    color: #fff;
    transform: translateY(70px)
}

.index-toggle input[type=radio]:checked+.index-grid-item span:before {
    transform: translateY(0);
    opacity: 1
}

.index-toggle .index-grid-item {
    background-color: #fff;
    transition: all 250ms ease;
    will-change: transition;
    text-align: center;
    cursor: pointer;
    position: relative;
    font-family: Dax, sans-serif;
    font-weight: 900
}

.index-toggle .index-grid-item span {
    position: absolute;
    transform: translate(0, 60px);
    left: 0;
    right: 0;
    transition: all .3s ease;
    font-size: 1.5em;
    user-select: none;
    color: #007e90
}

.index-toggle .index-grid-item span:before {
    font-size: 1.2em;
    font-family: FontAwesome;
    display: block;
    transform: translateY(-80px);
    opacity: 0;
    transition: all .3s ease-in-out;
    font-weight: 400;
    color: #fff
}

.index-toggle p a {
    text-decoration: underline;
    font-weight: 700;
    color: #fff
}

.index-toggle input[type=radio]~.index-grid-item:after {
    width: 20px;
    height: 20px;
    content: '✔';
    border: 2px solid #D1D7DC;
    border-radius: 50%;
    z-index: 2;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    transition: all .2s ease-in;
    font-family: FontAwesome;
    line-height: 17px;
    color: #fff
}

.index-toggle input[type=radio]:checked~.index-grid-item {
    background-color: #fff;
    color: #333
}

.index-toggle input[type=radio]:checked~.index-grid-item:after {
    border: 2px solid #7cb342 !important;
    color: #7cb342
}

.overflow-hidden {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.header-item {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 0;
    border-radius: 0
}

.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.notification-badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

.noti-icon .badge {
    position: absolute;
    top: 0;
    right: 0
}

.noti-icon {
    background-color: transparent
}

.noti-icon .badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.hd-filter label:before {
    display: none
}

.hd-filter label {
    padding: 0
}

.hd-filter {
    font-size: 18px;
    color: #b6b6b6;
    display: inline-block;
    padding-left: 0
}

.hd-filter .check {
    color: #7cc017
}

.hd-filter input[type=checkbox] {
    display: none
}

.notify-cancel {
    font-size: 14px;
    position: absolute;
    top: -10px;
    color: #052963;
    z-index: 2;
    left: -11px;
    cursor: pointer;
    text-shadow: 0 1px 9px #000;
    border: 1px solid #052963;
    border-radius: 50%;
    background-color: #fff;
    padding: 0 3px
}

.repeat {
    text-align: right;
    font-size: 16px;
    color: #787676
}

.upload-leads-docs {
    width: 100%
}

.stage_data .sub-title {
    font-size: 13px
}

.d-grid {
    display: grid
}

.pending-docs-list {
    position: absolute;
    background: #fff;
    z-index: 40;
    box-sizing: border-box;
    padding: 20px 15px;
    text-align: left;
    top: 39px;
    border-radius: 7px;
    box-shadow: 3px 4px 9px 0 #e4e4e496;
    right: 55px;
    border: 1px solid #dadada;
    width: max-content;
    width: -moz-max-content
}

.pending-docs-list ul {
    max-height: 425px;
    overflow-y: auto
}

.z-check-radio label {
    margin-bottom: 0
}

.analytics-tabs {
    width: 100%
}

.analytics-data {
    display: inline-block;
    align-items: center;
    width: 19%;
    margin-right: 1%
}

.analytics-tabs .uib-tab.nav-item.active,
.analytics-tabs .uib-tab.nav-item:hover {
    border: 2px solid #70ad4d !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .176);
    position: relative;
    text-indent: 0;
    background-color: #fff;
    color: #333
}

.analytics-tabs .uib-tab.nav-item.active:after {
    content: "L";
    background: #70ad4d;
    color: #fff;
    height: 43px;
    width: 40px;
    top: -22px;
    right: -22px;
    text-align: center;
    position: absolute;
    transform: rotateX(180deg) rotate(135deg);
    -ms-transform: rotateX(180deg) rotate(135deg);
    -moz-transform: rotateX(180deg) rotate(135deg);
    -webkit-transform: rotateX(180deg) rotate(135deg);
    -o-transform: rotateX(180deg) rotate(135deg);
    font-size: 14px;
    font-weight: 600;
    vertical-align: middle;
    padding: 23px 0 0
}

.analytics-tabs .uib-tab.nav-item {
    display: block;
    background: #fff;
    text-align: center;
    position: relative;
    opacity: .8;
    cursor: pointer;
    min-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-indent: inherit;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .176);
    border-radius: 20px
}

.td-img {
    width: 40px;
    height: 40px
}

.td-img img {
    width: 70%
}

@keyframes expand {
    from {
        width: 0%
    }

    to {
        width: 100%
    }
}

@media screen and (min-width:768px) {
    @keyframes expand {
        from {
            width: 0%
        }

        to {
            width: calc(100% - 75px)
        }
    }
}

.graphic .chart {
    overflow: hidden;
    width: 0;
    animation: expand 1.5s ease forwards;
    justify-content: center;
    display: flex;
    margin: auto
}

.graphic .row+.row .chart {
    animation-delay: .2s
}

.graphic .row+.row+.row .chart {
    animation-delay: .4s
}

.graphic .chart-block {
    height: 78px;
    color: #fff;
    font-size: .75em;
    float: left;
    opacity: 1;
    transition: opacity, .3s ease;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    background-color: #334D5C
}

.graphic .chart-block:nth-of-type(1),
.graphic .legend li:nth-of-type(1):before {
    background-color: #64dd17
}

.graphic .chart-block:nth-of-type(3),
.graphic .legend li:nth-of-type(3):before {
    background-color: #ffa502
}

.graphic .chart-block:nth-of-type(2),
.graphic .legend li:nth-of-type(2):before {
    background-color: #EFC94C
}

.graphic .chart-block:nth-of-type(4),
.graphic .legend li:nth-of-type(4):before {
    background-color: coral
}

.graphic .chart-block:nth-of-type(5),
.graphic .legend li:nth-of-type(5):before {
    background-color: #ff3f34
}

.graphic .chart-block:nth-of-type(6),
.graphic .legend li:nth-of-type(6):before {
    background-color: #962D3E
}

.graphic .chart-block:nth-of-type(7),
.graphic .legend li:nth-of-type(7):before {
    background-color: #90a4ae
}

.graphic .chart-block:hover {
    opacity: .65
}

.graphic .value {
    display: block;
    line-height: 1em
}

.graphic .x-axis {
    text-align: center;
    padding: .5em 0 2em;
    margin: auto
}

.graphic .y-axis {
    height: 20px;
    transform: translate(-32px, 170px) rotate(270deg);
    position: absolute;
    left: 0
}

.graphic .clegend,
.graphic .legend {
    margin: 0 auto;
    padding: 0;
    font-size: .9em
}

.graphic .clegend li,
.graphic .legend li {
    display: inline-block;
    padding: .25em 1em;
    line-height: 1em
}

.graphic .legend li:before {
    content: "";
    margin-right: .5em;
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #334D5C
}

@media screen and (min-width:768px) {
    .graphic .chart-block {
        font-size: 1em
    }
}

.dropdown-item:hover {
    background-color: #c1c1c1
}

.btn-payment-history {
    position: absolute;
    right: 15px;
    z-index: 2;
    display: flex;
    top: 12px
}

.input-label {
    display: flex;
    align-items: center;
    cursor: pointer
}

.blue-head-text .td h6 {
    color: #369DD7
}

.grey-head-text .td h6 {
    color: #adadad
}

.sm-only {
    display: none !important
}

.all-opinions select {
    width: 130px;
    text-overflow: ellipsis
}

.og-card-block {
    padding: .5rem;
    width: 80%;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
    border-radius: 0
}

.dpd-count {
    flex-direction: row
}

.dpd-list-action {
    transform: translate3d(-164px, 15px, 0) !important
}

.table.border-0 .td {
    border: none !important
}

.td h6 {
    margin-bottom: 0
}

.td .th-colan {
    float: right
}

.progress-bar-success {
    background-color: #00c853
}

.table.repayment-schedule thead th {
    vertical-align: middle
}

.mis .left_tabs {
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .55);
    background: #5a7085
}

.pagination-m-0 ul {
    margin: 0
}

.dpd-halfs {
    display: flex;
    justify-content: center;
    width: 100%
}

.dpd-radio-group md-radio-group md-radio-button:not(:last-child) {
    margin-right: 6px
}

.cr_logo_mortorium img {
    width: 220px
}

.mrt-sb {
    color: #fff;
    background-color: #28a745;
    padding: 12px 40px;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: capitalize;
    border: 0;
    border-radius: 25px !important;
    box-shadow: 3px 3px 20px rgba(0, 0, 0, .2);
    transition: all .2s
}

.mrt-option.z-check-radio>.item label {
    padding: 5px 23px
}

.will {
    flex: 1
}

.ul-list {
    display: flex;
    flex-wrap: wrap
}

.ul-list li {
    width: 150px;
    border: 1px solid #ccc
}

.list-group-item {
    position: relative;
    display: block;
    padding: 4px 0;
    margin-bottom: -1px;
    background-color: #fff;
    border: 0
}

.bred-badge {
    height: 30px;
    background: #32d2ba;
    width: 100%;
    color: #fff
}

.item-primary {
    border: 1px solid #ccc
}

.ib-header {
    position: relative;
    min-height: 38px;
    padding: 6px 8px
}

.item-box {
    width: 90%;
    margin: auto auto 20px
}

.header-b {
    border-color: #3EA1D9;
    background-color: #3EA1D9;
    color: #fff
}

.dropdown-menu.show li:hover,
.header-c {
    background-color: #f2f2f2
}

.ib-body-content ul {
    margin-bottom: 0
}

.ib-body-content {
    padding: 20px
}

.emi-months li {
    float: left;
    min-width: 100px;
    border: 1px solid #ccc;
    padding: 8px;
    line-height: 1
}

.emi-months li p {
    text-align: center
}

.header-c {
    border-color: #f2f2f2;
    color: #333
}

.page-logo img {
    height: 130px;
    width: 100%
}

.modal-backdrop {
    z-index: 9 !important
}

.dropdown-menu.show li {
    display: block;
    text-align: inherit
}

.dropdown-menu.show li a span,
.dropdown-menu.show li span {
    margin-right: 10px;
    padding: 0 4px
}

md-radio-group {
    align-items: center
}

.fa-1x {
    font-size: 18px
}

.notification-items .notification-user {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 5px
}

.notification-items .notification-time {
    font-size: 12px;
    color: #919aa3
}

.notification-items .list-group li {
    padding: 10px;
    box-shadow: 0 1px 0 0 #bdbdbd;
    background-color: #ececec;
    margin-bottom: 10px
}

.chit-commissions .buttons-excel {
    position: absolute;
    right: 0;
    top: 7px
}

.list-group-item.dsa label {
    border: 1px solid #ced4da;
    padding: 3px 16px
}

.left-auto-md-container>.md-container {
    left: auto !important;
    right: 0
}

text tspan {
    text-transform: capitalize
}

.btn-link.disabled,
.btn-link:disabled {
    background-color: #e8e8e8
}

.chart-container {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2)
}

.icon-img {
    width: 30px
}

.icon-img img {
    width: 100%
}

.sm-txt {
    font-size: 12px;
    color: #9e9e9e;
    font-weight: 700
}

.box-header.fixed {
    position: sticky;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 2
}

.box-footer.flex-end {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

input[type=number] {
    -webkit-appearance: none;
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.static-label {
    top: -23px;
    font-size: 14px;
    color: #607D8B;
    left: 0;
    position: absolute
}

.fi-edit,
.insurance-btn {
    position: absolute;
    right: 0;
    top: 0
}

.insurance-btn {
    height: 100%;
    margin: 0;
    z-index: 1;
    cursor: pointer;
    display: flex;
    align-items: center
}

.fi-edit,
.loanInput {
    display: inline-block
}

.fi-edit {
    z-index: 2
}

md-sidenav {
    width: 400px !important;
    z-index: 100
}

.form_grid_login .nav {
    justify-content: center
}

.left-side-btn {
    min-width: 145px
}

.pre-line {
    white-space: pre-line !important
}

.lead_back.send-fi {
    right: 24px !important;
    z-index: 10;
    top: 46px !important
}

.loanInput {
    visibility: visible;
    height: inherit;
    float: right;
    max-width: 115px;
    margin-bottom: 10px;
    position: relative
}

.calc-field .loanInput-symbol {
    color: #fff;
    font-size: 15px;
    position: absolute;
    left: 5px;
    bottom: 9px
}

.calc-field .loanInput input {
    font-size: 14px;
    text-align: right;
    width: 100%;
    padding: 0 8px 0 5px
}

.rzslider .rz-bar {
    height: 6px
}

.rzslider .rz-pointer:after {
    position: absolute;
    top: 12px;
    left: 8px;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    content: ''
}

.rzslider .rz-pointer {
    background-color: #0d4e95;
    top: -5px;
    width: 21px;
    height: 15px
}

.rzslider .rz-pointer.rz-active:after,
.rzslider .rz-pointer:after,
.rzslider .rz-pointer:hover:after {
    background: 0 0
}

.rzslider .rz-selection {
    background: #0d4e95
}

.rzslider .rz-bubble {
    color: #333
}

.setup-content .rzslider .rz-bubble {
    display: none;
    bottom: 8px
}

.rzslider .rz-bubble.rz-limit {
    color: #333;
    opacity: .8
}

.rzslider {
    margin: 20px 0 15px
}

.cam-d-buttons {
    position: absolute;
    top: 0;
    right: 0
}

.add-loan {
    top: -52px
}

.table-img-preview {
    height: 100px;
    width: 100px
}

.table-img-preview img {
    width: 100%;
    height: 100%
}

.td-verified {
    width: 18px
}

.accordion.cycle .card .card-header[aria-expanded=false]:after {
    color: #fff;
    content: '\f054';
    font-family: FontAwesome;
    float: right;
    padding-left: 10px
}

.accordion .card .card-header[aria-expanded=true]:after {
    color: #333;
    content: '\f078';
    font-family: FontAwesome;
    float: right;
    padding-left: 10px
}

.d-flex .flex-item-equal {
    flex: 1 1 0
}

.d-flex .flex-item-equal:not(:last-child) {
    border-right: 1px solid #dee2e6
}

md-checkbox[disabled]>.md-container {
    background: #e2e2e2 !important
}

md-checkbox .md-container {
    background: #fff
}

.cursor-not-allowed {
    cursor: not-allowed;
    pointer-events: none
}

.accordion.cycle .card-header {
    background-color: #345F90;
    color: #fff;
    border-right: 1px solid #fff
}

.wrap {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.calc-slider .rzslider .rz-tick.rz-selected {
    background: #0d4e95
}

.calc-slider .rzslider .rz-tick {
    position: absolute;
    top: 1px
}

.text-muted {
    color: #90a4ae !important
}

.input-attach-btn {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.grid-filter-btn {
    position: absolute;
    right: 32px;
    top: 0
}

.md-button.md-default-theme.md-fab,
.md-button.md-default-theme.md-fab:hover,
.md-button.md-fab,
.md-button.md-fab:hover,
.md-button.md-fab:not([disabled]):hover {
    background-color: #5da5da
}

.previewData-img img {
    width: 100% !important;
    float: left;
    margin: 5px
}

.psr-btns {
    position: absolute;
    right: 0;
    top: 15px;
    z-index: 1
}

.gst_tab_list .nav.nav-pills {
    flex-wrap: inherit !important;
    white-space: nowrap
}

.nav-stacked {
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.vertical div[vertical=true] {
    display: flex
}

.vertical div[vertical=true] .nav-stacked {
    width: 20%;
    align-self: flex-start
}

.typeahead .dropdown-menu,
.vertical .tab-content {
    width: 100%
}

.vertical .nav-stacked>.nav-item {
    position: relative;
    display: block;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.vertical .nav-stacked>.nav-item.active:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -13px;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-left: 10px solid #3f6ad8
}

.vertical .nav-stacked li a,
.vertical .nav-stacked li a.active {
    padding: 20px 15px;
    border-radius: 0 !important;
    border: none !important
}

.vertical .nav-stacked .nav-item.active a {
    background: #3f6ad8 !important
}

.vertical .nav.nav-pills {
    padding-top: 0 !important
}

.vertical .nav-item {
    border-radius: 0 !important
}

.vertical .nav-stacked li a.nav-link {
    margin: 0 !important;
    border-radius: 0 !important;
    width: auto;
}

.credit-history-pills .nav.nav-pills {
    padding: 0 !important
}

.overme-full {
    max-width: 100%
}

.aacp-amount-input {
    position: absolute;
    top: 0;
    right: 0
}

.carousel-container {
    height: 325px;
    overflow: hidden
}

#carouselExampleIndicators {
    height: 100%
}

.presanction-btn-check {
    z-index: 1 !important
}

.profile-card-video {
    margin-top: 20px;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%)
}

.profile-card-video .btn {
    border-radius: 2px;
    text-transform: capitalize;
    font-size: 12px;
    padding: 7px 20px
}

.profile-card-video .card-img-block {
    width: 91%;
    margin: 0 auto;
    position: relative;
    top: -20px
}

.profile-card-video .card-img-block img {
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .63)
}

.profile-card-video h5 {
    color: #4E5E30;
    font-weight: 600
}

.profile-card-video p {
    font-size: 12px;
    font-weight: 300
}

.profile-card-video .btn-primary {
    background-color: #4E5E30;
    border-color: #4E5E30
}

.accordion .card .card-header[aria-expanded=true] {
    background-color: #fff;
    color: #333
}

.pagination-payments {
    position: absolute;
    right: 30px;
    top: 0
}

.payments_loanid {
    position: absolute;
    top: 15px;
    right: 50%
}

.select2-results__option[aria-disabled=true] {
    color: #ccc
}

.xh-100 {
    height: 93% !important
}

.hd-filter label {
    font-size: 12px
}

.delete-guarantor {
    float: right;
    position: absolute;
    right: 20px;
    top: 32%
}

.dmi-doc-submit {
    position: absolute;
    right: 15px;
    top: 28px
}

.uib-tab.nav-item.active a {
    background: #2C7CBE;
    color: #fff !important
}

.submit[disabled=disabled] {
    pointer-events: none
}

.disable-input input,
.disable-input select,
.disable-input textarea {
    pointer-events: none !important;
    background: #f0f2f4
}

.disable-input button[type=button],
.disable-input button[type=submit] {
    pointer-events: none !important
}

.list-group-horizontal {
    -ms-flex-direction: row;
    flex-direction: row
}

.table.th-nowrap thead th {
    white-space: nowrap
}

.order-table tr th {
    background: #e8e9ef
}

.order-table td,
.order-table th {
    border: none;
    border-bottom: 1px solid #b2b2b2;
    color: #171717;
    font-size: 12px;
    font-weight: 400;
    padding: .75em 1.25em;
    text-transform: capitalize
}

.m-0 .pagination {
    margin: 0 !important
}

.hidden_row {
    display: none
}

.profile-card-video.doc-view .card-title {
    background: #e2e2e2
}

.paginataion-in-tab {
    position: absolute;
    right: 5px;
    top: 10px
}

.error-bg-img {
    background: url(/app/dist/images/errorbg.jpg);
    background-size: cover
}

.error-head {
    font-size: 112px;
    font-style: italic;
    line-height: 112px
}

.error-comment {
    font-size: 30px;
    line-height: 40px
}

.admin-login {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-height: 100vh;
    padding: 20px
}

.login-title {
    text-align: center;
    font-family: Roboto, sans-serif;
    font-weight: 600
}

.login-right {
    padding: 80px 0
}

.login-left {
    background: #052963;
    color: #fff;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px
}

.login-credintials {
    width: 70%;
    margin: auto
}

.admin-log-block {
    border-radius: 16px;
    box-shadow: 3px 3px 20px rgba(0, 0, 0, .1)
}

.log-button {
    color: #fff;
    background-color: #e66038;
    padding: 12px 40px;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: capitalize;
    border: 0;
    border-radius: 2px;
    outline: 0;
    box-shadow: 3px 3px 20px rgba(0, 0, 0, .2);
    transition: all .2s
}

.log-button:active,
.log-button:focus,
.log-button:hover {
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

@media (max-width:767px) {

    .admin-log-block,
    .login-left {
        border-radius: 0
    }

    .login-credintials {
        width: 100%
    }

    .login-right {
        padding: 40px 0
    }

    .login-left {
        padding: 10px 0 0
    }
}

.new-login .card0 {
    box-shadow: 0 4px 8px 0 #757575;
    border-radius: 0
}

.new-login .card2 {
    margin: 0 40px
}

.new-login .rl-logo {
    width: 150px;
    height: 60px;
    margin-top: 20px;
    margin-left: 35px
}

.new-login .image {
    width: 360px;
    height: 280px
}

.new-login .border-line {
    border-right: 1px solid #EEE
}

.new-login .text-sm {
    font-size: 14px !important
}

.new-login ::placeholder {
    color: #BDBDBD;
    opacity: 1;
    font-weight: 300
}

.new-login :-ms-input-placeholder {
    color: #BDBDBD;
    font-weight: 300
}

.new-login ::-ms-input-placeholder {
    color: #BDBDBD;
    font-weight: 300
}

.new-login .form-group {
    width: 100%;
    position: relative
}

.new-login input,
.new-login textarea {
    padding: 10px 12px;
    border: 1px solid #d3d3d3;
    border-radius: 2px;
    margin-bottom: 5px;
    margin-top: 2px;
    width: 100%;
    box-sizing: border-box;
    color: #2C3E50;
    font-size: 14px;
    letter-spacing: 1px
}

.new-login .cred_icons {
    top: 4px !important
}

.new-login input:focus,
.new-login textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #304FFE;
    outline-width: 0
}

.new-login button:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline-width: 0
}

.new-login .btn-blue {
    background-color: #1A237E;
    width: 150px;
    color: #fff;
    border-radius: 2px
}

.new-login .btn-blue:hover {
    background-color: #1A237E;
    cursor: pointer
}

.new-login .bg-blue {
    color: #fff;
    background-color: #1A237E;
    position: fixed;
    width: 100%;
    bottom: 0
}

.new-login .loader-cr {
    top: 6px
}

.social-contact {
    width: 25px
}

@media screen and (max-width:991px) {
    .new-login .logo {
        margin-left: 0
    }

    .new-login .image {
        width: 300px;
        height: 220px
    }

    .new-login .border-line {
        border-right: none
    }

    .new-login .card2 {
        border-top: 1px solid #EEE !important;
        margin: 0 15px
    }
}

.chart_legend_list>li,
ul.tab_menu>li {
    list-style: none
}

.tab .nav-tabs {
    border-bottom-color: #f0f0f0;
    background-color: #fff
}

.app-view-sec .md-button.md-fab {
    border-radius: 0 0 0 30%;
    background-color: #ffebee
}

.grow-0 {
    flex-basis: auto !important;
    flex-grow: unset !important
}

.nav-pills li.active a,
.tab .nav-tabs li.active a {
    background-color: #1565c0;
    color: #fff
}

.nav-pills li,
.tab .nav-tabs li {
    margin-bottom: 0;
    color: #fff
}

.nav-pills li a,
.tab .nav-tabs li a {
    font-size: 13px;
    border: 1px solid #f0f0f0;
    text-transform: capitalize;
    position: relative;
    transition: all .3s ease 0s
}

.tab .nav-tabs li:last-child a,
.tab .nav-tabs li:last-child.active a {
    border-right: 1px solid #f0f0f0 !important
}

.tab .nav-tabs li.active a:focus,
.tab .nav-tabs li.active a:hover,
.tab .nav-tabs li.active a:not(li.active) {
    border: none;
    border-left: 1px solid #f0f0f0;
    color: #fff
}

.tab .nav-tabs li a:hover:after,
.tab .nav-tabs li.active a:after {
    top: -1px;
    opacity: 1
}

.tab .tab-content {
    font-size: 14px;
    line-height: 25px;
    padding: 2px 0 0;
    border: 1px solid #e4e4e4;
    border-top: none;
    background-color: #fff
}

.editable-click,
a.editable-click {
    color: inherit !important;
    border-bottom: none !important
}

.editable-click:hover:after {
    content: "\f040";
    color: #000;
    font-size: 14px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    padding: 0 10px
}

.app_view_edit {
    position: absolute;
    top: 80px;
    right: 0
}

.app_view_edit button {
    font-size: 14px;
    color: #fff;
    background: #5a7085;
    border-radius: 0;
    padding: 10px 15px;
    margin-right: 0;
    border: none;
    border-top: 1px solid #f0f0f0;
    border-left: 1px solid #f0f0f0;
    text-transform: capitalize;
    position: relative;
    transition: all .3s ease 0s
}

.app-view-sec .tab {
    position: relative
}

.app_view_edit .md-button.md-fab.md-mini:hover {
    background-color: #f44336
}

.app_view_edit .md-button.md-fab.md-mini {
    line-height: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    background-color: #f44336;
    border-radius: 50%
}

.app_view_edit i {
    line-height: 0;
    color: #FFF
}

.editable-radiolist label {
    display: inline-block
}

.editable-controls input[type=radio] {
    display: inline-block !important
}

.table .td {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.scroller,
.tab_img {
    vertical-align: middle
}

.heading {
    padding: .75rem;
    text-transform: capitalize;
    background-color: #eee
}

@media (max-width:45em) {
    .document-tabs .tabs label {
        width: 100%;
        margin-right: 0;
        margin-top: .2rem
    }
}

@media (max-width:1024px) and (min-width:768px) {
    .app_view_edit {
        top: 48px
    }

    .table .td {
        word-wrap: break-word
    }

    .form-control.form-check-inline {
        display: -webkit-box
    }

    .div-input-90 .form-control,
    .div-input-90 .select2.select2-container {
        width: 88% !important
    }

    .table.bar-table td,
    .table.bar-table th {
        display: inline-block;
        clear: both;
        width: 100% !important;
        border: none
    }

    .table.bar-table tbody,
    .table.bar-table thead {
        width: 50%;
        display: inline-block;
        float: left;
        border: none
    }
}

.popover-wrapper form {
    display: flex;
    flex-flow: row
}

.popover-wrapper .editable-controls {
    display: inline-block
}

.actions-col {
    display: flex
}

.editable-controls select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px);
    width: 70%
}

.editable-input.editable-has-buttons {
    max-width: 70%;
    width: auto
}

.chart_legend,
.editable-wrap {
    width: 100%
}

.editable-wrap textarea.editable-input {
    width: 100%;
    max-width: 100%
}

.business-tabs .app_view_edit {
    position: absolute;
    top: -43px;
    right: 0
}

.bar-table {
    border-bottom: 2px solid #6c757d
}

.card .edit-div {
    position: absolute;
    right: 0
}

.md-button.md-fab.md-mini {
    margin: 0
}

.chart_legend_list {
    display: flex;
    margin-left: 30px;
    flex-direction: column
}

.chart_legend_list li {
    text-align: left !important
}

.chart_legend_list .percent {
    color: #fff;
    padding: 3px;
    text-shadow: 0 0 1px #000;
    text-align: center;
    display: inline-block;
    margin-bottom: 10px
}

#lonaAppList_wrapper #lonaAppList_filter,
.scroller {
    display: none
}

.chart_legend_list .choice {
    padding-left: 10px
}

.scroller {
    text-align: center;
    cursor: pointer;
    padding: 11px 7px 7px;
    white-space: nowrap;
    background-color: #fff
}

.scroller-right {
    float: right
}

.scroller-left {
    float: left
}

.td h6 {
    font-size: .9rem
}

.edit-div button:last-child {
    border-bottom-left-radius: 0 !important
}

ul.tab_menu {
    margin-bottom: 0;
    padding-left: 0
}

ul.tab_menu:focus {
    outline: 0
}

ul.tab_menu>li {
    display: inline-block;
    box-sizing: border-box;
    padding: 8px 15px;
    border: 2px solid #e5e5e5;
    border-bottom: none;
    margin-right: 5px;
    border-radius: 12px 12px 12px 17px;
    position: relative;
    z-index: 1;
    background: #f8f8f8;
    opacity: .6 !important
}

ul.tab_menu>li:first-child {
    border-bottom-left-radius: 9px
}

ul.tab_menu>li>a {
    z-index: 9;
    position: relative;
    color: #353535
}

ul.tab_menu>li.active>a>span {
    color: #1565c0
}

ul.tab_menu>li>a>span>img {
    width: 20px
}

ul.tab_menu>li.active {
    background: #fff;
    border-bottom-left-radius: 0;
    border: 2px solid #fff;
    box-shadow: 8px -2px 6px 0 #f0f0f0;
    z-index: 2;
    opacity: 1 !important
}

ul.tab_menu>li:before {
    display: block;
    content: " ";
    position: absolute;
    height: 39px;
    width: 43px;
    background-color: #f8f8f8;
    transition: all 250ms ease;
    right: -9px;
    top: 0;
    transform: skew(30deg, 0deg);
    border-right: 3px solid #e5e5e5;
    border-bottom-right-radius: 0
}

ul.tab_menu>li.active:before {
    border-right: 1px solid #fff;
    background: #fff;
    border-top-right-radius: 1px;
    border-bottom: 2px solid #fff
}

.tab_img {
    margin-top: -4px
}

@media (min-width:1025px) and (max-width:1280px) {
    .select_radio_btn {
        margin-left: -38px
    }

    .radio_pillbox {
        overflow-x: scroll;
        height: 50px
    }

    .input-label {
        padding-left: 0 !important
    }

    .radio_pillbox div {
        width: 626px
    }
}

@media (min-width:768px) and (max-width:1024px) {

    #content,
    .ml-210 {
        margin-left: 0 !important
    }

    emi-pay {
        width: 80vw
    }

    add-cds,
    cibil-view-report {
        width: 90vw;
        height: 90vh
    }

    .add-new-row,
    compose-mail,
    dsa-preview,
    leads-preview,
    log-text-modal,
    moratorium-terms {
        width: 90vw
    }

    #content {
        width: 100% !important
    }

    .sidebar.sidebar-left.active {
        display: none
    }

    .sidebar {
        z-index: 9999
    }

    .nav.navbar-nav.nav-menu.navbar-top-links.navbar-right {
        float: right;
        display: flex;
        flex-direction: revert;
        align-items: center
    }

    .dropdown.show .dropdown-menu {
        position: absolute;
        top: 40px;
        display: block
    }

    .dataTables_wrapper {
        overflow-x: auto
    }

    .dataTables_wrapper[--parent] {
        padding: 0
    }

    .tab .nav-tabs li {
        margin-right: 0;
        margin-bottom: 5px !important
    }

    .md-dialog,
    md-dialog {
        min-width: 80%;
        max-width: 100% !important
    }

    .drop_leads {
        width: 661px
    }

    .radio_pillbox div {
        width: 736px
    }

    .radio_pillbox {
        overflow-x: scroll;
        height: 50px
    }

    .radio_pillbox::-webkit-scrollbar {
        width: 5px;
        background: 0 0
    }

    .input-label {
        padding-left: 0 !important
    }

    .radio_pillbox::-webkit-scrollbar-thumb {
        background-image: linear-gradient(131deg, #e9e9e908 1%, #f3f3f3 67%);
        border-radius: 30px;
        height: 7px
    }
}

@media (max-width:768px) {
    .form_grid_login .nav.nav-pills {
        justify-content: center
    }

    .form_grid_login {
        width: auto
    }

    .login-credintials {
        width: 100%
    }

    .sm-only {
        display: block !important
    }

    .md-only,
    .sidebar-collapsed,
    admin-bredcrumb {
        display: none
    }

    emi-pay {
        width: 80vw;
        margin: auto
    }

    add-cds,
    cam-sheet,
    cibil-view-report,
    fi-upload,
    lead-doc-comments,
    loan-docfy {
        width: 90vw;
        height: 90vh
    }

    .login-right {
        padding: 40px 0
    }

    .login-left {
        border-bottom-left-radius: 0;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 0;
        padding-top: 15px
    }

    .grid-item {
        margin-bottom: 10px
    }

    .chart_legend_list .choice {
        padding-left: 0 !important
    }

    .box-footer:not(.not-fixed) {
        position: sticky;
        bottom: 0;
        width: 100%;
        left: 0;
        z-index: 9;
        text-align: center;
        right: 0;
        margin: auto
    }

    .dataTables_wrapper .btn-group {
        float: none;
        display: contents
    }

    #content {
        padding: 73px 10px 73px 0;
        width: 100% !important
    }

    #content,
    .ml-210 {
        margin-left: 0 !important
    }

    .sidebar.sidebar-left.active {
        display: none
    }

    .sidebar {
        z-index: 9999
    }

    .nav.navbar-nav.nav-menu.navbar-top-links.navbar-right {
        float: right;
        display: flex;
        flex-direction: revert;
        align-items: center
    }

    .dropdown.show .dropdown-menu {
        position: absolute;
        top: 40px;
        display: block
    }

    .dataTables_wrapper {
        overflow-x: auto
    }

    .dataTables_wrapper[--parent] {
        padding: 0
    }

    .tab .nav-tabs li {
        margin-right: 0;
        margin-bottom: 5px !important
    }

    md-dialog {
        min-width: 80%;
        max-width: 100% !important
    }

    #imagemodal {
        width: 80%
    }

    .page-container.sidebar-collapsed {
        transition: all .1s linear;
        transition-delay: .3s;
        display: block !important
    }

    .right_nav {
        padding-left: 0 !important
    }

    .drop_leads {
        width: 480px
    }

    .lead_calndr,
    .lead_list_title {
        width: 100%
    }

    compose-mail,
    dsa-preview,
    fi-report,
    leads-preview,
    payment-history {
        width: 90vw;
        margin: auto
    }

    .aspect-stat .float-right {
        float: none !important
    }

    .all-opinions.zi {
        position: relative !important
    }

    .z-check-radio .item {
        margin-bottom: 10px
    }

    .add-new-row,
    compose-mail,
    dsa-preview,
    leads-preview,
    log-text-modal,
    payment-history {
        width: 90vw;
        margin: auto
    }

    .page-container.sidebar-collapsed-back .sidebar-menu {
        width: 200px !important
    }

    .page-container.sidebar-collapsed-back #menu span {
        opacity: 1 !important;
        transition: all 50ms linear;
        display: none
    }

    .sidebar-collapsed-back .logo_side_back img {
        display: block !important;
        width: 100% !important
    }

    .sidebar-collapsed-back .logo_slide {
        height: 34px !important
    }

    .sidebar-collapsed-back .logo_slide img {
        display: none !important
    }

    .page-container.sidebar-collapsed .sidebar-menu {
        width: 0 !important;
        opacity: 0
    }

    .sidebar-menu {
        left: -13px !important
    }

    .mb_device {
        display: block !important;
        opacity: 1 !important
    }

    #sidebarCollapse {
        position: absolute;
        z-index: 9;
        left: 35px;
        top: 8px
    }

    #sidebarCollapse1 {
        display: none
    }

    .radio_pillbox .d-flex {
        display: block !important
    }

    .radio_pillbox .d-flex div {
        width: 46%;
        position: relative;
        margin-bottom: 22px;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
        float: left;
        margin-right: 6px;
        margin-left: 7px
    }

    .radio_pillbox div label {
        position: relative !important
    }

    .radio_pillbox {
        border-radius: 0 !important;
        box-shadow: none !important;
        padding-top: 5px
    }

    .radio_pillbox input[type=checkbox]:checked~.input-label:after,
    .radio_pillbox input[type=radio]:checked~.input-label:after {
        color: #369dd7;
        display: block;
        border: 2px solid #369dd7;
        height: 24px;
        padding-top: 10px;
        width: 26px;
        position: absolute;
        right: 15px;
        border-radius: 50%;
        font-weight: 700
    }

    .input-label:before {
        display: none
    }

    .d_grid_block {
        margin-bottom: 18px;
        display: block
    }

    .left_tabs {
        left: 13px;
        background: #5a7085 !important
    }

    .lead_tabs .nav-link.active i,
    .lead_tabs a:hover span {
        color: #fff
    }

    .left_tabs .nav-link:hover {
        background-color: #5a7085 !important;
        border: 1px solid #fff !important
    }

    .nav>li>a>i {
        margin-right: 10px;
        color: #949798
    }

    .link_tabs_head ul {
        border-radius: 0
    }
}

@media (min-width:481px) and (max-width:767px) {
    .login-left-banner {
        display: none
    }

    .md-dialog {
        max-width: 100% !important
    }

    .sm-only {
        display: block !important
    }

    .sm-none {
        display: none !important
    }

    .add-new-row,
    compose-mail,
    dsa-preview,
    fi-report,
    leads-preview,
    loan-application-view,
    log-text-modal,
    payment-history {
        width: 90vw;
        margin: auto
    }

    .md-only {
        display: none
    }

    .d_grid_block .col-md-10 {
        text-align: center
    }

    .left_table {
        background: url(../img/login-page1.svg);
        background-size: cover
    }

    .form_layer {
        background: rgba(255, 255, 255, .7)
    }

    .left_table input {
        border: 1px solid #000 !important
    }

    referral-program {
        width: 95vw;
        margin: auto
    }
}

@media (min-width:320px) and (max-width:480px) {
    .login-left-banner {
        display: none
    }

    .login-credintials {
        width: 100%
    }

    .top-navbar .nav>li.user-menu {
        margin-left: 0
    }

    referral-program {
        width: 95vw;
        margin: auto
    }

    .graphic .chart,
    .graphic .chart-block {
        width: 100% !important
    }

    .graphic .chart {
        flex-direction: column
    }

    .add-new-row,
    compose-mail,
    dsa-preview,
    leads-preview,
    log-text-modal,
    payment-history {
        width: 95vw;
        margin: auto
    }

    table#ptp {
        table-layout: inherit
    }

    .login-right {
        padding: 40px 0
    }

    .sm-none {
        display: none !important
    }

    .login-left {
        border-bottom-left-radius: 0;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 0;
        padding-top: 15px
    }

    #content,
    .ml-210 {
        margin-left: 0 !important
    }

    #content {
        width: 100% !important;
        padding-right: 0
    }

    .sidebar.sidebar-left.active {
        display: none
    }

    .sidebar {
        z-index: 9999
    }

    .nav.navbar-nav.nav-menu.navbar-top-links.navbar-right {
        float: right;
        display: flex;
        flex-direction: revert;
        align-items: center
    }

    .dropdown.show .dropdown-menu {
        position: absolute;
        top: 11px;
        display: block;
        transform: translate3d(176px, 28px, 0) !important;
        right: 160px;
        min-width: 71px
    }

    .hidden-xs {
        display: none
    }

    .page-title-img img {
        width: 100%
    }

    .dataTables_wrapper {
        overflow-x: auto
    }

    .tab .nav-tabs li {
        margin-right: 0;
        margin-bottom: 5px !important
    }

    .md-dialog,
    md-dialog {
        min-width: 80%;
        max-width: 100% !important
    }

    .drop_leads {
        width: 340px;
        left: 2px
    }

    .navbar-collapse .nav-menu li {
        width: max-content;
        min-width: max-content;
        padding: 0
    }

    cibil-view-report,
    emi-pay,
    fi-report,
    moratorium-terms {
        width: 90vw;
        margin: auto
    }

    .top-navbar .nav>li:not(.user-menu) {
        min-width: 46px
    }

    .sm-d-flex.dpd {
        display: flex;
        flex-flow: initial;
        align-items: center
    }

    .dpd-count {
        flex-flow: inherit
    }

    cibil-view-report {
        height: 90vh
    }

    .form_login_fields.mrt {
        width: -webkit-fill-available !important
    }

    table#ptp thead,
    table.mobile thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    table#ptp tr,
    table.mobile tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em
    }

    table#ptp td,
    table.mobile td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right !important
    }

    table#ptp td::before,
    table.mobile td::before {
        content: attr(data-label);
        float: left;
        font-weight: 700;
        text-transform: capitalize
    }

    table#ptp td:last-child,
    table.mobile td:last-child {
        border-bottom: 0
    }

    .sm-float-right {
        float: right
    }

    .md-only {
        display: none !important
    }

    .sm-only {
        display: block !important
    }

    .d-flex.sm-only {
        display: flex !important
    }

    .sm-p-0 {
        padding: 0
    }

    .sm-m-0 {
        margin: 0 !important
    }

    .sm-remove-row {
        display: table-cell;
        margin-right: 0;
        margin-left: 0
    }

    .dpd-count :nth-child(1) {
        order: 2
    }

    .dpd-count :nth-child(2) {
        order: 0
    }

    .dpd-count :nth-child(3) {
        order: 1
    }

    .btn-payment-history {
        top: -13px;
        position: inherit;
        text-align: center;
        float: none;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .sm-flex-column {
        flex-direction: column
    }

    .radio_pillbox .d-flex div {
        width: 92%
    }

    .radio_pillbox {
        min-height: 44px;
        width: 80%;
        margin: 0 auto
    }

    .mb_pl_0 {
        padding-left: 0 !important
    }

    .link_tabs_head ul li a.nav-link {
        border-radius: 0 !important
    }

    .link_tabs_head ul {
        border-radius: 0
    }

    .nav>li>a {
        padding: 8px 7px;
        font-size: 10px !important
    }

    .nav-tabs.wizard li::after,
    .nav-tabs.wizard li>::after {
        border: 18px solid transparent !important
    }

    .aspect-stat .float-right {
        float: none !important;
        display: flex
    }

    .aspect-content {
        height: auto;
        padding: 10px 20px 10px 18px
    }

    .all-opinions.zi {
        display: flex;
        flex-wrap: wrap
    }

    .text-toggle {
        width: 200px !important
    }

    .sentiment-wrapper {
        overflow-x: auto
    }

    .box-footer:not(.not-fixed) button:not(:last-child) {
        margin-right: 0;
        margin-top: 10px
    }

    .box-footer:not(.not-fixed) {
        display: flex;
        flex-direction: column-reverse
    }
}

@media(max-width:1460px) {
    .media-queries {
        margin: -18px
    }
}

@media (max-width :1320px) {
    .media-queries {
        display: block
    }
}