@import url(https://fonts.googleapis.com/css2?family=Oxygen:wght@300&display=swap);
body {
    margin: 0;
    font-family: 'Oxygen', sans-serif, 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

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

body {
    font-family: 'Oxygen' , sans-serif, Arial, sans-serif ;
    background: #f0f9fb;
}

body,
html {
    height: 100%
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.btn:focus {
    outline: none;
    border: none;
    box-shadow: none
}

.clear {
    clear: both
}

.padlr-0 {
    padding-left: 0
}

.padlr-0,
.padr0 {
    padding-right: 0
}

.padl0 {
    padding-left: 0
}

.btn-radius {
    border-radius: 30px
}

.wid100 {
    width: 100%
}

.white-space {
    white-space: nowrap
}

a,
a img,
img {
    outline: none;
    border: none
}

a:hover {
    text-decoration: none
}

.fs-12 {
    font-size: 12px
}

.fs-13 {
    font-size: 13px
}

.fs-14 {
    font-size: 14px
}

.fs-15 {
    font-size: 15px
}

.fs-16 {
    font-size: 16px
}

.fs-17 {
    font-size: 17px
}

.fs-18 {
    font-size: 18px
}

.fs-19 {
    font-size: 19px
}

.fs-20 {
    font-size: 20px
}

.fs-22 {
    font-size: 22px
}

.fontbold {
    font-weight: 600
}

.fb500 {
    font-weight: 500
}

.minwid150 {
    min-width: 150px
}

.minwid120 {
    min-width: 120px
}

.lightblue {
    background: #f0f9fb
}

.bluebg {
    background: #00c2f2
}

.redbg {
    background: #e53935
}

.txtred {
    color: #e53935
}

.txt-white {
    color: #fff
}

.txt-color {
    color: #333
}

.txt-lightgrey {
    color: #999
}

.txt-theme-color {
    color: #32404c
}

.btn-grad {
    background-image: -webkit-gradient(linear, left top, right top, from(#12d8fa), to(#047bf8));
    background-image: -webkit-linear-gradient(left, #12d8fa, #047bf8);
    background-image: linear-gradient(90deg, #12d8fa 0, #047bf8);
    border: none;
    -webkit-transition: 2s;
    transition: 2s
}

.btn-grad:hover {
    background-position: 100%;
    background-image: -webkit-gradient(linear, left top, right top, from(#047bf8), to(#12d8fa));
    background-image: -webkit-linear-gradient(left, #047bf8, #12d8fa);
    background-image: linear-gradient(90deg, #047bf8 0, #12d8fa);
    color: #fff;
    cursor: not-allowed;
}

.bgdarkgrey svg,
.btn-grad svg {
    -webkit-appearance: none
}

.bgprimary {
    background-color: #0069d9;
    border-color: #0069d9
}

.bgsecondary {
    background-color: #5a6268;
    border-color: #5a6268
}

.bgsecondarylight {
    background-color: #999;
    border-color: #999
}

.bgsuccess {
    background-color: #42b74a;
    border-color: #42b74a
}

.bgsuccess:hover {
    background-color: #218838;
    border-color: #1e7e34;
    color: #fff
}

.bgdanger {
    background-color: #dc3545;
    border-color: #dc3545
}

.bgdanger:hover {
    background-color: #c82333;
    border-color: #bd2130;
    color: #fff
}

.bginfo {
    background-color: #3cd1eb;
    border-color: #3cd1eb
}

.bginfo:hover {
    color: #fff;
    background-color: #36c5df;
    border-color: #36c5df
}

.bgwarning {
    background-color: #f6ab35;
    border-color: #f6ab35
}

.bgwarning:hover {
    background-color: #e0a800;
    border-color: #d39e00;
    color: #fff
}

.bgdarkgrey,
.bgdarkgrey:hover {
    background: #afb9c4;
    border-color: #afb9c4
}

.btn-statusgreen {
    background: #e9feeb;
    border: 1px solid #d6e9c6;
    color: #3c763d
}

.btn-statusred {
    background: #fff2f2;
    border: 1px solid #f3d7dc;
    color: #e16563
}

.btn-statusyellow {
    background: #fcf8e3;
    border: 1px solid #faebcc;
    color: #d0a458
}

.btn-statusprimary {
    background: #e4f1ff;
    border: 1px solid #b8daff;
    color: #5799e1
}

.btn-statusperpal {
    background: #ede9fb;
    border: 1px solid #d9d1f4;
    color: #9580dd
}

.btn-status {
    display: inline-block;
    font-size: 11px;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 20px;
    min-width: 80px;
    text-align: center
}

.btn-statusgray {
    background: #f8f9fb;
    border: 1px solid #d9dee9;
    color: #8f98a2
}

.btn-statusgray:hover {
    background: #8f98a2;
    border: 1px solid #8f98a2;
    color: #fff
}

.btn-statusyellow:hover {
    background: #e8ac45;
    border: 1px solid #e8ac45;
    color: #fff
}

.btn-statusgreen:hover {
    background: #3c763d;
    border: 1px solid #3c763d;
    color: #fff
}

.btn-statusred:hover {
    background: #e55959;
    border: 1px solid #e55959;
    color: #fff
}

.btn-sm-round {
    border-radius: 20px;
    font-size: 11px!important
}

.btn-fill-grey {
    background: #afb9c4;
    border: 1px solid #afb9c4;
    color: #fff
}

.alert-danger-light {
    background: #fff2f2;
    border: 1px solid #e16563;
    color: #e16563
}

.dashtablecontent tr th {
    font-size: 13px;
    font-weight: 400;
    padding: 10px 4px!important;
    border-top: none!important;
    color: #45505b;
    font-weight: 600;
    text-align: left
}

.dashtablecontent tr td {
    font-size: 12px;
    color: #666;
    padding: 10px 4px!important;
    padding-top: 12px;
    padding-bottom: 12px;
    border-top: 1px solid #efefef;
    text-align: left
}



@media only screen and (max-width:1300px) {
    .dashtablecontent tr th {
        font-size: 12px
    }
    .dashtablecontent tr td {
        font-size: 11px
    }
}

.title-heading:after {
    content: "";
    background-color: #047bf8;
    width: 25px;
    height: 4px;
    border-radius: 0;
    display: block;
    position: absolute;
    bottom: -3px;
    left: 0
}

.title-heading {
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    padding-bottom: 1rem;
    margin-bottom: .2rem;
    margin-top: 1.5rem;
    position: relative;
    color: #2c353e;
    text-align: left
}

.page-title {
    letter-spacing: -1px;
    text-transform: uppercase
}

.shadowbox {
    box-shadow: 0 0 15px #e8e8e8;
    padding: 20px;
    border-radius: 7px;
    min-height: auto;
    margin-bottom: 20px
}

.topspace50 {
    padding-top: 45px
}

.topspace {
    height: 60px
}

.btn-heg40 {
    height: 40px
}

.btnmargintop {
    margin-top: 30px
}

.formcol label {
    color: #4b555f;
    font-size: 12px;
    font-weight: 500;
    width: 100%;
    text-align: left
}

.formcol .form-control {
    font-size: 12px;
    color: #333
}

.datepicker-formcontrol .react-datepicker-wrapper,
.datepicker-formcontrol .react-datepicker__input-container {
    width: 100%
}

.datepicker-formcontrol .react-datepicker__input-container input {
    background-color: #fff;
    border: 1px solid #ced4da;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    border-radius: .25rem;
    color: #495057;
    font-size: 12px
}

.datepicker-formcontrol .form-group .icon-cal {
    position: absolute;
    right: 25px;
    top: 40px;
    z-index: 444;
    font-size: 12px;
    color: #9f9f9f
}

.leadcountlist {
    list-style: none;
    margin: 0;
    padding: 10px 0;
    text-align: left
}

.leadcountlist li {
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 10px
}

.leadcountlist li a {
    border: 1px solid #d9dee9;
    display: inline-block;
    background: #f8f9fb;
    font-size: 12px;
    text-decoration: none;
    padding: 7px 10px;
    color: #8f98a2;
    border-radius: 4px
}

.agent-activity-list li .btn-status {
    float: right
}

.leadcountlist li a span {
    color: #fff;
    background: #c5c9d1;
    margin-left: 10px;
    border-radius: 20px;
    padding: 3px 10px
}

.btn-statusgreen,
.leadcountlist li a.green-hover {
    background: #e9feeb;
    border: 1px solid #d6e9c6;
    color: #3c763d
}

.leadcountlist li a.green-hover span {
    background: #83bc87
}

.leadcountlist li a.green-hover:hover {
    background: #83bc87;
    border: 1px solid #83bc87;
    color: #fff
}

.leadcountlist li a.green-hover:hover span {
    background: #69a36d
}

.btn-statusred,
.leadcountlist li a.red-hover {
    background: #ffeeed;
    border: 1px solid #fee2e1;
    color: #be7d7c
}

.leadcountlist li a.red-hover span {
    background: #d9908f
}

.leadcountlist li a.red-hover:hover {
    background: #d9908f;
    border: 1px solid #d9908f;
    color: #fff
}

.leadcountlist li a.red-hover:hover span {
    background: #d9908f
}

.btn-statusyellow,
.leadcountlist li a.yellow-hover {
    background: #fcf8e3;
    border: 1px solid #faebcc;
    color: #d0a458
}

.leadcountlist li a.yellow-hover span {
    background: #dcb97b
}

.leadcountlist li a.yellow-hover:hover {
    background: #dcb97b;
    border: 1px solid #dcb97b;
    color: #fff
}

.leadcountlist li a.yellow-hover:hover span {
    background: #c9a66a
}

.totalcount {
    color: #fff;
    border-radius: 30px;
    font-size: 12px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: -10px
}

.totalcount span {
    font-weight: 500;
    font-size: 18px
}

.tablelistcontent tr {
    cursor: pointer
}

.btn-exportitem {
    border: none;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 10px;
    margin-top: -8px
}

.react-datepicker-popper {
    z-index: 555!important
}

.react-datepicker__header {
    background-color: #fff!important;
    border-bottom: none!important
}

.App {
    text-align: center
}

.App-logo {
    -webkit-animation: App-logo-spin 20s linear infinite;
    animation: App-logo-spin 20s linear infinite;
    height: 40vmin;
    pointer-events: none
}

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

.App-link {
    color: #61dafb
}

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

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

.Toastify__toast-container {
    z-index: 999999!important
}

@media only screen and (max-width:767px) {
    .btnmargintop {
        margin: 10px auto 0
    }
    .totalcount {
        font-size: 11px
    }
    .totalcount span {
        font-size: 13px
    }
    .leadcountlist li {
        width: 48%
    }
    .leadcountlist li a {
        width: 100%
    }
    .leadcountlist li a span {
        width: auto;
        min-width: 20px;
        height: 20px;
        float: right;
        padding: 3px 7px 0;
        text-align: center;
        font-size: 11px;
        font-weight: 600
    }
    .totalcount {
        padding: 5px 10px
    }
    .topspace50 {
        padding-top: 30px;
        margin-bottom: .5rem!important
    }
    .title-heading {
        font-size: 15px;
        padding-bottom: .5rem
    }
    .mob-padlr0 {
        padding-left: 0;
        padding-right: 0
    }
    .dashtablecontent tr th {
        font-size: 13px
    }
    .dashtablecontent tr td {
        font-size: 12px
    }
    .shadowbox {
        box-shadow: none;
        padding: 15px 0
    }
}

@media only screen and (max-width:480px) {
    .dashtablecontent tr td button {
        font-size: 11px
    }
    .totalcount span {
        font-size: 12px;
        margin-left: 3px
    }
    .leadcountlist li a {
        padding: 7px 5px
    }
}

.LoadingModal {
    max-width: 500px
}

.LoadingModal .modal-content {
    background-color: #fff
}

.LoadingModal .txtloading {
    font-size: 17px
}

.LoadingModal .modal-txt-bold {
    font-size: 24px;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: -1px;
    padding-top: 10px;
    padding-bottom: 20px
}

.LoadingModal .loading-img {
    padding-top: 25px
}

.DashboardContainer .business-dashboard .user-info,
.DashboardContainer .card {
    text-align: left
}

@media only screen and (max-width:992px) {
    .DashboardContainer .header {
        position: fixed;
        top: 0
    }
    .DashboardContainer .leftsidebar .logo {
        display: none
    }
    .DashboardContainer .leftsidebar .walletcol {
        padding-top: 70px
    }
}

@media only screen and (max-width:767px) {
    .DashboardContainer .shadowbox {
        padding: 2px 0
    }
    .mobpadlr-0 {
        padding-left: 0;
        padding-right: 0
    }
    .topspace {
        height: 0
    }
}

@media only screen and (max-width:480px) {
    .DashboardContainer .apexcharts-toolbar .apexcharts-menu-icon,
    .DashboardContainer .apexcharts-toolbar .apexcharts-reset-zoom-icon {
        display: none
    }
}

.result-not-found {
    margin-top: 20px
}

.result-not-found .error-title {
    font-size: 30px
}

.result-not-found .error-para {
    margin-top: 10px
}

@media only screen and (max-width:480px) {
    .result-not-found {
        margin-top: 0
    }
    .result-not-found img {
        max-width: 100%;
        margin-left: -100px
    }
}

@media only screen and (max-width:767px) {
    .termconditon-modal {
        max-width: 100%;
        margin: 2rem 0 0
    }
    .scrollbarTerms {
        width: 100%!important;
        height: 450px!important
    }
    .modal-footerspace {
        height: 30px
    }
    .termconditon-modal .modal-footer-fixed {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0
    }
    .termconditon-modal .modal-title {
        font-size: 16px
    }
}

@media only screen and (max-width:480px) {
    .scrollbarTerms {
        width: 100%!important;
        height: 300px!important
    }
}

.header {
    float: left;
    z-index: 999;
    position: fixed
}

.header .logo {
    width: 180px;
    padding: 8px 0!important;
    text-align: left
}

.header .logo:hover {
    border-bottom: none!important
}

.header .navbar {
    background: #2c353e;
    padding: 0 1rem
}

.header .navbar-nav .nav-link {
    font-size: 13px;
    padding: .8rem;
    color: hsla(0, 0%, 100%, .8)
}

.header .navbar-nav .nav-link.active,
.header .navbar-nav .nav-link:hover {
    color: #fff;
    border-bottom: 4px solid #01beed
}

.header .dropdown.show .nav-link {
    color: #007bff;
    border-bottom: 2px solid #007bff
}

.header .dropdown-item {
    font-size: 12px;
    color: #4f5c68
}

.header .dropdown-item:hover {
    background: none;
    color: #007bff
}

.header .dropdown-item svg {
    margin-right: 5px
}

.header .dropdown-item.active,
.header .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.header .profile-dropdown {
    float: right;
    right: 20px;
    position: fixed;
    top: 5px
}

.header .profile-dropdown .dropdown-toggle {
    font-size: 13px;
    color: #fff;
    margin: 0;
    padding: 0
}

.header .profile-dropdown .btn-secondary.dropdown-toggle,
.header .profile-dropdown .dropdown-toggle,
.header .profile-dropdown .dropdown-toggle:focus,
.header .profile-dropdown .dropdown-toggle:hover,
.header .profile-dropdown .dropdown-toggle:visited {
    background: none;
    border: none;
    box-shadow: none
}

.header .profile-dropdown .btn-secondary.dropdown-toggle:focus,
.header .profile-dropdown .btn-secondary.focus {
    box-shadow: none!important
}

.username {
    font-weight: 600
}

.userimg {
    width: 35px;
    height: 35px;
    border-radius: 30px;
    margin-right: 10px
}

.header .profile-dropdown .label-account-type {
    position: relative;
    margin-right: 10px;
    left: auto;
    top: auto
}

.label-account-type {
    padding: 2px 10px;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
    position: absolute;
    left: -85px;
    top: 5px
}

.label-account-type:before {
    width: 0;
    height: 0;
    position: absolute;
    content: " ";
    right: -4px;
    top: 7px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent
}

.free-acc:before {
    border-left: 4px solid #359975
}

.free-acc {
    background: #359975
}

.busin-acc:before {
    border-left: 4px solid #f6ab35
}

.busin-acc {
    background: #f6ab35
}

.dropdown-profile {
    min-width: 300px;
    left: -195px
}

.dropdown-profile .userinfo {
    min-width: auto;
    display: inline-block;
    margin-left: 20px;
    line-height: 22px
}

.dropdown-profile .user-profile-img {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: top
}

.dropdown-profile .user-profile-img img {
    border-radius: 50% 50%;
    max-width: 50px;
    min-width: 40px;
    min-height: 40px;
    max-height: 40px
}

.dropdown-profile .userinfo .username {
    font-size: 13px;
    font-weight: 500;
    display: block;
    width: 100%;
    color: #333
}

.dropdown-profile .userinfo .user-email {
    font-size: 12px;
    color: #999;
    display: block;
    width: 100%
}

.dropdown-profile .btnblue {
    background: #047bf8;
    font-size: 12px;
    color: #fff;
    font-weight: 500
}

.dropdown-profile .btn-border-blue {
    border: 1px solid #047bf8;
    font-size: 12px;
    color: #047bf8;
    font-weight: 500
}

.dropdown-profile .dropdown-item.focus,
.dropdown-profile .dropdown-item:focus,
.dropdown-profile .dropdown-item:hover {
    box-shadow: none!important;
    background: #fff!important
}

.header .request-dropdown {
    right: 250px;
    position: fixed
}

.header .request-dropdown .icon-user {
    font-size: 18px;
    color: #7f7f7f;
    margin-top: 8px
}

.header .request-dropdown .dropdown-item {
    padding: 0
}

.header .request-dropdown .dropdown-item:focus,
.header .request-dropdown .dropdown-item:hover {
    background: none
}

.header .request-dropdown .dropdown-menu {
    min-width: 20rem;
    left: -220px!important
}

.header .request-dropdown .dropdown-menu:before {
    position: absolute;
    content: " ";
    width: 0;
    right: 20px;
    top: -8px;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(0, 0, 0, .2)
}

.header .request-dropdown .dropdown-menu .icon-user-img {
    width: 30px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: top
}

.header .request-dropdown .dropdown-menu .icon-user-img img {
    max-width: 30px;
    min-width: 30px;
    min-height: 30px
}

.header .request-dropdown .dropdown-menu .user-name {
    width: auto;
    display: inline-block;
    font-size: 12px;
    font-weight: 500
}

.header .request-dropdown .dropdown-menu .user-name span {
    font-weight: 400;
    font-size: 10px;
    color: #999
}

.header .request-dropdown .dropdown-menu .btn-action {
    float: right
}

.header .request-dropdown .dropdown-menu .btn-action button {
    font-size: 11px
}

.header .request-dropdown .dropdown-menu ul {
    margin: 0;
    padding: .25rem 0
}

.header .request-dropdown .dropdown-menu ul li {
    width: 100%;
    display: block;
    float: left;
    margin: 0;
    padding: .5rem 1rem;
    border-bottom: 1px solid #e7e7e7
}

.header .request-dropdown .dropdown-menu ul li.li-padlr0 {
    padding-left: 0;
    padding-right: 0;
    margin-top: 10px
}

.header .request-dropdown .dropdown-menu .btndelete {
    background-color: #f0f0f0;
    color: #333;
    border-color: #ccc
}

.header .request-dropdown .link-viewmore {
    width: 100%;
    float: left;
    position: fixed;
    border-radius: 0 0 5px 5px;
    bottom: 0;
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, .15);
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    text-align: center;
    font-weight: 500;
    z-index: 255
}

.btn-reg-account {
    top: 4px
}

.mob-user-detail,
.moblogo {
    display: none
}

.header .btn-business-user {
    font-size: 12px;
    color: #fff;
    border-radius: 30px;
    padding: 3px 15px;
    margin-right: 10px;
    margin-top: -4px
}

.header .header-wallet {
    width: auto;
    float: left;
    margin-right: 10px;
    margin-top: 4px;
    border-right: 1px solid hsla(0, 0%, 100%, .2);
    padding: 0 10px
}

.header .header-wallet .icon-wallet {
    width: 25px;
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
    margin-right: 5px
}

.header .header-wallet .walcountxt {
    width: auto;
    display: inline-block;
    line-height: 20px;
    margin-top: 4px
}

.header .header-wallet .icon-addmoney {
    width: 30px;
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
    margin-right: 5px
}

.header .header-wallet .icon-addmoney button,
.header .header-wallet .icon-wallet button {
    background: none;
    border: none;
    margin: 0;
    padding: 0
}

.header-wallet .icon-wallet button {
    margin-left: -7px!important
}

.header .header-wallet .walletbal {
    font-size: 16px;
    color: #fff
}

.header .header-wallet .txt-wallet {
    color: #9b9ca3;
    font-size: 12px
}

.header .header-wallet .txt-inr {
    margin-right: 3px;
    color: #fff;
    opacity: .6;
    top: -2px;
    position: relative;
    font-size: 12px
}

button:focus {
    outline: none
}

.header .nav-home-icon {
    font-size: 14px!important;
    color: #01beed!important
}

@media only screen and (max-width:767px) {
    body {
        background: #fff
    }
    .header {
        box-shadow: none!important;
        padding-top: 0!important;
        padding-bottom: 5px!important
    }
    .header .navbar {
        padding: .3rem 1rem;
        background: #292d5c!important
    }
    .header .navbar-toggler {
        padding: 5px;
        margin-top: -3px;
        margin-left: -10px
    }
    .header .navbar-toggler-icon {
        width: 1.3em;
        height: 1.3em;
        
    }
    .header .navbar-nav .dropdown-toggle:after {
        float: right;
        border-top: .4em solid;
        border-right: .4em solid transparent;
        border-bottom: 0;
        border-left: .4em solid transparent
    }
    .header .label-account-type,
    .mob-none {
        display: none
    }
    .moblogo {
        display: block;
        position: absolute;
        z-index: 444;
        left: 50px;
        top: 10px
    }
    .moblogo img {
        width: 120px
    }
    .btn-reg-account {
        position: relative;
        right: auto;
        top: auto;
        width: 200px;
        margin: 0 auto
    }
    .userimg {
        width: 25px;
        height: 25px;
        border-radius: 30px;
        margin-right: 5px
    }
    .header .navbar-nav {
        margin-top: 15px
    }
    .header .navbar-nav .nav-link {
        font-weight: 500;
        color: hsla(0, 0%, 100%, .8);
        border-bottom: 2px solid #2c353e;
        text-align: left;
        font-size: 14px
    }
    .header .navbar-nav .nav-link.active,
    .header .navbar-nav .nav-link:hover {
        color: #fff;
        border-bottom: 2px solid #01beed
    }
    .header .profile-dropdown {
        top: 10px
    }
    .header .profile-dropdown .dropdown-toggle {
        font-size: 11px
    }
    .header .dropdown-item {
        padding: .25rem 1rem
    }
    .mob-user-detail {
        display: block;
        position: absolute;
        right: 0
    }
    .mob-user-detail .profile-dropdown {
        z-index: 8888
    }
    .mob-user-detail .profile-dropdown .username {
        width: 90px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: "...";
        position: relative;
        top: -1px;
        text-align: left;
        margin-left: 2px
    }
    .mob-display-none {
        display: none
    }
    .mob-user-detail .header-wallet {
        padding: 0;
        margin-top: 0
    }
    .dropdown-profile .userinfo .username {
        width: 100%!important
    }
    .header .btn-business-user {
        width: 100%;
        border-radius: 5px;
        padding: 6px 10px;
        font-size: 14px
    }
    .mobile-menu-slidepane {
        margin-top: 0!important
    }
    .mobile-menu-slidepane,
    .mobile-menu-slidepane .slide-pane__header {
        background: #292d5c!important
    }
    .mobile-menu-slidepane .slide-pane__content {
        height: 100%;
        border: none!important
    }
    .mobile-menu-slidepane .navbar-nav {
        border-right: none!important
    }
    .mobile-menu-slidepane .navbar-nav .nav-link {
        color: hsla(0, 0%, 100%, .8);
        font-size: 14px;
        padding: 10px 15px
    }
    .mobile-menu-slidepane .slide-pane__close {
        right: 0;
        z-index: 100;
        background: none
    }
    .mobile-menu-slidepane .navbar-nav .nav-item,
    .mobile-menu-slidepane .navbar-nav .nav-link {
        border-right: none;
        -webkit-transition: all .5s ease;
        transition: all .5s ease
    }
    .mobile-menu-slidepane .navbar-nav .nav-link svg {
        margin-right: 10px
    }
    .mobile-menu-slidepane .mob-profile-img {
        width: 40px;
        height: 40px;
        display: inline-block;
        vertical-align: top;
        margin-left: 15px;
        margin-top: 15px
    }
    .mobile-menu-slidepane .mob-profile-img img {
        border-radius: 50% 50%;
        max-width: 40px;
        max-height: 40px;
        min-height: 40px;
        min-width: 40px
    }
    .mobile-menu-slidepane .mob-userinfo {
        color: #fff;
        width: 75%;
        display: inline-block;
        margin-left: 15px;
        margin-top: 15px
    }
    .mobile-menu-slidepane .profile-info {
        font-size: 14px;
        font-weight: 600;
        line-height: 20px
    }
    .mobile-menu-slidepane .profile-info span {
        font-size: 12px;
        opacity: .5;
        font-weight: 400
    }
    .mobile-menu-slidepane .nav-divider {
        border-bottom: 1px solid hsla(0, 0%, 100%, .2);
        padding-bottom: 15px
    }
    .mobile-menu-slidepane .dropdown-toggle:after {
        float: right
    }
    .mobile-menu-slidepane .mob-nav-wallet .icon-wallet {
        width: 40px;
        height: 40px;
        display: inline-block;
        margin-left: 15px;
        vertical-align: top;
        margin-top: 15px
    }
    .mobile-menu-slidepane .mob-nav-wallet .mob-wallet-txt {
        color: #fff;
        width: 75%;
        display: inline-block;
        font-size: 22px;
        line-height: 20px;
        margin-left: 15px;
        margin-top: 15px
    }
    .mobile-menu-slidepane .mob-nav-wallet .mob-wallet-txt span {
        font-size: 13px;
        opacity: .5
    }
    .mobile-menu-slidepane .mob-nav-wallet .mob-wallet-txt svg {
        font-size: 18px
    }
    .mobile-menu-slidepane .navbar-nav .nav-item .dropdown-menu {
        background: #212652;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        border: 1px solid hsla(0, 0%, 100%, .1);
        border-radius: 5px;
        margin: 0 15px
    }
    .mobile-menu-slidepane .navbar-nav .nav-item .dropdown-menu .dropdown-item {
        color: hsla(0, 0%, 100%, .7);
        font-size: 12px;
        padding: .25rem 1rem
    }
    .mobile-menu-slidepane .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
        background: none
    }
    .header .headernav .navbar-toggler-icon {
        
        background-size: 85% 85%
    }
}

@media only screen and (max-width:480px) {
    .moblogo {
        display: block;
        position: absolute;
        z-index: 444;
        left: 45px;
        top: 10px
    }
    .moblogo img {
        width: 110px
    }
}

.WalletSlidePanel .slide-pane__header {
    background: #2c353e;
    border: none
}

.WalletSlidePanel .slide-pane__content {
    padding: 0 15px 20px;
    position: absolute
}

.WalletSlidePanel .slide-pane__close {
    position: absolute;
    background: #2c353e;
    top: 0;
    width: 40px;
    height: 40px;
    opacity: 1;
    margin-left: -35px;
    padding: 8px 0 0 5px;
    text-align: center;
    border-radius: 5px 0 0 5px
}

.WalletSlidePanel .slide-pane__close svg {
    color: #fff;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    width: 10px
}

.WalletSlidePanel .slide-pane__content {
    width: 100%
}

.WalletSlidePanel {
    margin-top: 45px!important
}

.WalletSlidePanel .wallet-rgtsidebar {
    width: 100%;
    padding-top: 50px
}

.WalletSlidePanel .wallet-rgtsidebar .walcountxt .txt-inr {
    margin-right: 5px;
    color: #fff;
    opacity: .6;
    top: -2px;
    position: relative;
    font-size: 22px
}

.WalletSlidePanel .wallet-rgtsidebar .walcountxt .walletbal {
    font-size: 28px;
    color: #fff
}

.WalletSlidePanel .wallet-rgtsidebar .txt-wallet {
    color: #9b9ca3;
    font-size: 15px
}

.WalletSlidePanel .wallet-rgtsidebar .addmoneyimg img {
    margin-right: -15px;
    margin-top: 40px;
    max-width: 100%
}

.WalletSlidePanel .slide-pane__close {
    top: 10px
}

.offer-term span {
    font-weight: 600;
    color: #fff
}

.offer-term {
    font-size: 14px;
    color: hsla(0, 0%, 100%, .8);
    text-align: left;
    margin-top: 25px
}

.offer-term ul {
    margin: 10px 0 0 20px;
    padding: 0
}

.offer-term ul li {
    list-style: disc!important;
    padding: 5px 0
}

.offer-term svg {
    font-size: 8px;
    align-items: left
}

.payment-loader-container {
    margin: 1vh auto 0
}

.payment-loader-container .payment-loader {
    width: 100px;
    height: 100px;
    margin: 0 auto
}

.payment-loader-container .payment-loader .payment-circle {
    text-align: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 4px solid #d3d3d3
}

.payment-loader-container .payment-loader .payment-circle .payment-inner-circle {
    position: relative;
    left: -12.5%;
    top: 35%;
    width: 125%;
    height: 25%;
    background-color: #2c353e;
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite
}

.payment-loader-container .payment-loader .payment-circle h1 {
    position: relative;
    color: #a9a9a9;
    top: 7px;
    font-family: Raleway;
    -webkit-animation: pulsate 1.25s ease infinite;
    animation: pulsate 1.25s ease infinite
}

@media only screen and (max-width:1300px) {
    .WalletSlidePanel .wallet-rgtsidebar .addmoneyimg img {
        width: 300px;
        margin-top: 10px
    }
    .offer-term {
        margin-top: 0
    }
}

@media only screen and (max-width:767px) {
    .WalletSlidePanel .wallet-rgtsidebar {
        padding-top: 30px
    }
    .WalletSlidePanel .addmoneypanel {
        padding-top: 15px
    }
}

@media only screen and (max-width:480px) {
    .WalletSlidePanel .wallet-rgtsidebar .addmoneyimg img {
        width: 250px
    }
}

.footer-bottom-fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 5px #ccc;
    display: block;
    padding: 5px 0;
    z-index: 9999
}

.footer-bottom-fixed ul li {
    text-align: left;
    display: inline-block;
    margin: 0 10px 0 0;
    font-size: 13px;
    color: #666
}

.footer-bottom-fixed ul li a {
    font-size: 13px;
    color: #666;
    text-decoration: underline
}

.footer-bottom-fixed ul li a:hover {
    color: #007bff
}

.mobile-footer-space {
    width: 100%;
    display: block;
    height: 50px
}

.MobileFooter ul li a {
    font-size: 12px
}

.bg-gradient-warning {
    background: -webkit-gradient(linear, left top, right top, from(#fed380), to(#fbac3a));
    background: -webkit-linear-gradient(left, #fed380, #fbac3a);
    background: linear-gradient(90deg, #fed380, #fbac3a)
}

.bg-gradient-perpal {
    background: -webkit-gradient(linear, left top, right top, from(#bdabfd), to(#896cec));
    background: -webkit-linear-gradient(left, #bdabfd, #896cec);
    background: linear-gradient(90deg, #bdabfd, #896cec)
}

.leadsummary-card li {
    width: 18.8%;
    display: inline-block;
    border-radius: 5px;
    color: #fff;
    padding: 10px 15px;
    font-size: 13px;
    margin: 0 10px 0 0;
    opacity: .7
}

.leadsummary-card li.last {
    margin-right: 0
}

.leadsummary-card li span {
    float: right;
    font-size: 16px
}

@media only screen and (max-width:767px) {
    .leadsummary-card li {
        width: 45%;
        margin: 0 10px 10px 0
    }
}

@media only screen and (max-width:480px) {
    .leadsummary-card li {
        width: 100%;
        margin: 0 0 10px
    }
}

.logoimagespinner-container {
    width: 100%;
    background: #fff;
    height: 100vh
}

.LogoImageSpinner {
    top: 35%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto
}

.LogoImageSpinner img {
    border-radius: 5px
}

.DashboardContainer .dash-col {
    box-shadow: 0 0 5px #dcdcdc;
    background: #fff;
    border-radius: 5px;
    width: 100%;
    display: block;
    float: left;
    margin-top: 30px;
    padding: 30px 0;
    min-height: 100px
}

.DashboardContainer .dash-col .row {
    margin-right: 0;
    margin-left: 0
}

.DashboardContainer .dash-col .numbertxt {
    color: #5e5cd2;
    font-size: 28px;
    border-right: 1px solid #eee;
    font-family: arial;
    text-align: center
}

.DashboardContainer .dashcoltxt {
    color: #333
}

.APP {
    text-align: left
}

.DashboardContainer .bg-gradient-danger {
    background: -webkit-gradient(linear, left top, right top, from(#ffbf96), to(#fe7096));
    background: -webkit-linear-gradient(left, #ffbf96, #fe7096);
    background: linear-gradient(90deg, #ffbf96, #fe7096)
}

.DashboardContainer .bg-gradient-info {
    background: -webkit-gradient(linear, left top, right top, from(#90caf9), color-stop(99%, #047edf));
    background: -webkit-linear-gradient(left, #90caf9, #047edf 99%);
    background: linear-gradient(90deg, #90caf9, #047edf 99%)
}

.DashboardContainer .bg-gradient-success {
    background: -webkit-gradient(linear, left top, right top, from(#84d9d2), to(#07cdae));
    background: -webkit-linear-gradient(left, #84d9d2, #07cdae);
    background: linear-gradient(90deg, #84d9d2, #07cdae)
}

.DashboardContainer .grid-margin,
.purchase-popup {
    margin-bottom: .8rem
}

.DashboardContainer .stretch-card {
    display: flex;
    align-items: stretch;
    justify-content: stretch
}

.DashboardContainer .card.card-img-holder {
    position: relative
}

.DashboardContainer .stretch-card>.card {
    width: 100%;
    min-width: 100%
}

.DashboardContainer .card {
    border: 0
}

.DashboardContainer .card .card-body {
    padding: 1rem 2.5rem;
    flex: 1 1 auto
}

.DashboardContainer .card.card-img-holder .card-img-absolute {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%
}

.DashboardContainer .das-card-icon svg {
    float: right;
    font-size: 18px;
    margin-right: -20px
}

.DashboardContainer .dashboard-body {
    background: #f5f6fa!important
}

.DashboardContainer .business-dashboard .user-info {
    font-size: 22px;
    color: #2c353e
}

.DashboardContainer .business-dashboard .user-info span {
    font-size: 15px;
    color: #4f5c68
}

.DashboardContainer .business-dashboard .numbertxt {
    padding-top: 15px
}

.DashboardContainer .business-dashboard .dashrgtsection {
    background: #fff;
    height: 100%;
    padding: 30px
}

.DashboardContainer .business-dashboard .dashcoltxt {
    font-size: 13px
}

.DashboardContainer .business-dashboard .dash-col .countxt {
    color: #4a555f;
    font-size: 27px;
    font-weight: 500;
    border-right: 1px solid #eee;
    padding-top: 15px;
    min-height: 60px;
    text-align: center
}

.DashboardContainer .business-dashboard .dash-col .countxt .label {
    font-weight: 400;
    font-size: 12px;
    color: rgba(0, 0, 0, .4);
    letter-spacing: 1px
}

.DashboardContainer .leadchart .apexcharts-legend {
    bottom: -2px!important
}

.DashboardContainer .leadchart .apexcharts-legend-text {
    color: #888d98!important;
    font-family: 'Oxygen', sans-serif !important;
}

.DashboardContainer .business-dashboard .title-heading {
    margin-top: 15px
}

.DashboardPage {
    background: #fff;
    font-family: Roboto, sans-serif
}

.DashboardPage .toggleWrapper {
    overflow: hidden;
    top: 0;
    float: left
}

.DashboardPage .toggleWrapper input {
    position: absolute;
    left: -99em
}

.DashboardPage .toggleWrapper .toggle {
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 130px;
    height: 37px;
    background: #fff;
    border: 1px solid #007bff;
    border-radius: 5px;
    -webkit-transition: all .2s cubic-bezier(.445, .05, .55, .95);
    transition: all .2s cubic-bezier(.445, .05, .55, .95)
}

.DashboardPage .toggleWrapper .toggle:after,
.DashboardPage .toggleWrapper .toggle:before {
    position: absolute;
    line-height: 36px;
    font-size: 12px;
    font-weight: 500;
    z-index: 2;
    -webkit-transition: all .2s cubic-bezier(.445, .05, .55, .95);
    transition: all .2s cubic-bezier(.445, .05, .55, .95)
}

.DashboardPage .toggleWrapper .toggle:before {
    content: "All";
    left: 12px;
    color: #fff
}

.DashboardPage .toggleWrapper .toggle:after {
    content: "Not Bought";
    right: 12px;
    color: #007bff
}

.DashboardPage .toggleWrapper .toggle__handler {
    display: inline-block;
    position: relative;
    z-index: 1;
    background: #007bff;
    width: 37px;
    height: 29px;
    border-radius: 3px;
    top: 3px;
    left: 5px;
    -webkit-transition: all .2s cubic-bezier(.445, .05, .55, .95);
    transition: all .2s cubic-bezier(.445, .05, .55, .95);
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.DashboardPage .toggleWrapper input:checked+.toggle {
    background: #fff
}

.DashboardPage .toggleWrapper input:checked+.toggle:before {
    color: #007bff
}

.DashboardPage .toggleWrapper input:checked+.toggle:after {
    color: #fff
}

.DashboardPage .toggleWrapper input:checked+.toggle .toggle__handler {
    width: 84px;
    -webkit-transform: translateX(35px);
    transform: translateX(35px);
    border-color: #fff
}

.DashboardPage .heading1 {
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    color: #292d5c
}

.lead_summary {
    background: #fff;
    padding-top: 15px;
    min-height: 500px
}

.lead_summary_list {
    list-style: none;
    margin: 0;
    padding: 0
}

.lead_summary_list li {
    display: inline-block;
    text-align: left;
    width: 100%;
    padding: 5px;
    background: #f2f6f9;
    margin-bottom: 10px;
    border-radius: 7px;
    cursor: pointer
}

.lead_summary_list li .profile_pic {
    display: inline-block;
    width: 50px;
    vertical-align: middle
}

.lead_summary_list li .profile_pic img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 2px solid #f2f6f9
}

.lead_summary_list li .l_name {
    display: inline-block;
    min-width: 210px;
    padding-left: 10px;
    text-transform: capitalize;
    vertical-align: middle;
    max-width: 210px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.lead_summary_list li .l_name span {
    font-size: 15px;
    color: #1c1d21;
    display: block
}

.lead_summary_list li .l_name font {
    font-size: 12px;
    color: #5d5d64
}

.lead_summary_list li .l_phon {
    display: inline-block;
    min-width: 150px;
    padding-left: 20px;
    text-transform: capitalize;
    max-width: 150px;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.lead_summary_list li .l_phon span {
    font-size: 13px;
    color: #5d5d64;
    display: block;
    line-height: 24px
}

.lead_summary_list li.active .l_phon span .icon-cir,
.lead_summary_list li .l_phon span .icon-cir {
    font-size: 10px;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 100%;
    text-align: center;
    line-height: 18px;
    vertical-align: middle;
    margin-right: 5px;
    color: #4fa7ff
}

.lead_summary_list li .l_status {
    display: inline-block;
    padding-left: 25px;
    min-width: 140px;
    vertical-align: top
}

.lead_summary_list li .l_status span {
    font-size: 13px;
    color: #5d5d64;
    display: block
}

.lead_summary_list li .l_status label {
    font-weight: 400;
    background: #f8f9fb;
    border-radius: 20px;
    padding: 2px 10px;
    font-size: 11px;
    color: #8f98a2;
    border: 1px solid #d9dee9;
    margin-bottom: 0;
    margin-top: 2px
}

.lead_summary_list li .l_status label.yellow_8 {
    background: #fcf8e3;
    color: #cca35b;
    border: 1px solid #cca35b
}

.lead_summary_list li .l_status label.red_8 {
    background: #ffeeed;
    color: #be7d7c;
    border: 1px solid #f2b8b6
}

.lead_summary_list li .l_status label.green_8 {
    background: #e9feeb;
    color: #3c763d;
    border: 1px solid #d6e9c6
}

.lead_summary_list li .l_status label.grey_8 {
    background: #f8f9fb;
    color: #8f98a2;
    border: 1px solid #d9dee9
}

.lead_summary_list li .l_edate {
    display: inline-block;
    padding-left: 25px;
    vertical-align: top
}

.lead_summary_list li .l_edate span {
    font-size: 13px;
    color: #5d5d64;
    display: block
}

.lead_summary_list li .l_edate font {
    font-size: 10px;
    color: #5d5d64;
    display: block;
    margin-top: 5px
}

.lead_summary_list li.active {
    background: #204ef6
}

.lead_summary_list li.active .profile_pic img {
    border-color: #fff
}

.lead_summary_list li.active .l_name span,
.lead_summary_list li.active .l_phon span {
    color: #fff
}

.lead_summary_list li.active .l_edate font,
.lead_summary_list li.active .l_edate span,
.lead_summary_list li.active .l_name font,
.lead_summary_list li.active .l_status span {
    color: hsla(0, 0%, 100%, .7)
}

.lead_detail_outer {
    min-height: 500px;
    background: #fff;
    border: 1px dashed #ddd;
    padding: 10px 30px;
    border-radius: 5px;
    margin-top: 35px;
    text-align: left
}

.lead_profile_sec {
    width: 100%
}

.lead_profile_sec .pic_set {
    
    background-repeat: no-repeat;
    background-position: 50%;
    display: inline-block;
    width: 160px;
    text-align: center;
    vertical-align: middle
}

.lead_profile_sec .pic_set img {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border: 3px solid #3566f6
}

.name_cat {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-left: 15px;
    max-width: calc(100% - 188px)
}

.name_cat span {
    font-size: 18px;
    color: #000;
    display: block
}

.name_cat font {
    font-size: 12px;
    color: #464646;
    display: block;
    margin-top: 3px
}

.name_cat .ad_dtl {
    display: block;
    font-size: 12px;
    color: #666;
    margin-top: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.name_cat .ad_dtl i {
    font-size: 10px;
    width: 18px;
    height: 18px;
    background: #f2f2f2;
    border-radius: 100%;
    text-align: center;
    line-height: 18px;
    vertical-align: middle;
    margin-right: 5px;
    color: #4fa7ff
}

.main_tab_q {
    margin-bottom: 20px
}

.main_tab_q li .nav-link {
    color: #666;
    font-size: 12px;
    font-weight: 500;
    min-width: 120px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    text-transform: uppercase;
    cursor: pointer
}

.main_tab_q li .nav-link svg {
    margin-right: 5px
}

.main_tab_q li .nav-link.active,
.main_tab_q li .nav-link:hover {
    color: #204ef6;
    border: none;
    border-bottom: 1px solid #204ef6
}

.lead_information_tab {
    display: inline-block;
    width: 100%
}

.lead_information_tab ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.lead_information_tab ul li {
    display: inline-block;
    text-align: left;
    width: 100%;
    float: none;
    font-weight: 500;
    padding: 12px;
    font-size: 13px;
    border-radius: 4px;
    color: #313142
}

.lead_information_tab ul li span {
    display: inline-block;
    width: 150px;
    color: #9394a8
}

.lead_information_tab ul li:nth-child(2n) {
    background: #fff
}

.lead_information_tab ul li:nth-child(odd) {
    background: #f7f9fb
}

.lead_information_tab ul li label.lstatus {
    font-weight: 400;
    background: #f8f9fb;
    border-radius: 4px;
    padding: 3px 20px;
    font-size: 12px;
    color: #8f98a2;
    border: 1px solid #d9dee9;
    margin-bottom: 0;
    margin-top: 2px
}

.lead_information_tab ul li label.lstatus.yellow_8 {
    background: #fcf8e3;
    color: #cca35b;
    border: 1px solid #cca35b
}

.lead_information_tab ul li label.lstatus.red_8 {
    background: #ffeeed;
    color: #be7d7c;
    border: 1px solid #f2b8b6
}

.lead_information_tab ul li label.lstatus.green_8 {
    background: #e9feeb;
    color: #3c763d;
    border: 1px solid #d6e9c6
}

.add_note_bx {
    display: inline-block;
    width: 100%
}

.add_note_bx textarea {
    background: #fff;
    height: 100px;
    border: 1px solid #ddd;
    border-radius: 0
}

.add_note_bx .add_btn_not {
    margin-top: 10px;
    border-radius: 0;
    font-size: 11px
}

.add_note_bx .add_btn_not i {
    margin-right: 3px
}

.recent_note_s ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.recent_note_s ul li {
    display: inline-block;
    width: 100%;
    background: rgba(255, 248, 220, .52);
    padding: 10px;
    margin-bottom: 10px;
    color: #444;
    border-radius: 4px;
    font-size: 12px;
    border: 1px solid rgba(222, 184, 135, .34)
}

.recent_note_s ul li span {
    font-size: 10px;
    color: #666;
    display: block;
    padding-top: 5px;
    text-align: right
}

.lead_call_screen h3 svg {
    left: -65px
}

.lead_call_screen h4 {
    font-size: 16px
}

.call_run_screen .timer_scren .call_time span,
.call_run_screen .timer_scren .talk_time span {
    font-size: 22px
}

.lead_chat_bx .chat-history {
    padding: 30px 30px 20px;
    border-bottom: 2px solid #fff;
    overflow-y: scroll;
    height: 300px
}

.lead_chat_bx .chat-history ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.lead_chat_bx .chat-history .message-data {
    margin-bottom: 15px
}

.lead_chat_bx .chat-history .message-data-time {
    color: #a8aab1;
    padding-left: 6px;
    font-size: 11px
}

.lead_chat_bx .chat-history .message {
    color: #fff;
    padding: 18px 20px;
    line-height: 18px;
    font-size: 12px;
    border-radius: 7px;
    margin-bottom: 30px;
    width: 90%;
    position: relative
}

.lead_chat_bx .chat-history .message:after {
    bottom: 100%;
    left: 7%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 10px solid transparent;
    border-bottom-color: rgba(32, 78, 246, .73);
    margin-left: -10px
}

.lead_chat_bx .chat-history .my-message {
    background: rgba(32, 78, 246, .73)
}

.lead_chat_bx .chat-history .other-message {
    background: #86bb71
}

.lead_chat_bx .chat-history .other-message:after {
    border-bottom-color: #86bb71;
    left: 93%
}

.lead_chat_bx .chat-message {
    padding: 30px
}

.lead_chat_bx .chat-message textarea {
    width: 100%;
    border: 1px solid #ddd;
    padding: 10px 20px;
    margin-bottom: 10px;
    border-radius: 5px;
    resize: none;
    font-size: 12px
}

.lead_chat_bx .chat-message button {
    float: right
}

.me,
.offline,
.online {
    margin-right: 3px;
    font-size: 10px
}

.online {
    color: rgba(32, 78, 246, .73)
}

.offline {
    color: #e38968
}

.me {
    color: #86bb71
}

.align-right {
    text-align: right
}

.message-data-name {
    color: #606060;
    font-size: 12px
}

#search_filter .form-control {
    border-radius: 0;
    font-size: 13px
}

.rgt-sidebar-fixed .sticky {
    top: 20px!important
}

.DashboardPage .categoryselectoption .css-yk16xz-control,
.DashboardPage .categoryselectoption .e-multiselect {
    min-height: 115px;
    height: 115px;
    font-family: Roboto, sans-serif
}

.DashboardPage .categoryselectoption .e-multi-select-wrapper .e-chips>.e-chipcontent {
    font-size: 13px
}

.e-multi-select-wrapper {
    font-family: Roboto, sans-serif
}

.DashboardPage .btn-pos-rgt {
    position: absolute;
    right: 0;
    top: -10px;
    z-index: 100
}

.filter-lft .txt-total-lead {
    font-size: 12px;
    color: #666
}

.filter-lft .txt-total-lead span {
    color: #204ef6;
    font-weight: 600;
    font-size: 14px
}

.filter-col {
    display: inline-block;
    width: auto;
    font-size: 12px;
    position: relative;
    left: -60px;
    color: #666
}

.filter-col .custom-control-label:after,
.filter-col .custom-control-label:before {
    top: .1rem
}

.lead-switch-filter {
    display: inline-block
}

.lead-switch-filter span {
    font-size: 12px;
    display: inline-block;
    text-transform: uppercase;
    color: #666
}

.lead-switch-filter .txt-tabone {
    left: -45px;
    position: relative
}

.lead-switch-filter .custom-control {
    display: inline-block;
    padding-left: 0;
    margin-right: -3px
}

.lead_status_filter {
    display: inline-block
}

.lead_status_filter .status_btn {
    font-size: 12px;
    border: 1px solid rgba(35, 72, 188, .23);
    background: #ebf0ff;
    color: #2348bc;
    padding: 3px 8px
}

.lead_status_filter .status_btn i {
    font-size: 10px
}

.lead_status_filter .status_btn:focus {
    box-shadow: none
}

.lead_status_filter .lead_area_sec {
    min-width: 340px;
    padding: 20px;
    top: 10px!important;
    border: 1px solid #eee;
    border-radius: 10px;
    box-shadow: 0 0 5px -1px rgba(0, 0, 0, .15)
}

.lead_status_filter .lead_area_sec .active_lead_status {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
    padding-left: 5px
}

.lead_status_filter .lead_area_sec .active_lead_status span {
    font-size: 15px;
    color: #292d5c;
    font-weight: 400;
    margin-right: 20px
}

.lead_status_filter .lead_area_sec .active_lead_status font {
    display: inline-block;
    font-size: 14px;
    color: #666
}

.lead_status_filter .lead_area_sec .active_lead_status font svg {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #ebf0ff;
    border-radius: 50%;
    margin-right: 5px
}

.lead_status_filter .lead_area_sec .active_lead_status font.yellow_tag {
    color: #d9b13b
}

.lead_status_filter .lead_area_sec .active_lead_status font.yellow_tag i {
    background: rgba(220, 185, 123, .35)
}

.lead_status_filter .lead_area_sec .active_lead_status font.red_tag {
    color: #cc7c79
}

.lead_status_filter .lead_area_sec .active_lead_status font.red_tag i {
    background: rgba(217, 144, 143, .47)
}

.lead_status_filter .lead_area_sec .active_lead_status font.green_tag {
    color: #6fc163
}

.lead_status_filter .lead_area_sec .active_lead_status font.green_tag i {
    background: #d0eccc
}

.lead_status_filter .lead_area_sec ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.lead_status_filter .lead_area_sec .dropdown-item {
    font-size: 12px;
    display: inline-block;
    width: auto;
    padding: 5px 10px;
    color: #333;
    border-radius: 20px;
    margin: 5px
}

.lead_status_filter .lead_area_sec .dropdown-item font {
    margin-left: 5px;
    background: #fff;
    border-radius: 10px;
    padding: 3px 5px
}

.lead_status_filter .lead_area_sec .dropdown-item.yellow-hover {
    background: rgba(220, 185, 123, .35)
}

.lead_status_filter .lead_area_sec .dropdown-item.red-hover {
    background: rgba(217, 144, 143, .47)
}

.lead_status_filter .lead_area_sec .dropdown-item.green-hover {
    background: #d0eccc
}

.lead_toggle_area {
    display: inline-block;
    float: right;
    margin-top: 5px;
    font-size: 12px;
    color: #666;
    vertical-align: middle;
    text-transform: uppercase
}

.switch_toggle {
    display: inline-block;
    margin: 0 5px
}

.switch_toggle input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
    display: none
}

.switch_toggle label {
    cursor: pointer;
    text-indent: -9999px;
    width: 40px;
    height: 20px;
    background: #007bff;
    display: block;
    border-radius: 100px;
    position: relative;
    margin-bottom: 0
}

.switch_toggle label:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 5px;
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 90px;
    -webkit-transition: .3s;
    transition: .3s
}

.switch_toggle input:checked+label {
    background: #bada55
}

.switch_toggle input:checked+label:after {
    left: calc(100% - 5px);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.switch_toggle label:active:after {
    width: 20px
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #2348bc;
    border-color: #2348bc;
    box-shadow: none
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: none
}

.footer_fixed_bar {
    position: fixed;
    text-align: left;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    border-top: 1px solid #ddd;
    padding: 5px 15px;
    z-index: 99999;
    box-shadow: 0 -5px 5px -5px #ddd
}

.footer_link_btn {
    color: #292d5c;
    font-size: 12px;
    font-weight: 500
}

.footer_fixed_bar .my_agent_btn {
    background: #fff;
    border: none;
    font-size: 12px;
    padding: 0 15px 0 0;
    font-weight: 500;
    border-radius: 20px;
    box-shadow: 0 0 0 .1rem rgba(0, 123, 255, .45);
    float: right
}

.footer_fixed_bar .my_agent_btn span {
    background: #204ef6;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    margin-right: 5px
}

@media only screen and (max-width:480px) {
    .shadowbox {
        padding: 0
    }
}

.confirmationPopup {
    max-width: 450px;
    margin: 20rem auto 0
}

.confirmationPopup .modal-body {
    padding: 2rem 1rem
}

.confirmationPopup .txt-msg {
    font-size: 18px;
    color: #fff;
    opacity: .75
}

.confirmationPopup .btn {
    min-width: 80px
}

.confirmationPopup .modal-content {
    background: #2c353e
}

@media only screen and (max-width:480px) {
    .confirmationPopup {
        max-width: 100%;
        margin: 15rem .5rem .5rem
    }
}

.popup-chat-main {
    z-index: 99999
}

.lead_call_screen {
    text-align: center;
    padding-top: 25px
}

.lead_call_screen h3 {
    font-weight: 400;
    font-size: 22px;
    color: #204ef6;
    margin: 0 0 10px;
    padding: 0;
    position: relative;
    display: inline-block
}

.lead_call_screen h3 svg {
    position: absolute;
    left: -52px;
    font-size: 60px;
    color: hsla(0, 0%, 80%, .51);
    top: 0
}

.lead_call_screen h4,
.lead_call_screen h6 {
    font-weight: 300;
    font-size: 15px;
    margin: 0;
    padding: 0;
    display: block
}

.lead_call_screen h6 {
    color: #204ef6
}

.lead_call_screen .call_btn {
    margin-top: 15px;
    min-width: 100px;
    border-radius: 20px;
    font-weight: 400
}

.call_run_screen {
    margin-top: 15px
}

.call_run_screen,
.call_run_screen .timer_scren {
    display: inline-block;
    width: 100%
}

.call_run_screen .timer_scren .talk_time {
    font-size: 12px;
    color: #666;
    display: inline-block;
    margin-right: 15px
}

.call_run_screen .timer_scren .talk_time span {
    display: block;
    font-size: 20px;
    font-weight: 400;
    color: #007bff
}

.call_run_screen .timer_scren .call_time {
    font-size: 12px;
    color: #666;
    display: inline-block;
    margin-left: 15px
}

.call_run_screen .timer_scren .call_time span {
    display: block;
    font-size: 20px;
    font-weight: 400;
    color: #f6ab35
}

.call_run_screen .call_Action_Scrn {
    display: inline-block;
    width: 100%;
    margin-top: 30px
}

.call_run_screen .call_Action_Scrn button {
    margin: 5px 10px;
    border: none;
    background: none;
    font-size: 12px;
    color: #888;
    outline: none;
    padding: 15px;
    width: 100px;
    text-align: center;
    border-radius: 5px
}

.call_run_screen .call_Action_Scrn button:active,
.call_run_screen .call_Action_Scrn button:focus {
    outline: none;
    border: none
}

.call_run_screen .call_Action_Scrn button svg {
    display: block;
    width: 100%;
    font-size: 22px;
    color: #777;
    margin-bottom: 8px
}

.call_run_screen .call_Action_Scrn button.b_hangup:hover,
.call_run_screen .call_Action_Scrn button.b_hangup:hover svg {
    color: #ee8572
}

.call_run_screen .call_Action_Scrn button.b_mute:hover,
.call_run_screen .call_Action_Scrn button.b_mute:hover svg {
    color: #f6ab35
}

.call_run_screen .call_Action_Scrn button.b_hold:hover,
.call_run_screen .call_Action_Scrn button.b_hold:hover svg {
    color: #3282b8
}

.call_run_screen .call_Action_Scrn button.b_hangup.active,
.call_run_screen .call_Action_Scrn button.b_hangup.active i {
    color: #ee8572;
    background: #f2f2f2
}

.call_run_screen .call_Action_Scrn button.b_mute.active,
.call_run_screen .call_Action_Scrn button.b_mute.active svg {
    color: #f6ab35;
    background: #f2f2f2
}

.call_run_screen .call_Action_Scrn button.b_hold.active,
.call_run_screen .call_Action_Scrn button.b_hold.active svg {
    color: #3282b8;
    background: #f2f2f2
}

.chat-content .lead_call_screen .slide-pannel-spinner,
.chat-content .lead_call_screen .slide-pannel-spinner svg {
    color: #3282b8
}

.chat-content .lead_call_screen .slide-pannel-spinner {
    margin-top: 45%
}

.call-modal {
    left: 300px
}

.popup-chat-main {
    position: fixed;
    width: 270px;
    bottom: 0;
    left: 15px
}

.popup-chat-main .chat-header {
    background: #292d5c;
    padding-top: 5px;
    padding-bottom: 5px
}

.popup-chat-main .chat-content {
    background: #fff;
    min-height: 300px
}

.popup-chat-main .username i {
    font-size: 9px
}

.popup-chat-main .username h6 {
    display: inline-block;
    font-size: 12px;
    font-weight: 400
}

.popup-chat-main .options svg {
    font-size: 14px;
    opacity: .7;
    cursor: pointer
}

.popup-chat-main .chats {
    height: 260px;
    overflow-x: scroll;
    overflow-x: hidden;
    background: #fff
}

.popup-chat-main .chats ul li {
    list-style: none;
    clear: both;
    font-size: 13px
}

.popup-chat-main .chats .send-msg {
    float: right
}

.popup-chat-main .receive-msg img {
    border-radius: 100%;
    height: 30px;
    width: 12%
}

.popup-chat-main .receive-msg-img {
    display: inline
}

.popup-chat-main .receive-msg .receive-msg-desc {
    display: inline-block
}

.popup-chat-main .receive-msg .receive-msg-desc p {
    background: #c1c1c1;
    font-size: 12px;
    color: #333
}

.popup-chat-main .message-box input {
    border: none;
    font-size: 13px;
    opacity: .7;
    padding: 8px
}

.popup-chat-main .message-box input:focus {
    outline: none
}

.popup-chat-main .tools i {
    color: #a1a1a1;
    cursor: pointer;
    font-size: 20px;
    margin-right: 6px
}

.popup-chat-main .lead_call_screen {
    padding-bottom: 25px
}

.popup-chat-main .call_run_screen .call_Action_Scrn button {
    margin: 5px 10px;
    border: none;
    background: none;
    font-size: 12px;
    color: #888;
    outline: none;
    padding: 10px;
    width: 60px;
    text-align: center;
    border-radius: 5px
}

.lead-chart-border {
    width: 100%;
    margin: 0 auto
}

.lead-chart-col {
    width: 400px;
    margin: 0 auto
}

.lead-chart-col .apexcharts-legend-series {
    margin: 10px!important
}

.agent_parformance {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-top: 30px
}

.agent_parformance h3 {
    font-weight: 300
}

.agent_parformance ul {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 400px;
    overflow: auto
}

.agent_parformance ul li {
    display: inline-block;
    width: 100%;
    float: none;
    margin-top: 15px;
    margin-bottom: 5px
}

.agent_parformance ul li span {
    display: inline-block;
    text-align: left;
    width: 30%;
    font-size: 13px;
    color: #292d5c;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle
}

.agent_parformance ul li span svg {
    color: #666;
    margin-right: 5px
}

.agent_parformance ul li .range_slide_area {
    display: inline-block;
    width: 55%;
    vertical-align: middle
}

.agent_parformance ul li .totle_lead {
    display: inline-block;
    margin-left: 15px;
    font-size: 13px;
    color: #52535c;
    font-weight: 500;
    vertical-align: middle
}

.agent_parformance ul li .progress {
    margin-top: 5px;
    height: 5px;
    font-size: 10px;
    opacity: .8
}

.agent_parformance ul li:hover .progress {
    opacity: 1
}

.agent_parformance ul li .not_connected {
    background: #5c6bc0
}

.agent_parformance ul li .assigned {
    background: #42a5f5
}

.agent_parformance ul li .under_process {
    background: #ffbd69
}

.agent_parformance ul li .win {
    background: #66bb6a
}

.agent_parformance ul li .lost {
    background: #ef5350
}

.agent_list_bx {
    position: fixed;
    width: 270px;
    bottom: 34px;
    right: 0;
    background: #fff;
    height: calc(100vh - 82px);
    box-shadow: -1px 0 5px -1px #b7b7b7;
    z-index: 9999;
    border: 1px solid #ddd;
    border-top: none;
    -webkit-animation: 2s ease-in-out;
    animation: 2s ease-in-out
}

.agent_list_bx .head_sec_top {
    background: #fff;
    padding: 10px 15px;
    font-size: 13px;
    color: #555;
    font-weight: 400
}

.agent_list_bx .head_sec_top .close_lk {
    float: right;
    cursor: pointer
}

.agent_list_bx .agent_list_ul {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: calc(90vh - 70px);
    overflow-x: hidden;
    overflow-y: auto
}

.agent_list_bx .agent_list_ul li {
    display: inline-block;
    width: 100%;
    float: none;
    padding: 5px 15px;
    position: relative
}

.agent_list_bx .agent_list_ul li.chat_Active,
.agent_list_bx .agent_list_ul li:hover {
    background: #f5f5f5;
    cursor: pointer
}

.agent_list_bx .agent_list_ul li.chat_Active .agent_name_5,
.agent_list_bx .agent_list_ul li:hover .agent_name_5 {
    color: #007bff
}

.agent_list_bx .agent_list_ul li.chat_Active .agent_name_5 span,
.agent_list_bx .agent_list_ul li:hover .agent_name_5 span {
    background: #007bff;
    color: #fff
}

.agent_list_bx .agent_list_ul li .agent_name_5 {
    display: inline-block;
    cursor: pointer;
    font-weight: 500;
    font-size: 12px;
    color: #292d5c;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.agent_list_bx .agent_list_ul li .agent_name_5 span {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #eee;
    border-radius: 100%;
    line-height: 30px;
    font-size: 15px;
    text-align: center;
    margin-right: 5px;
    color: #666;
    vertical-align: middle
}

.agent_list_bx .agent_list_ul li.online .agent_name_5 span {
    background: #66bb6a;
    color: #fff
}

.agent_list_bx .agent_list_ul li.chat_Active {
    position: relative
}

.agent_list_bx .agent_list_ul li.chat_Active .active-icon {
    color: #007bff;
    font-size: 13px;
    position: absolute;
    right: 10px;
    top: 9px
}

@media only screen and (max-width:767px) {
    .slidePanel-teamlist {
        background: #3e4273!important
    }
    .slidePanel-teamlist .agent_list_bx {
        position: relative;
        width: 100%;
        background: none;
        box-shadow: none;
        right: auto;
        bottom: auto;
        border: none
    }
    .slidePanel-teamlist .agent_list_bx .agent_list_ul li {
        background: none!important
    }
    .slidePanel-teamlist .agent_list_bx .agent_list_ul li .agent_name_5 {
        color: hsla(0, 0%, 100%, .8)
    }
    .slidePanel-teamlist .agent_list_bx .head_sec_top {
        background: none;
        color: #fff;
        font-weight: 600
    }
}

.fav_category_sec {
    padding: 15px!important
}

.fav_category_sec .text_theme {
    color: #292d5c
}

.fav_category_sec .fav_cat_list {
    list-style: none;
    margin: 15px 0 0;
    padding: 0 0 0 18px;
    display: inline-block;
    width: 100%
}

.fav_category_sec .fav_cat_list li {
    float: left;
    padding: 5px
}

.fav_category_sec .fav_cat_list li font {
    font-size: 11px;
    background: #f8f8ff;
    padding: 4px 8px;
    border: 1px solid #eeeefd;
    border-radius: 20px
}

.fav_category_sec .no_fav_cat {
    font-size: 14px;
    margin-top: 10px;
    text-align: left;
    line-height: 22px;
    padding-left: 25px;
    color: #666;
    position: relative
}

.fav_cat_select_bx {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    padding-left: 25px
}

.fav_cat_select_bx textarea {
    width: 100%;
    border: 1px solid #ddd;
    height: 100px;
    padding: 10px;
    border-radius: 4px
}

.fav_cat_select_bx .btn {
    margin-top: 15px;
    font-size: 12px;
    margin-right: 10px
}

.fav_category_sec .instructions {
    margin-top: 40px
}

.fav_category_sec .instructions h6 {
    font-size: 15px
}

.fav_category_sec .instructions ul li {
    font-size: 13px;
    position: relative;
    padding: 5px 0 5px 16px
}

.fav_category_sec .instructions ul li:after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 100%;
    left: 0;
    top: 10px;
    background: #0c5460
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
    50% {
        -webkit-transform: scale(1.75);
        transform: scale(1.75)
    }
    to {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
}

@keyframes pulsate {
    0% {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
    50% {
        -webkit-transform: scale(1.75);
        transform: scale(1.75)
    }
    to {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.spi-payment-loader-container {
    margin: 1vh auto 0
}

.spi-payment-loader-container .spi-payment-loader {
    width: 100px;
    height: 100px;
    margin: 0 auto
}

.spi-payment-loader-container .spi-payment-loader .spi-payment-circle {
    text-align: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 4px solid #d3d3d3
}

.spi-payment-loader-container .spi-payment-loader .spi-payment-circle .spi-payment-inner-circle {
    position: relative;
    left: -12.5%;
    top: 35%;
    width: 125%;
    height: 25%;
    background-color: #fff;
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite
}

.spi-payment-loader-container .spi-payment-loader .spi-payment-circle h1 {
    position: relative;
    color: #a9a9a9;
    top: 7px;
    font-family: Raleway;
    -webkit-animation: pulsate 1.25s ease infinite;
    animation: pulsate 1.25s ease infinite
}

.WalletContainer .wallet_balance_view h3 svg {
    font-size: 35px
}

.f_weight_100 {
    font-weight: 100!important
}

@media only screen and (max-width:767px) {
    .mobile-search-filter .form-control {
        font-size: 13px
    }
    .walletMobile {
        margin-left: -15px;
        margin-right: -15px;
        overflow: hidden;
        margin-top: 40px;
        padding-top: 20px;
        border-radius: 0 0 7px 7px
    }
    .walletMobile .wallet_balance_view h3 {
        color: #fff;
        font-size: 30px
    }
    .walletMobile .wallet_balance_view h3 svg {
        font-size: 22px
    }
    .walletMobile .wallet_balance_view font {
        color: hsla(0, 0%, 100%, .6);
        font-size: 15px
    }
    .walletMobile hr {
        border-color: hsla(0, 0%, 100%, .1);
        margin-top: 8px;
        margin-bottom: 8px
    }
    .walletMobile .wallet_balance_view {
        margin: 0
    }
    .walletMobile .add_money_bx {
        color: hsla(0, 0%, 100%, .6)
    }
    .walletMobile .add_money_bx input {
        background: #292d5c;
        width: 160px;
        margin-right: 10px;
        border: 1px solid hsla(0, 0%, 100%, .3);
        color: #fff;
        height: 40px
    }
    @-webkit-keyframes pulsate {
        0% {
            -webkit-transform: scale(.75);
            transform: scale(.75)
        }
        50% {
            -webkit-transform: scale(1.75);
            transform: scale(1.75)
        }
        to {
            -webkit-transform: scale(.75);
            transform: scale(.75)
        }
    }
    @keyframes pulsate {
        0% {
            -webkit-transform: scale(.75);
            transform: scale(.75)
        }
        50% {
            -webkit-transform: scale(1.75);
            transform: scale(1.75)
        }
        to {
            -webkit-transform: scale(.75);
            transform: scale(.75)
        }
    }
    @-webkit-keyframes rotate {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }
    @keyframes rotate {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }
    .walletMobile .spi-payment-loader-container {
        margin: 1vh auto 0
    }
    .walletMobile .spi-payment-loader-container .spi-payment-loader {
        width: 100px;
        height: 100px;
        margin: 0 auto
    }
    .walletMobile .spi-payment-loader-container .spi-payment-loader .spi-payment-circle {
        text-align: center;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 4px solid #d3d3d3
    }
    .walletMobile .spi-payment-loader-container .spi-payment-loader .spi-payment-circle .spi-payment-inner-circle {
        position: relative;
        left: -12.5%;
        top: 35%;
        width: 125%;
        height: 25%;
        background-color: #292d5c;
        -webkit-animation: rotate 2s linear infinite;
        animation: rotate 2s linear infinite
    }
    .walletMobile .spi-payment-loader-container .spi-payment-loader .spi-payment-circle h1 {
        position: relative;
        color: #a9a9a9;
        top: 7px;
        font-family: Raleway;
        -webkit-animation: pulsate 1.25s ease infinite;
        animation: pulsate 1.25s ease infinite
    }
}

@media only screen and (max-width:480px) {
    .invite-friend-img img {
        max-width: 100%
    }
    .bg-theme {
        background: #292d5c
    }
}

.transaction_tbl tbody tr td {
    font-size: 12px;
    color: #555
}

.transaction_tbl tbody tr td.amount-text {
    color: #292d5c;
    font-size: 14px!important
}

.transaction_tbl tbody tr td.amount-text svg {
    font-size: 11px
}

.transaction_tbl tbody tr td.wall_id_1 {
    font-size: 13px;
    color: #292d5c
}

.transaction_tbl tbody tr td.wall_id_1 span {
    display: block;
    font-size: 11px;
    color: #666
}

.transaction_tbl tbody tr td.wall_id_1 span font {
    font-weight: 500;
    font-size: 12px
}

.transaction_tbl tbody tr td.tran_id_1 {
    font-size: 12px;
    color: #555
}

.transaction_tbl tbody tr td span.badge {
    font-weight: 400;
    font-size: 11px
}

.transaction_tbl tbody tr td i.fa-rupee-sign {
    font-size: 11px;
    color: #666;
    vertical-align: unset;
    margin: 0 4px 0 0
}

.wallet_balance_view {
    margin: 20px 0 35px
}

.wallet_balance_view h3 {
    margin: 0;
    padding: 0 0 2px;
    font-size: 40px;
    text-align: left;
    font-weight: 100;
    color: #292d5c
}

.wallet_balance_view h3 i {
    font-size: 35px
}

.wallet_balance_view font {
    font-size: 18px;
    color: #555;
    font-weight: 100
}

.add_money_bx {
    text-align: center;
    margin-bottom: 20px
}

.add_money_bx input {
    background: #fff;
    border: 1px solid #ddd;
    font-size: 22px;
    text-align: center;
    display: inline-block;
    width: 210px;
    height: 50px;
    border-radius: 5px
}

@media only screen and (max-width:767px) {
    .mob-card-wallet.light-success {
        background: #e6fbeb;
        border: 1px solid #c3e6cb
    }
    .mob-card-wallet.light-danger {
        background: #ffeff1;
        border: 1px solid #f5c6cb
    }
    .mob-card-wallet {
        padding: 10px 5px;
        margin: 10px 0;
        border-radius: 5px;
        color: #444
    }
    .type-title {
        text-transform: uppercase;
        font-weight: 500
    }
    .mob-card-wallet .label-b {
        font-weight: 600;
        margin-bottom: 3px;
        display: inline-block
    }
    .mob-card-wallet .txt-amount {
        font-size: 20px
    }
    .mob-card-wallet .txt-amount svg {
        font-size: 16px;
        margin-right: 3px
    }
    .mobile-search-filter {
        background: none!important;
        padding: 0!important
    }
    .mobile-search-filter .datepicker-formcontrol {
        padding-right: 0!important
    }
    .mobile-search-filter .datepicker-formcontrol .icon-cal {
        position: absolute;
        right: 10px;
        top: 40px;
        z-index: 444;
        font-size: 12px;
        color: #9f9f9f
    }
}

.mob-footer-space {
    width: 100%;
    display: block;
    height: 70px
}

.MobileFooter {
    background: #292d5c;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 99999;
    width: 100%;
    display: block
}

.MobileFooter ul li {
    width: 19.4%;
    display: inline-block;
    text-align: center;
    font-size: 13px;
    padding: 7px 0;
    cursor: pointer
}

.MobileFooter ul li,
.MobileFooter ul li a {
    color: hsla(0, 0%, 100%, .8)
}

.MobileFooter ul li button {
    background: none;
    border: none;
    color: hsla(0, 0%, 100%, .8);
    padding: 0
}

@media only screen and (max-width:767px) {
    .slidePanel-teamlist {
        height: calc(100% - 95px);
        box-shadow: none
    }
    .slidePanel-teamlist,
    .slidePanel-teamlist .slide-pane__close,
    .slidePanel-teamlist .slide-pane__header {
        background: #3e4273
    }
    .slide-pane {
        width: 80%!important;
        margin-top: 43px
    }
    .rgtsidebar {
        padding-top: 10px
    }
    .rgtsidebar .usericon {
        width: 40px
    }
    .slide-pane__content {
        padding-left: 0;
        padding-right: 0
    }
    .rgtsidebar .usericon img {
        border-radius: 50% 50%;
        max-width: 30px;
        min-width: 30px;
        min-height: 30px;
        max-height: 30px
    }
    .rgtsidebar .userprofilelist li span {
        width: 90px
    }
    .rgtsidebar,
    .slide-pane__content,
    .slide-pane__overlay.ReactModal__Overlay--after-open {
        width: 100%
    }
}

.MyAccount .form_field label {
    font-size: 14px;
    color: #444
}

.MyAccount .form_field .custom-file-label,
.MyAccount .form_field .form-control {
    border-radius: 0;
    font-size: 13px;
    border-color: #ddd
}

.MyAccount .form_field .custom-select {
    font-size: 13px
}

.MyAccount .form_field .image_prview {
    display: inline-block;
    width: 100%;
    margin-top: 10px
}

.MyAccount .form_field .image_prview img {
    width: 80px
}

.reset_pass_Modal {
    max-width: 750px
}

.reset_pass_Modal .modal-content {
    border-radius: 0
}

.reset_pass_Modal .modal-header h5 {
    font-weight: 400;
    color: #292d5c
}

.reset_pass_Modal .add_mob_row {
    margin-bottom: 20px
}

.reset_pass_Modal .add_mob_row label {
    color: #807979;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px
}

.reset_pass_Modal .add_mob_row .form-control {
    border-radius: 0;
    font-size: 12px;
    width: 100%;
    height: 40px
}

@media only screen and (max-width:767px) {
    .reset_pass_Modal {
        max-width: 100%
    }
    .reset_pass_Modal .reset-mod-img {
        display: none
    }
    .MyAccount h3 {
        font-size: 18px;
        margin-top: 15px!important;
        margin-bottom: 15px!important
    }
    .reset_pass_Modal .modal-header h5 {
        font-size: 14px
    }
    .reset_pass_Modal .add_mob_row label {
        font-size: 13px
    }
    .reset_pass_Modal .modal-footer button {
        font-size: 12px!important
    }
}

.body {
    background: #fff!important
}

.text_theme {
    color: #292d5c
}

.BusinessContainer {
    background: #fff;
    font-family: Roboto, sans-serif
}

.BusinessContainer .btn-pos-rgt {
    position: absolute;
    right: 0;
    top: -10px;
    z-index: 100
}

.BusinessContainer .invite-agent .txt-para {
    line-height: 25px;
    font-size: 18px;
    font-weight: 300;
    color: #666
}

.search_filter {
    background: #e9f3ff;
    padding: 5px 15px 15px;
    margin-top: 10px;
    position: relative;
    border-radius: 5px
}

.search_filter .form-control {
    border-radius: 0;
    font-size: 13px;
    border-bottom: 1px solid #ddd
}

.company_card .card-title {
    font-size: 16px;
    font-weight: 400;
    color: #292d5c
}

.company_card .card-subtitle {
    font-size: 12px;
    margin: 5px 0 15px;
    color: #666;
    font-weight: 400
}

.company_card .cmpny_adrs {
    font-size: 13px;
    text-align: left;
    line-height: 20px;
    margin-bottom: 15px;
    position: relative;
    color: #444
}

.company_card .cmpny_adrs i {
    position: absolute;
    left: 0;
    top: 4px
}

.company_card .cpmny_actn_fld {
    display: inline-block;
    width: 100%
}

.company_card .cpmny_actn_fld .btn {
    padding: 2px 10px
}

.company_card .cpmny_actn_fld .cmpny_type {
    display: inline-block;
    float: right;
    background: #eee;
    padding: 4px 12px;
    border-radius: 20px
}

.company_card.added .card-body {
    background: rgba(25, 221, 37, .17)
}

.company_card.pending .card-body {
    background: #faebd7
}

.company_card.added .cpmny_actn_fld .cmpny_type {
    background: #fff;
    color: #008b8b
}

.company_card.pending .cpmny_actn_fld .cmpny_type {
    background: #fff;
    color: brown
}

.add_alias_btn {
    color: #004085;
    background-color: #b8daff;
    border: none;
    border-radius: 5px;
    margin-left: 15px;
    font-size: 11px
}

.company_profile_pg {
    display: inline-block;
    width: 100%
}

.company_profile_pg .form_field label {
    font-size: 14px;
    color: #444
}

.company_profile_pg .form_field {
    padding-left: 15px
}

.company_profile_pg .form_field .custom-file-label,
.company_profile_pg .form_field .form-control {
    border-radius: 0;
    font-size: 13px;
    border-color: #ddd
}

.company_profile_pg .form_field .image_prview {
    display: inline-block;
    width: 100%;
    margin-top: 10px
}

.company_profile_pg .form_field .image_prview img {
    width: 80px
}

.cmpny_wrkng_time {
    display: inline-block;
    width: 100%;
    margin-top: 20px
}

.cmpny_wrkng_time .form-group {
    padding-left: 15px
}

.cmpny_wrkng_time .week_day {
    font-size: 14px;
    color: #444
}

.cmpny_wrkng_time .week_day i {
    color: #666;
    font-size: 12px;
    margin-right: 5px
}

.cmpny_wrkng_time .bsns_time span {
    font-size: 12px;
    color: #666
}

.cmpny_wrkng_time .bsns_time i {
    color: #3890ee;
    margin: 0 5px
}

.cmpny_wrkng_time .bsns_time .b_time_picker {
    width: 150px;
    padding: 3px 7px;
    border: 1px solid #ddd
}

.cmpny_wrkng_time .time_type_1 .custom-control-label {
    padding-top: 3px;
    color: #666
}

.cmpn_pymnt_optn {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px
}

.cmpn_pymnt_optn ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.cmpn_pymnt_optn ul li {
    display: inline-block;
    width: auto;
    padding-left: 15px;
    width: 18%
}

.cmpn_pymnt_optn ul li .custom-control-label {
    padding-top: 3px;
    font-size: 13px;
    color: #444
}

.cmpn_pymnt_optn ul li i {
    margin-right: 4px
}

.b_next_btn .btn {
    font-size: 14px;
    border-radius: 20px;
    width: 100px
}

@media only screen and (max-width:767px) {
    .BusinessContainer .m-padt-0 {
        padding-top: 0!important
    }
    .BusinessContainer .filter-rgt {
        text-align: left!important;
        margin-left: 0
    }
    .BusinessContainer .btn-pos-rgt {
        top: -65px!important;
        right: 8px!important
    }
    .BusinessContainer .filter-rgt .lead-switch-filter {
        margin-left: 50px
    }
}

.agent_list_table thead th {
    font-weight: 500;
    color: #6d7680!important;
    font-size: 13px;
    background: rgba(233, 236, 239, .21)!important;
    border-bottom: 1px solid rgba(222, 226, 230, .44)!important;
    border-top: 1px solid rgba(222, 226, 230, .44)!important
}

.agent_list_table tbody tr td {
    vertical-align: middle;
    font-size: 13px;
    border-color: rgba(222, 226, 230, .43)
}

.agent_list_table tbody tr:hover {
    background: #f0f8ff
}

.agent_list_table tbody tr td:first-child {
    font-size: 18px;
    color: #999
}

.agent_profile_col {
    min-width: 220px
}

.agent_profile_col .agent_pic {
    display: inline-block;
    width: 40px;
    vertical-align: middle
}

.agent_profile_col .agent_pic img {
    width: 35px;
    height: 35px;
    border-radius: 50px;
    border: 2px solid #e9ecef
}

.agnt_prfle {
    display: inline-block;
    vertical-align: middle
}

.agnt_prfle span {
    font-size: 13px;
    display: block;
    font-weight: 500;
    color: #292d5c
}

.agnt_prfle .mob_no_89 {
    display: block;
    font-size: 11px;
    color: #5d5d64;
    padding-top: 2px
}

.agnt_prfle .mob_no_89 font,
.mob-card-agentlist .mob_no_89 font,
.mob-card-business .mob_no_89 font {
    font-size: 10px;
    width: 18px;
    height: 18px;
    background: #f2f2f2;
    border-radius: 100%;
    text-align: center;
    line-height: 18px;
    vertical-align: middle;
    margin-right: 2px;
    color: #27d3a2!important;
    display: inline-block
}

.agent_list_table tbody tr td.action_btn_89 .btn {
    color: #999;
    font-size: 14px
}

.agent_list_table tbody tr td.action_btn_89 .btn:focus {
    box-shadow: none;
    color: #666
}

.agent_list_table tbody tr td.action_btn_89 .btn:hover {
    color: #292d5c
}

.invite-list-table .agnt_prfle .mob_no_89 {
    font-size: 15px!important
}

.assigned_89,
.lost_89,
.not_connected_89,
.under_process_89,
.win_89 {
    font-weight: 500;
    font-size: 13px
}

.assigned_89 {
    color: #42a5f5
}

.under_process_89 {
    color: #ffbd69
}

.not_connected_89 {
    color: #5c6bc0
}

.win_89 {
    color: #66bb6a
}

.lost_89 {
    color: #ef5350
}

@media only screen and (max-width:767px) {
    .mob-card-business .mob_no_89 {
        display: block;
        font-size: 12px;
        color: #5d5d64;
        padding-top: 2px
    }
    .mob-card-business li .mob-icon-rgt {
        position: absolute;
        right: 25px;
        margin-top: 5px
    }
    .mob-card-business li .mob-icon-rgt .btn {
        padding: 0;
        font-size: 14px;
        color: #292d5c;
        margin: 0 0 0 10px
    }
    .status-filter {
        margin-top: 15px
    }
    .status-filter button {
        font-size: 12px;
        margin: 3px 5px;
        min-width: 46.5%;
        height: 30px;
        text-align: left;
        border-radius: 25px;
        position: relative
    }
    .status-filter button font {
        margin-left: 5px;
        background: #fff;
        position: absolute;
        right: 10px;
        top: 2px;
        border-radius: 10px;
        padding: 3px 5px;
        float: right
    }
    .status-filter .status-yellow {
        background: rgba(220, 185, 123, .35)
    }
    .status-filter .status-red {
        background: rgba(217, 144, 143, .47)
    }
    .status-filter .status-green {
        background: #d0eccc
    }
    .status-filter .status-perpal {
        background: #ced5fb
    }
    .status-filter .status-blue {
        background: #cae6fd
    }
    .mob-card-agentlist {
        padding: 10px 5px;
        margin: 10px 0;
        border-radius: 5px;
        box-shadow: 0 0 5px #ccc;
        color: #444
    }
    .mob-card-agentlist .type-title {
        text-transform: uppercase;
        font-weight: 500
    }
    .mob-card-agentlist .label-b {
        font-weight: 600;
        margin-bottom: 3px;
        display: inline-block
    }
    .mob-card-agentlist .txt-amount {
        font-size: 20px
    }
    .mob-card-agentlist .txt-amount svg {
        font-size: 16px;
        margin-right: 3px
    }
    .mob-card-agentlist .mob_no_89 {
        display: block;
        font-weight: 500;
        color: #333;
        padding-top: 2px
    }
    .mob-card-agentlist .badge {
        font-weight: 500;
        font-size: 12px
    }
}

.invite_frnd_mdl {
    max-width: 800px
}

.invite_frnd_mdl .modal-header h5 {
    font-weight: 400;
    color: #292d5c;
    width: 100%
}

.invite_frnd_mdl .add_mob_row label {
    color: #444
}

.invite_frnd_mdl .add_mob_row input {
    border-radius: 0;
    font-size: 12px;
    width: 85%
}

.invite_frnd_mdl .add_mob_row .btn {
    width: 30px;
    border-radius: 0
}

.invite_frnd_mdl .instruction {
    background: #fff3cd;
    width: 85%;
    padding: 10px
}

.invite_frnd_mdl .instruction ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.invite_frnd_mdl .instruction ul li {
    display: inline-block;
    width: 100%;
    font-size: 11px;
    color: #444;
    position: relative;
    padding-left: 10px;
    font-family: Roboto, sans-serif
}

.invite_frnd_mdl .instruction ul li:after {
    position: absolute;
    left: 0;
    top: 5px;
    width: 5px;
    height: 5px;
    content: "";
    background: #d0b767;
    border-radius: 20px
}

@media only screen and (max-width:767px) {
    .invite-agent {
        margin-top: 15px
    }
    .invite-friend-img img {
        max-width: 100%
    }
    .invite_frnd_mdl .instruction {
        width: 100%!important
    }
    .invite_frnd_mdl .modal-header h5 {
        font-size: 17px
    }
    .m-d-none {
        display: none
    }
}

.MyCompanies .categoryselectoption .css-yk16xz-control {
    min-height: 120px;
    height: 120px
}

.MyCompanies .css-1uccc91-singleValue {
    font-size: 13px;
    color: #333
}

.css-12jo7m5 {
    font-size: 12px!important;
    color: #8b8b8b!important
}

.css-2613qy-menu,
.select_menu {
    font-size: 12px
}

.td-wid200 {
    width: 230px
}

.SearchCompanies .css-1uccc91-singleValue {
    font-size: 13px;
    color: #333
}

.SearchCompanies .css-12jo7m5 {
    font-size: 12px!important;
    color: #8b8b8b!important
}

.css-2613qy-menu,
.SearchCompanies .select_menu {
    font-size: 12px
}

.tdwid15 {
    width: 18%
}

.custom-dark-input,
.Sidebar-customSelect .custom-select {
    background-color: #262f37;
    border: 1px solid #262f37;
    color: #b1b4bb;
    font-size: 13px
}

.Loader,
.Loader:after,
.Loader:before {
    border-radius: 50%
}

.Loader {
    color: #20346e;
    font-size: 11px;
    text-indent: -99999em;
    margin: 180px auto;
    position: relative;
    width: 10em;
    height: 10em;
    box-shadow: inset 0 0 0 1em;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.Loader:after,
.Loader:before {
    position: absolute;
    content: ""
}

.Loader:before {
    border-radius: 10.2em 0 0 10.2em;
    left: -.1em;
    -webkit-transform-origin: 5.2em 5.1em;
    transform-origin: 5.2em 5.1em;
    -webkit-animation: load2 2s ease 1.5s infinite;
    animation: load2 2s ease 1.5s infinite
}

.Loader:after,
.Loader:before {
    width: 5.2em;
    height: 10.2em;
    background: #fff;
    top: -.1em
}

.Loader:after {
    border-radius: 0 10.2em 10.2em 0;
    left: 5.1em;
    -webkit-transform-origin: 0 5.1em;
    transform-origin: 0 5.1em;
    -webkit-animation: load2 2s ease infinite;
    animation: load2 2s ease infinite
}

@-webkit-keyframes load2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes load2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.termconditon-modal {
    max-width: 900px;
    margin: 8rem auto
}

.termconditon-modal .modal-body {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0
}

.termconditon-modal .modal-header {
    border-bottom: none;
    padding-bottom: 0
}

.termconditon-modal .terms-content {
    margin: 0;
    padding: .25rem 1rem
}

.termconditon-modal .terms-content p {
    width: 100%;
    display: block;
    float: left;
    margin: 0 0 15px;
    text-align: justify;
    font-size: 12px;
    color: #666;
    line-height: 20px
}

.termconditon-modal .terms-content ul li {
    list-style: disc!important;
    margin-left: 15px;
    padding: 5px 0
}

.termconditon-modal .terms-content .heading-bold {
    font-size: 14px;
    font-weight: 600;
    color: #333
}

.termconditon-modal .terms-checkbox {
    font-size: 13px;
    color: #666
}

.termconditon-modal .terms-checkbox .custom-control-label:after,
.termconditon-modal .terms-checkbox .custom-control-label:before {
    top: 0
}

.modal-footerspace {
    width: 100%;
    position: relative;
    height: 100px
}

.terms-error-msg {
    color: #c00;
    font-size: 12px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 20px
}

.modal-footer-fixed {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #fff;
    padding-top: 15px
}

.modal-footer-txt p {
    margin-bottom: 0;
    font-size: 15px;
    color: #333;
    font-weight: 500
}

.scrollbarTerms {
    width: 100%!important;
    height: 250px!important
}

@media only screen and (max-width:767px) {
    .termconditon-modal {
        max-width: 100%;
        margin: 2rem 0 0
    }
    .scrollbarTerms {
        width: 100%!important;
        height: 250px!important
    }
    .modal-footerspace {
        height: 30px
    }
    .termconditon-modal .modal-footer-fixed {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0
    }
    .termconditon-modal .modal-title {
        font-size: 16px
    }
}

@media only screen and (max-width:480px) {
    .modal-footer-txt p {
        font-size: 13px
    }
    .modal-footer-txt p br {
        display: none
    }
    .scrollbarTerms {
        width: 100%!important;
        height: 250px!important
    }
}

.walletbalance .categoryselectoption .css-yk16xz-control {
    min-height: 120px;
    height: 120px
}

.walletbalance .css-1uccc91-singleValue {
    font-size: 13px;
    color: #333
}

.walletbalance .css-12jo7m5 {
    font-size: 12px!important;
    color: #8b8b8b!important
}

.css-1wa3eu0-placeholder,
.css-2613qy-menu,
.css-2613qy-menu .drop-down-menu,
.css-2613qy-menu input,
.walletbalance .css-2613qy-menu ul li,
.walletbalance .select_menu {
    font-size: 12px
}

.walletbalance .btnsm {
    padding-top: 3px;
    padding-bottom: 3px
}

.wallet-heading {
    padding-left: 15px
}

.wallet-heading h6 {
    font-size: 18px;
    padding-top: 15px
}

.wallet-datepicker-col {
    position: absolute;
    right: 0
}

.wallet-topdiv {
    position: relative;
    height: 80px
}

.walletbalance .wallet-tab-panel {
    margin-bottom: 20px
}

.walletbalance .wallet-tab-panel .nav-link {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    cursor: pointer
}

.walletbalance .wallet-tab-panel .nav-link.active {
    color: #047bf8
}

.walletbalance .customselect-formcol .custom-select {
    font-size: 12px
}

.walletbalance .formcol .btn-verified {
    font-size: 10px;
    color: #fff;
    position: absolute;
    right: 20px;
    top: 35px;
    padding: 3px 10px
}

.walletbalance .formcol .btnedit {
    background: none;
    border: none;
    color: #666;
    position: absolute;
    right: 100px;
    top: 38px;
    font-size: 13px;
    padding: 0;
    color: #047bf8
}

.referralcontent {
    text-align: center
}

.referralcontent h3 {
    color: #333;
    font-size: 16px;
    font-weight: 600
}

.referralcontent h4 {
    font-size: 15px
}

.referralcontent h4 span {
    color: #047bf8;
    font-size: 20px
}

.referralcontent p {
    font-size: 13px;
    color: #505050;
    line-height: 24px
}

.referralcontent .referral-img {
    min-height: 170px
}

.referralcontent .shareicons {
    margin-top: 15px
}

.referralcontent .shareicons li {
    display: inline-block;
    list-style: none
}

.referralcontent .shareicons a {
    width: 50px;
    height: 50px;
    vertical-align: top;
    cursor: pointer;
    padding-top: 14px;
    margin: 0 5px;
    display: inline-block;
    box-shadow: 0 0 7px #e5e5e5;
    text-align: center;
    font-size: 15px;
    border-radius: 50% 50%
}

.referralcontent .shareicons a i {
    font-size: 23px
}

.btn-border {
    border: 1px solid #5668da;
    color: #5668da;
    padding: 7px 20px;
    font-size: 12px;
    margin-top: 20px
}

.btn-border:hover {
    color: #fff;
    background: #5668da
}

@media only screen and (max-width:992px) {
    .walletbalance .header {
        position: fixed;
        top: 0
    }
    .walletbalance .leftsidebar .logo {
        display: none
    }
    .walletbalance .leftsidebar .walletcol {
        padding-top: 70px
    }
}

@media only screen and (max-width:767px) {
    .walletbalance .header {
        position: fixed;
        top: 0
    }
    .walletbalance .leftsidebar .logo {
        display: none
    }
    .walletbalance .leftsidebar .walletcol {
        padding-top: 70px
    }
    .wallet-heading h6 {
        font-size: 14px;
        padding-top: 0
    }
    .wallet-topdiv {
        height: auto
    }
    .wallet-datepicker-col {
        position: relative
    }
    .mob-txtcenter {
        text-align: center;
        width: 100%
    }
    .addmoneypanel h3,
    .userprofile .username {
        font-size: 15px
    }
    .leftsidebar .walletbal {
        font-size: 20px
    }
    .leftsidebar .txt-wallet {
        font-size: 13px
    }
    .addmoneypanel {
        padding-top: 15px
    }
    .mob-mr-0 {
        margin-left: 0;
        margin-right: 0
    }
    .walletbalance .tab-content {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (max-width:480px) {
    .walletbalance .wallet-tab-panel .nav-link {
        font-size: 13px
    }
}

.leftsidebar .logo {
    padding-top: 15px
}

.leftsidebar {
    min-height: 100vh;
    background: #2c353e;
    border-radius: 0 0 0 0
}

.leftsidebar .walletcol {
    border-bottom: 1px solid #404d5a;
    padding: 30px 0
}

.leftsidebar .walletbal {
    font-size: 28px;
    color: #fff
}

.leftsidebar .txt-wallet {
    color: #9b9ca3;
    font-size: 15px
}

.leftsidebar .txt-inr {
    margin-right: 5px;
    color: #fff;
    opacity: .6;
    top: -2px;
    position: relative
}

.leftsidebar .dash-titletxt {
    font-size: 15px;
    color: #ccc;
    padding: 0 0 20px
}

.addmoneypanel {
    padding-top: 40px;
    text-align: center
}

.addmoneypanel h3 {
    font-size: 18px;
    letter-spacing: -1px;
    text-transform: uppercase;
    color: hsla(0, 0%, 100%, .5);
    padding: 0 0 15px
}

.addmoneypanel .form-control {
    background: #38424d;
    border-color: #38424d;
    padding: 15px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    height: 50px;
    margin-bottom: 15px
}

.addmoneypanel .form-control::-webkit-input-placeholder {
    font-size: 14px
}

.addmoneypanel .form-control::-moz-placeholder {
    font-size: 14px
}

.addmoneypanel .form-control:-ms-input-placeholder {
    font-size: 14px
}

.addmoneypanel .form-control::-ms-input-placeholder {
    font-size: 14px
}

.addmoneypanel .form-control::placeholder {
    font-size: 14px
}

.addmoneypanel .text-promo {
    font-size: 12px;
    color: #12d8fa
}

.userprofile {
    border-bottom: 1px solid #404d5a;
    padding: 30px 0;
    color: #fff;
    font-weight: 400;
    position: relative
}

.userprofile,
.userprofile .profileimg {
    text-align: center
}

.userprofile .profileimg img {
    max-width: 240px
}

.userprofile .username {
    font-weight: 400;
    font-size: 18px;
    margin-top: 10px
}

.userprofile .username span {
    font-size: 12px;
    color: #9b9ca3
}

.userprofile .iconimageedit {
    position: absolute;
    background: none;
    border: none;
    right: 0
}

.userprofile .iconphone {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg)
}

@media only screen and (max-width:1300px) {
    .userprofile .profileimg img {
        max-width: 100%
    }
}

@media only screen and (max-width:767px) {
    .leftsidebar .userprofile {
        padding-top: 50px
    }
    .leftsidebar .logo {
        display: none
    }
    .leftsidebar .walletcol,
    .userprofile {
        padding: 10px 0
    }
    .leftsidebar .walletcol .row {
        margin-left: 0;
        margin-right: 0
    }
    .leftsidebar .txt-inr {
        font-size: 13px
    }
}

.button-action button {
    font-size: 12px
}

.button-action .btndelete {
    background-color: #f0f0f0;
    color: #333;
    border-color: #ccc
}

.invitebuisness {
    padding: 30px 20px;
    margin-top: 40px;
    box-shadow: 0 0 15px #ccc;
    background-color: #fff
}

.invitebuisness h1 {
    color: red
}

.invitebuisness .instructions {
    margin-top: 40px
}

.invitebuisness .instructions h2 {
    font-size: 15px
}

.invitebuisness .btn-grad {
    padding: 7px 35px
}

.invitebuisness .formcol label {
    font-size: 13px
}

.invitebuisness ul li {
    font-size: 13px;
    position: relative;
    padding: 5px 0 5px 16px;
    text-align: left
}

.invitebuisness .form-control {
    color: #333
}

.invitebuisness ul li:after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 100%;
    left: 0;
    top: 7px;
    background: #8a6d3b
}

.invitebuisness .invite-friend-txt h3 {
    font-size: 18px;
    color: #333
}

.invitebuisness .invite-friend-txt p {
    font-size: 13px;
    color: #999
}

.invitedetails {
    background-color: #fff;
    padding: 10px 30px
}

.search {
    margin-top: 20px;
    float: right;
    border: none;
    font-size: 12px;
    padding: 5px 20px
}

.search,
.search:hover {
    background-color: #5cb85c
}

.invitedetails .lead_counter {
    display: inline-block;
    width: auto;
    background: #afb9c4;
    color: #fff;
    border-radius: 5px;
    padding: 3px 6px;
    font-size: 11px
}

.invitedetails .remove_agent {
    background: #faeded;
    border: 1px solid #f5b1bd;
    color: #db5b54
}

.invitedetails .remove_agent:hover {
    color: #fff;
    background: #db5b54;
    border: 1px solid #db5b54
}

.invitedetails .btn-allow {
    background: #e9feeb;
    border: 1px solid #c2d7b1;
    color: #3c763d;
    min-width: 86px
}

.invitedetails .btn-allow:hover {
    background: #449d44!important;
    border: 1px solid #449d44;
    color: #fff!important
}

.listlead {
    background-color: #fff;
    padding: 10px 30px
}

.listlead .btn-sm-grey {
    background: #f0f0f0;
    margin: 0 2px;
    border: 1px solid #ccc;
    color: #999;
    min-width: 86px;
    font-size: 11px
}

.btn-sm-grey:hover {
    background: #999;
    border: 1px solid #999;
    color: #fff!important
}

.listlead .remove_agent {
    background: #faeded;
    margin: 0 2px;
    border: 1px solid #f5b1bd;
    color: #db5b54
}

.listlead .remove_agent:hover {
    color: #fff;
    background: #db5b54;
    border: 1px solid #db5b54
}

.listlead .btn-allow {
    background: #e9feeb;
    margin: 0 2px;
    border: 1px solid #c2d7b1;
    color: #3c763d;
    min-width: 86px
}

.listlead .btn-allow:hover {
    background: #449d44!important;
    border: 1px solid #449d44;
    color: #fff!important
}

.modal-searchfilter {
    max-width: 800px;
    margin: 200px auto 0
}

.modal-searchfilter .search-custom-Select .custom-select {
    font-size: 12px;
    color: #666
}

.userProfile_Icon1 {
    max-width: 35px;
    max-height: 35px;
    min-height: 35px;
    min-width: 35px;
    border-radius: 50% 50%
}

.businessprofile {
    margin-top: 50px
}

.businessprofile .title-heading {
    margin-top: 0
}

.businessprofile .form-group label {
    font-size: 12px;
    color: #4b555f;
    font-weight: 500;
    text-align: left;
    width: 100%
}

.alert-invalid span {
    font-weight: 600
}

.btn-cross {
    width: 34px;
    height: 34px;
    padding: 0;
    text-align: center
}

.circle-count {
    width: 25px;
    height: 25px;
    border-radius: 50% 50%;
    display: inline-block;
    text-align: center;
    padding-top: 3px;
    font-weight: 500
}

.mobile-span {
    font-weight: 400;
    font-size: 11px;
    color: #999
}

@media only screen and (max-width:767px) {
    .invitebuisness {
        box-shadow: none;
        margin-top: 0;
        padding: 15px
    }
    .invitebuisness ul li {
        font-size: 12px
    }
    .userProfile_Icon1 {
        max-width: 20px;
        max-height: 20px;
        min-height: 20px;
        min-width: 20px;
        border-radius: 50% 50%
    }
    .modal-searchfilter {
        margin: 50px auto 0
    }
    .mob-textcenter {
        text-align: center!important
    }
    .listlead {
        padding: 10px 0 10px 15px
    }
}

.searchenquiries .categoryselectoption .e-multiselect {
    min-height: 120px;
    font-family: 'Oxygen', sans-serif;
}

.searchenquiries .categoryselectoption .e-multi-select-wrapper .e-chips>.e-chipcontent {
    font-size: 13px
}

.searchenquiries .css-1uccc91-singleValue {
    font-size: 13px;
    color: #333
}

.searchenquiries .css-12jo7m5 {
    font-size: 12px!important;
    color: #8b8b8b!important
}

.css-1wa3eu0-placeholder,
.css-2613qy-menu,
.css-2613qy-menu .drop-down-menu,
.css-2613qy-menu input,
.css-2613qy-menu ul li,
.searchenquiries .select_menu {
    font-size: 12px
}

.btnsm {
    padding-top: 3px;
    padding-bottom: 3px
}

.tablelistcontent .timecol {
    display: inline-block;
    width: auto;
    background: #afb9c4;
    color: #fff;
    border-radius: 5px;
    padding: 3px 6px;
    font-size: 10px;
    margin-bottom: 5px
}

.call-btn svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.minwid180 {
    min-width: 180px
}

.count-circle {
    width: 21px;
    height: 21px;
    font-size: 12px;
    padding-top: 2px;
    background: #047bf8;
    border-radius: 50% 50%;
    font-weight: 400;
    display: inline-block;
    text-align: center;
    color: #fff;
    margin-left: 5px
}

.count-circle:hover .popup-content {
    display: block
}

.popup-content {
    width: auto;
    min-width: 200px;
    color: #45505b;
    font-size: 14px;
    display: none;
    position: absolute;
    left: 0;
    text-align: center;
    margin-top: 10px;
    z-index: 50;
    background: #fff;
    font-weight: 400;
    box-shadow: 0 0 7px #ccc;
    padding: 15px;
    border-radius: 5px
}

.popup-content .popup-title span {
    font-weight: 600;
    font-size: 15px;
    color: #047bf8
}

.popup-content .arrow-up {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #e5e5e5;
    position: absolute;
    top: -9px;
    left: 45px;
    right: 0;
    margin: 0 auto
}

.searchenquiries .datepicker-formcontrol .form-group .icon-cal {
    right: 15px
}

.searchenquiries .toggleWrapper {
    position: absolute;
    right: 15px;
    overflow: hidden;
    top: 0
}

.searchenquiries .toggleWrapper input {
    position: absolute;
    left: -99em
}

.searchenquiries .toggleWrapper .toggle {
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 130px;
    height: 37px;
    background: #fff;
    border: 1px solid #007bff;
    border-radius: 5px;
    -webkit-transition: all .2s cubic-bezier(.445, .05, .55, .95);
    transition: all .2s cubic-bezier(.445, .05, .55, .95)
}

.searchenquiries .toggleWrapper .toggle:after,
.searchenquiries .toggleWrapper .toggle:before {
    position: absolute;
    line-height: 36px;
    font-size: 12px;
    font-weight: 500;
    z-index: 2;
    -webkit-transition: all .2s cubic-bezier(.445, .05, .55, .95);
    transition: all .2s cubic-bezier(.445, .05, .55, .95)
}

.searchenquiries .toggleWrapper .toggle:before {
    content: "All";
    left: 12px;
    color: #fff
}

.searchenquiries .toggleWrapper .toggle:after {
    content: "Not Bought";
    right: 12px;
    color: #007bff
}

.searchenquiries .toggleWrapper .toggle__handler {
    display: inline-block;
    position: relative;
    z-index: 1;
    background: #007bff;
    width: 37px;
    height: 29px;
    border-radius: 3px;
    top: 3px;
    left: -43px;
    -webkit-transition: all .2s cubic-bezier(.445, .05, .55, .95);
    transition: all .2s cubic-bezier(.445, .05, .55, .95);
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.searchenquiries .toggleWrapper input:checked+.toggle {
    background: #fff
}

.searchenquiries .toggleWrapper input:checked+.toggle:before {
    color: #007bff
}

.searchenquiries .toggleWrapper input:checked+.toggle:after {
    color: #fff
}

.searchenquiries .toggleWrapper input:checked+.toggle .toggle__handler {
    width: 84px;
    -webkit-transform: translateX(61px);
    transform: translateX(61px);
    border-color: #fff
}

.CircularProgressbar {
    width: 40px!important;
    height: 40px;
    position: absolute;
    left: -3px;
    top: -43px!important
}

.client-name {
    margin-left: 15px
}

.flip-card {
    background-color: transparent;
    width: 35px;
    height: 35px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    z-index: 100;
    display: inline-block
}

.flip-card,
.flip-card-inner {
    border-radius: 50% 50%;
    position: relative
}

.flip-card-inner {
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.flip-card.active .flip-card-inner,
.flip-card:hover .flip-card-inner {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.flip-card-back-green,
.flip-card-back-orange,
.flip-card-back-red,
.flip-card-front {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: 15px;
    font-weight: 600;
    box-sizing: border-box
}

.flip-card-back-green span,
.flip-card-back-orange span,
.flip-card-back-red span {
    top: 6px;
    position: relative
}

.flip-card-back-red {
    background-color: #f8d7da;
    color: #721c24
}

.flip-card-back-orange,
.flip-card-back-red {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    border-radius: 50% 50%
}

.flip-card-back-orange {
    background-color: #ffeeba;
    color: #856404
}

.flip-card-back-green {
    background: #d5f1c8;
    color: #4d8136;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    border-radius: 50% 50%
}

.flip-card-front {
    background-color: #fff;
    border-radius: 50% 50%;
    color: #000
}

.row-hover-orange:hover {
    background: #fff8df
}

.row-hover-red:hover {
    background: #fff4f4
}

.row-hover-green:hover {
    background: #e8f9e1
}

.row-hover:hover .flip-card .flip-card-inner {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.searchenquiries .user-icon-img {
    width: 35px;
    height: 35px;
    border-radius: 50% 50%
}

.searchenquiries .text-pos {
    vertical-align: top;
    top: 10px;
    position: relative
}

.searchenquiries .dashtablecontent tr td {
    vertical-align: middle
}

.accurecy-bar {
    display: inline-block;
    margin-left: 20px;
    width: auto;
    position: absolute;
    top: -7px;
    border: 1px solid #e5e5e5;
    border-radius: 5px
}

.accurecy-bar .accurecy-col {
    width: 60px;
    margin-right: 0
}

.accurecy-bar .accurecy-col,
.text-accu {
    display: inline-block;
    text-align: center;
    font-size: 12px;
    font-weight: 400
}

.text-accu {
    position: relative;
    width: auto;
    background: #f0f0f0;
    padding: 8px 10px 0;
    height: 30px;
    font-weight: 600;
    vertical-align: top;
    letter-spacing: 0;
    color: #666
}

.text-accu:after {
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #f0f0f0;
    content: " ";
    position: absolute;
    right: -7px
}

.bar {
    width: 60%;
    height: 5px;
    display: inline-block;
    position: relative;
    top: -2px
}

.bar-red {
    background: #d8534e
}

.bar-orange {
    background: #f0ac4e
}

.bar-green {
    background: #5cb85c
}

@media only screen and (max-width:767px) {
    .searchenquiries .categoryselectoption .e-multiselect {
        min-height: auto;
        height: auto
    }
    .searchenquiries .form-group {
        margin-bottom: .5rem
    }
    .count-circle {
        width: 18px;
        height: 18px;
        font-size: 10px
    }
    .searchenquiries .toggleWrapper {
        position: relative;
        right: auto;
        left: auto;
        margin-top: 15px
    }
    .Mobile-datalist {
        padding-left: 0;
        padding-right: 0;
        margin-top: 10px!important
    }
    .searchenquiries .Mobile-datalist .rowbg {
        padding-left: 0!important;
        padding-right: 0!important;
        padding-top: 5px!important;
        border-bottom: 2px solid #e5e5e5!important;
        margin: 10px 10px 15px;
        border-radius: 7px;
        border-top: none;
        border-bottom: none
    }
    .Mobile-datalist table {
        margin-bottom: 0
    }
    .searchenquiries .Mobile-datalist table tr th {
        font-size: 12px;
        font-weight: 400;
        padding: 4px 0!important;
        border-top: none!important;
        border-bottom: none;
        color: #45505b;
        font-weight: 600
    }
    .searchenquiries .Mobile-datalist table tr td {
        font-size: 12px;
        color: #666;
        padding: 4px 0!important;
        border-top: none!important;
        border-bottom: none;
        text-align: left
    }
    .Mobile-datalist table tr td .btn-mob150 {
        min-width: 150px
    }
    .Mobile-datalist table tr td .timecol {
        display: inline-block;
        width: auto;
        background: #afb9c4;
        color: #fff;
        border-radius: 5px;
        padding: 3px 6px;
        font-size: 11px;
        margin-bottom: 5px
    }
    .Mobile-datalist .border-bottom-0 {
        border-bottom: none!important
    }
    .accurecy-bar {
        width: 100%;
        margin-left: 0;
        text-align: left;
        position: relative;
        top: auto
    }
    .text-accu {
        width: auto;
        letter-spacing: 4px;
        height: 37px;
        padding-top: 10px
    }
    .text-accu:after {
        top: 11px
    }
    .searchenquiries .shadowbox {
        padding: 15px
    }
    .CircularProgressbar {
        width: 32px;
        height: 32px;
        left: -6px;
        top: -35px!important
    }
    .client-name {
        margin-left: 5px
    }
    .flip-card,
    .searchenquiries .user-icon-img {
        width: 28px;
        height: 28px
    }
    .flip-card-back-green span,
    .flip-card-back-orange span,
    .flip-card-back-red span {
        top: 3px;
        font-size: 14px
    }
    .searchenquiries .text-pos {
        top: 3px;
        margin-left: 10px
    }
}

@media only screen and (max-width:480px) {
    .tablelistcontent .timecol {
        font-size: 9px
    }
    .searchenquiries .userProfile_Icon1 {
        max-width: 25px;
        max-height: 25px;
        min-height: 25px;
        min-width: 25px;
        border-radius: 50% 50%
    }
}

.Categorypopup {
    max-width: 90%
}

.Categorypopup .modal-footer,
.Categorypopup .modal-header {
    border-bottom: none;
    border-top: none
}

.Categorypopup .modal-title {
    margin: 0 auto;
    font-size: 30px;
    font-weight: 400;
    width: 100%;
    display: inline-block;
    padding-top: 20px
}

.popcategorylist {
    display: block;
    width: 100%;
    max-height: 600px;
    overflow: auto;
    position: relative;
    margin-top: 0
}

.popcategorylist ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.popcategorylist ul li {
    display: inline-block;
    float: left;
    width: 14%;
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    padding: 15px;
    font-family: 'Oxygen', sans-serif;;
    color: #666;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    height: 120px;
    cursor: pointer
}

.popcategorylist ul li a {
    color: #666
}

.subcategorylist ul {
    text-align: center
}

.subcategorylist ul li {
    display: inline-block;
    width: auto;
    min-width: 150px;
    border: 1px solid #f2f2f2;
    padding: 10px 15px;
    border-radius: 30px;
    margin: 0 10px 10px 0;
    font-family: 'Oxygen', sans-serif;;
    color: #333;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    cursor: pointer
}

.subcategorylist ul li:hover {
    background: #f5f5f5;
    border: 1px solid #ebeaea
}

.popcategorylist ul li a img,
.popcategorylist ul li img {
    width: 45px
}

.popupbreadcrumb {
    background: #e6f1f4;
    width: auto;
    margin: 0 auto;
    padding: 10px 20px;
    border-radius: 30px
}

.popupbreadcrumb,
.popupbreadcrumb a {
    font-size: 12px;
    color: #5f6368;
    display: inline-block
}

.popupbreadcrumb a {
    margin-right: 5px;
    margin-left: 5px
}

.popupbreadcrumb a.active {
    color: #047bf8
}

.popupbreadcrumb a.iconhome svg {
    font-size: 13px;
    color: #047bf8
}

.slide-pane__close {
    top: 0
}

.rgtsidebar .usericon {
    width: 80px
}

.rgtsidebar .usericon img {
    max-width: 70px;
    min-width: 70px;
    min-height: 70px;
    max-height: 70px
}

.rgtsidebar .userprimaryinfo {
    width: 74%
}

.sidebar-circularProgress {
    width: 56px!important;
    height: 56px;
    position: absolute;
    left: -3px;
    top: -53px!important
}

@media only screen and (max-width:767px) {
    .slide-pane {
        width: 80%!important
    }
    .rgtsidebar {
        padding-top: 10px
    }
    .rgtsidebar .usericon {
        width: 40px
    }
    .slide-pane__content {
        padding-left: 0;
        padding-right: 0;
        overflow-y: scroll;
        height: 100%;
        overflow-x: hidden
    }
    .rgtsidebar .usericon img {
        border-radius: 50% 50%;
        max-width: 30px;
        min-width: 30px;
        min-height: 30px;
        max-height: 30px
    }
    .rgtsidebar .userprofilelist li span {
        width: 90px
    }
    .rgtsidebar,
    .slide-pane__content,
    .slide-pane__overlay.ReactModal__Overlay--after-open {
        width: 100%
    }
    .sidebar-circularProgress {
        width: 32px!important;
        height: 32px;
        position: absolute;
        left: 0;
        top: -32px!important
    }
}

.WalletOffer {
    max-width: 500px;
    margin: 20rem auto 0
}

.WalletOffer .modal-body {
    padding: 1rem
}

.WalletOffer h2 {
    font-size: 30px;
    background: -webkit-linear-gradient(#fd8293, #f8a77a);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    letter-spacing: -1px;
    font-weight: 400
}

.WalletOffer h2 svg {
    font-size: 20px;
    color: #fb8a8d;
    font-weight: 300;
    position: relative;
    top: -2px
}

.WalletOffer .txt-small-wallet {
    font-size: 17px;
    color: #fff;
    opacity: .4;
    letter-spacing: 5px;
    text-transform: uppercase;
    margin: 5px 0 10px
}

.WalletOffer .txt-coin {
    width: 65px;
    height: 65px;
    font-size: 36px;
    padding-top: 1px;
    margin: 0 5px;
    font-weight: 600;
    display: inline-block;
    border-radius: 50% 50%;
    background: #f7c849;
    border: 5px solid #f3a932;
    color: #f09e1b
}

.WalletOffer .txt-coin svg {
    font-size: 18px;
    font-weight: 400;
    position: relative;
    top: -4px
}

.WalletOffer .txt-add-money {
    color: #f09e1b;
    font-size: 35px;
    margin-left: 10px;
    position: relative;
    top: 5px
}

.txt-add-money svg {
    margin-right: 5px;
    font-size: 18px;
    position: relative;
    top: -5px
}

.WalletOffer .txt-offer {
    margin: 0
}

.WalletOffer .subtxt-offer,
.WalletOffer .txt-offer {
    font-size: 18px;
    color: #fff
}

.WalletOffer .btn-addmoney {
    min-width: 130px;
    border-radius: 30px;
    padding: 7px 10px;
    margin-bottom: 10px;
    height: 35px;
    font-size: 13px;
    font-weight: 600
}

.WalletOffer .modal-content {
    background: #2c353e
}

@media only screen and (max-width:767px) {
    .WalletOffer {
        margin: 10rem auto 0
    }
    .WalletOffer h2 {
        font-size: 30px
    }
}

@media only screen and (max-width:550px) {
    .WalletOffer {
        max-width: 100%;
        margin: 10rem .5rem .5rem
    }
    .WalletOffer h2 {
        font-size: 30px
    }
}

.slide-pane__overlay {
    z-index: 99999
}

.slide-pane {
    background: #2c353e;
    margin-top: 49px
}

.slide-pane__header {
    background: #2c353e;
    border: none
}

.slide-pane__content {
    padding: 0 15px 20px;
    position: absolute;
    width: 100%;
    height: 93%
}

.slide-pane__close {
    position: absolute;
    background: #2c353e;
    top: 15px;
    width: 40px;
    height: 40px;
    opacity: 1;
    margin-left: -35px;
    padding: 8px 0 0 5px;
    text-align: center;
    border-radius: 5px 0 0 5px
}

.slide-pane__close svg {
    color: #fff;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    width: 10px
}

.whitespace {
    white-space: nowrap
}

.rgtsidebar .usericon {
    width: 60px;
    float: left;
    margin-top: 5px
}

.rgtsidebar .usericon img {
    border-radius: 50% 50%;
    max-width: 50px;
    min-width: 50px;
    min-height: 50px;
    max-height: 50px
}

.rgtsidebar .userprimaryinfo {
    width: auto;
    float: left;
    width: 82%;
    color: #c8cbd1
}

.rgtsidebar .userprimaryinfo li {
    font-size: 13px;
    padding: 5px 0
}

.rgtsidebar .userprimaryinfo li span {
    margin-right: 10px
}

.rgtsidebar .userprimaryinfo .username-txt {
    color: #10cefd;
    font-weight: 500;
    font-size: 17px
}

.rgtsidebar .userprimaryinfo li.iconcall svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.rgtsidebar .userprofilelist {
    margin: 0;
    padding: 0;
    list-style: none
}

.rgtsidebar .userprofilelist li {
    font-size: 12px;
    padding: 7px 0;
    color: #b1b4bb
}

.rgtsidebar .userprofilelist li span {
    font-weight: 700;
    width: 120px;
    display: inline-block;
    vertical-align: top
}

.rgtsidebar .userprofilelist li .textbox {
    font-weight: 400!important;
    width: 58%;
    display: inline-block
}

.comment-col ul,
.userprimaryinfo ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.rgtsidebar .userprimaryinfo ul li {
    font-size: 12px;
    padding: 5px 0;
    color: #b1b4bb
}

.rgtsidebar .userprimaryinfo ul li span {
    font-weight: 700
}

.rgtsidebar .btn-border {
    border: 1px solid #5668da;
    color: #5668da;
    background: none;
    padding: 7px 30px;
    font-size: 13px;
    margin-top: 0
}

.rgtsidebar .btn-border:hover {
    color: #fff;
    background: #5668da
}

.rgtsidebar .dashline {
    width: 150px;
    height: 5px;
    background: #eaecee;
    display: inline-block
}

.rgtsidebar .dashline2 {
    width: 100px;
    height: 5px;
    background: #dbe1eb;
    display: inline-block
}

.rgtsidebar .blurcontent {
    filter: blur(5px);
    -webkit-filter: blur(5px)
}

.rgtsidebar .leadstatus-table tr td {
    color: #b1b4bb;
    border-top: 1px solid #404d5a
}

.rgtsidebar .leadstatus-table tr td span {
    font-weight: 400
}

.rgtsidebar .userprofilelist li.status-col {
    border: 1px solid #666e77;
    border-radius: 5px;
    padding-left: 0;
    background-color: #3f4c59;
    cursor: pointer
}

.rgtsidebar .userprofilelist li.status-col .icon-lead-staus button {
    padding-top: 0;
    top: -4px;
    position: relative
}

.rgtsidebar .userprofilelist li.status-col .icon-lead-staus button svg {
    font-size: 17px;
    color: #b1b4bb
}

.rgtsidebar .userprofilelist li.status-col .txt-color-status-yellow {
    color: #f6ab35;
    font-weight: 600!important
}

.rgtsidebar .userprofilelist li.status-col .txt-color-status-red {
    color: #f27775;
    font-weight: 600!important
}

.rgtsidebar .userprofilelist li.status-col .txt-color-status-green {
    color: #6cc881;
    font-weight: 600!important
}

.rgtsidebar .userprofilelist li.status-col .txt-color-status-grey {
    color: #b1b4bb;
    font-weight: 600!important
}

.rgtsidebar .closebtn {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 33px;
    color: #afb9c4;
    z-index: 555;
    background: #dee2e9;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 25px;
    font-size: 25px
}

.comment-col h3 {
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 15px;
    margin-top: 15px
}

.comment-col ul {
    height: 180px;
    overflow-y: scroll
}

.comment-col ul li {
    font-size: 11px;
    padding: 5px 10px;
    color: #989ca4;
    background: #343e49;
    border-radius: 5px;
    margin-bottom: 10px
}

.comment-usericon {
    width: 40px;
    margin-right: 10px;
    border-radius: 50% 50%;
    max-width: 40px;
    min-width: 40px;
    min-height: 40px;
    max-height: 40px
}

.comment-col ul li .nametxt {
    color: #5e5cd2;
    font-family: poppinsbold;
    font-weight: 400;
    padding: 5px 0;
    line-height: 20px
}

.comment-col ul li .date {
    line-height: 20px;
    color: #a6aebb
}

.Sidebar-customSelect .custom-select {
    margin-top: 10px;
    background: url(https://pic.enquiry.ai/images/businessPortal/images/select_dropdown.svg) no-repeat right .75rem center/8px 10px #262f37!important;
    border: 1px solid #35404b;
    color: #fff;
    font-size: 13px;
    font-weight: 600
}

.Sidebar-customSelect .custom-dark-input {
    background-color: #262f37;
    border: 1px solid #35404b;
    color: #b1b4bb;
    font-size: 13px
}

.Sidebar-customSelect .custom-select:focus {
    box-shadow: none
}

.textareafield {
    min-height: 70px!important
}

.chatnotes .chat-green {
    background: #c4ecc7;
    font-size: 12px;
    float: right;
    width: auto;
    border-radius: 5px 0 5px 5px
}

.chatnotes .textDate {
    font-size: 9px;
    margin-left: 9px;
    opacity: .7
}

.chatlist {
    padding: 5px 15px;
    border-radius: 3px;
    font-size: 12px;
    position: relative
}

.chatnotes .chat-green .arrow-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 15px solid #c4ecc7;
    position: absolute;
    top: -8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: -5px;
    margin: 0 auto
}

.chatnotes .chatrow {
    width: 100%;
    display: block;
    float: left;
    margin-top: 10px
}

.chatnotes .chat-dark {
    background: #262f37;
    color: #989ca4;
    width: auto;
    float: left
}

.chatnotes .chat-dark .txtname {
    color: #f2b35e;
    font-weight: 600
}

.icon-lead-staus {
    position: absolute;
    right: 0;
    top: 10px
}

.icon-lead-staus svg {
    font-size: 20px;
    color: #10cefd
}

.icon-lead-staus button {
    background: none;
    border: none;
    box-shadow: none;
    outline: none
}

.row-greenbg {
    background-color: #c4ecc7!important
}

.row-greenbg td {
    color: #262f37!important
}

.textareafield {
    resize: none;
    min-height: 120px!important;
    font-size: 12px
}

.alert-popup {
    background: #1a2128;
    border-radius: 5px;
    padding: 15px;
    box-shadow: 0 0 15px #000;
    text-align: center;
    position: absolute;
    width: 100%;
    font-size: 14px;
    margin-top: 10px;
    z-index: 50
}

.alert-popup button {
    font-size: 13px;
    min-width: 60px;
    margin: 10px 5px 0;
    padding: 3px
}

.slide-pane__overlay.ReactModal__Overlay--after-open {
    background-color: transparent!important;
    width: 40%;
    left: auto
}

.slide-pannel-spinner {
    position: relative;
    left: 0;
    right: 0;
    width: 80px;
    z-index: 444;
    height: 120px;
    font-size: 13px;
    margin: 70% auto 0;
    color: #fff;
    opacity: .6;
    font-style: italic
}

.slide-pannel-spinner svg {
    color: #fff;
    font-size: 80px;
    opacity: .6
}

.pos-realtive {
    position: relative
}

.refund-status {
    top: 200px
}

.is-refund-status-exist,
.refund-status {
    position: absolute;
    background: #2c353e;
    width: 100%;
    z-index: 7777
}

.is-refund-status-exist {
    top: 270px
}

@media only screen and (max-width:1300px) {
    .slide-pane__content {
        height: 93%
    }
    .textareafield {
        min-height: 90px!important
    }
}

@media only screen and (max-width:767px) {
    .slide-pane {
        width: 80%!important;
        margin-top: 43px
    }
    .rgtsidebar {
        padding-top: 10px
    }
    .rgtsidebar .usericon {
        width: 40px
    }
    .slide-pane__content {
        padding-left: 0;
        padding-right: 0
    }
    .rgtsidebar .usericon img {
        border-radius: 50% 50%;
        max-width: 30px;
        min-width: 30px;
        min-height: 30px;
        max-height: 30px
    }
    .rgtsidebar .userprofilelist li span {
        width: 90px
    }
    .rgtsidebar,
    .slide-pane__content,
    .slide-pane__overlay.ReactModal__Overlay--after-open {
        width: 100%
    }
}

@media only screen and (max-width:480px) {
    .refund-status img {
        width: 270px
    }
}

.myenquiries .categoryselectoption .e-multiselect {
    min-height: 120px;
    font-family: 'Oxygen', sans-serif;
}

.myenquiries .categoryselectoption .e-multi-select-wrapper .e-chips>.e-chipcontent {
    font-size: 13px
}

.myenquiries .css-1uccc91-singleValue {
    font-size: 13px;
    color: #333
}

.myenquiries .css-12jo7m5 {
    font-size: 12px!important;
    color: #8b8b8b!important
}

.css-1wa3eu0-placeholder,
.css-2613qy-menu,
.css-2613qy-menu .drop-down-menu,
.css-2613qy-menu input,
.myenquiries .css-2613qy-menu ul li,
.myenquiries .select_menu {
    font-size: 12px
}

.myenquiries .btnsm {
    padding: 2px 7px
}

.myenquiries .btnsm svg {
    font-size: 12px
}

.myenquiries .tablelistcontent .timecol {
    display: inline-block;
    width: auto;
    background: #afb9c4;
    color: #fff;
    border-radius: 5px;
    padding: 3px 6px;
    font-size: 10px;
    margin-bottom: 5px
}

.myenquiries .call-btn svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.myenquiries .shadowbox .title-heading {
    margin-top: 0!important
}

.myenquiries .toggleWrapper {
    position: absolute;
    right: 15px;
    overflow: hidden;
    top: -70px
}

.myenquiries .toggleWrapper input {
    position: absolute;
    left: -99em
}

.myenquiries .toggleWrapper .toggle {
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 130px;
    height: 38px;
    background: #fff;
    border: 1px solid #007bff;
    border-radius: 5px;
    -webkit-transition: all .2s cubic-bezier(.445, .05, .55, .95);
    transition: all .2s cubic-bezier(.445, .05, .55, .95)
}

.myenquiries .toggleWrapper .toggle:after,
.myenquiries .toggleWrapper .toggle:before {
    position: absolute;
    line-height: 36px;
    font-size: 12px;
    font-weight: 500;
    z-index: 2;
    -webkit-transition: all .2s cubic-bezier(.445, .05, .55, .95);
    transition: all .2s cubic-bezier(.445, .05, .55, .95)
}

.myenquiries .toggleWrapper .toggle:before {
    content: "All";
    left: 12px;
    color: #fff
}

.myenquiries .toggleWrapper .toggle:after {
    content: "Refunded";
    right: 14px;
    color: #007bff
}

.myenquiries .toggleWrapper .toggle__handler {
    display: inline-block;
    position: relative;
    z-index: 1;
    background: #007bff;
    width: 37px;
    height: 29px;
    border-radius: 3px;
    top: 3px;
    left: -43px;
    -webkit-transition: all .2s cubic-bezier(.445, .05, .55, .95);
    transition: all .2s cubic-bezier(.445, .05, .55, .95);
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.myenquiries .toggleWrapper input:checked+.toggle {
    background: #fff
}

.myenquiries .toggleWrapper input:checked+.toggle:before {
    color: #007bff
}

.myenquiries .toggleWrapper input:checked+.toggle:after {
    color: #fff
}

.myenquiries .toggleWrapper input:checked+.toggle .toggle__handler {
    width: 84px;
    -webkit-transform: translateX(61px);
    transform: translateX(61px);
    border-color: #fff
}

.btn-tooltip {
    position: relative
}

.btn-tooltip,
.tooltip {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.tooltip {
    visibility: hidden;
    z-index: 999999;
    opacity: .4;
    width: 100%;
    min-width: 75px;
    padding: 3px 3px 0;
    background: #333;
    color: #fff;
    height: 25px;
    text-align: center;
    position: absolute;
    top: -140%;
    left: -25%;
    border-radius: 5px;
    font-size: 12px;
    -webkit-transform: translateY(9px);
    transform: translateY(9px);
    font-family: 'Oxygen', sans-serif;
}

.tooltip:after {
    content: " ";
    width: 0;
    height: 0;
    border-color: #333 transparent transparent;
    border-style: solid;
    border-width: 6px 6px 0;
    position: absolute
}

.btn-tooltip:hover .tooltip {
    visibility: visible;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 1;
    -webkit-transition: .3s linear;
    transition: .3s linear;
    -webkit-animation: tolltipani 1s ease-in-out infinite alternate;
    animation: tolltipani 1s ease-in-out infinite alternate
}

@-webkit-keyframes tolltipani {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
    to {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }
}

@keyframes tolltipani {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
    to {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }
}

.left:hover {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px)
}

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

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

.right:hover {
    -webkit-transform: translateX(2px);
    transform: translateX(2px)
}

.left .tooltip {
    top: -20%;
    left: -170%
}

.left .tooltip:after {
    top: 40%;
    left: 94%;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.bottom .tooltip {
    top: 93%;
    left: -45%
}

.bottom .tooltip:after {
    top: -17%;
    left: 40%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.right .tooltip {
    top: -20%;
    left: 115%
}

.right .tooltip:after {
    top: 40%;
    left: -12%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media only screen and (max-width:1300px) {
    .myenquiries .minwid150 {
        min-width: 120px
    }
}

@media only screen and (max-width:767px) {
    .myenquiries .shadowbox {
        padding: 15px 0
    }
    .myenquiries .categoryselectoption .e-multiselect {
        min-height: auto;
        height: auto
    }
    .myenquiries .form-group {
        margin-bottom: .5rem
    }
    .Mobile-datalist {
        padding-left: 0;
        padding-right: 0
    }
    .Mobile-datalist .rowbg {
        padding-left: 0!important;
        padding-right: 0!important;
        padding-top: 5px!important;
        border-bottom: 2px solid #e5e5e5!important;
        margin: 10px 10px 15px;
        border-radius: 7px;
        border-top: none;
        border-bottom: none
    }
    .Mobile-datalist table {
        margin-bottom: 0
    }
    .Mobile-datalist table tr th {
        font-weight: 400;
        color: #45505b;
        font-weight: 600
    }
    .Mobile-datalist table tr td,
    .Mobile-datalist table tr th {
        font-size: 12px;
        padding: 4px 0!important;
        border-top: none!important;
        border-bottom: none
    }
    .Mobile-datalist table tr td {
        color: #666;
        text-align: left
    }
    .Mobile-datalist table tr td .btn-mob150 {
        min-width: 150px
    }
    .Mobile-datalist table tr td .btn-mob100 {
        min-width: 100px
    }
    .Mobile-datalist table tr td .btn-mob100 img,
    .Mobile-datalist table tr td .btn-mob100 svg {
        margin-right: 5px
    }
    .Mobile-datalist table tr td.td-text-center {
        text-align: center!important
    }
    .Mobile-datalist table tr td .timecol {
        display: inline-block;
        width: auto;
        background: #afb9c4;
        color: #fff;
        border-radius: 5px;
        padding: 3px 6px;
        font-size: 11px;
        margin-bottom: 5px
    }
    .Mobile-datalist .border-bottom-0 {
        border-bottom: none!important
    }
    .myenquiries .toggleWrapper {
        position: relative;
        right: auto;
        left: auto;
        top: auto;
        margin: 15px auto 0;
        width: 150px
    }
    .myenquiries .toggleWrapper .toggle__handler {
        left: 5px
    }
    .myenquiries .toggleWrapper input:checked+.toggle .toggle__handler {
        width: 74px;
        -webkit-transform: translateX(46px);
        transform: translateX(46px);
        border-color: #fff
    }
    .myenquiries .toggleWrapper .toggle:before {
        left: 16px
    }
    .myenquiries .toggleWrapper .toggle:after {
        right: 10px
    }
    .myenquiries .mob-btn-center {
        text-align: center!important
    }
}

.businessprofile {
    background-color: #fff;
    padding: 30px 20px;
    box-shadow: 0 0 15px #ccc
}

.businessprofile .form {
    padding: 30px 17px
}

.businessprofile .form-control,
.businessprofile label {
    font-size: 13px
}

.businessprofile .btn-grad {
    padding: 10px 30px;
    margin-top: 20px
}

.whitewrapper {
    background: #fff;
    height: 100vh
}

.verfied-message {
    margin-top: 80px
}

.verfied-message .text-title {
    color: #25ba2f;
    font-size: 35px;
    text-transform: uppercase;
    letter-spacing: -1px;
    font-weight: 300;
    padding-top: 20px
}

.verfied-message .text-para {
    font-size: 20px;
    letter-spacing: 2px;
    margin-top: 15px;
    font-weight: 300
}

.verfied-message .text-title-red {
    color: #c44e53;
    font-size: 35px;
    text-transform: uppercase;
    letter-spacing: -1px;
    font-weight: 300;
    padding-top: 20px
}

.UserFavouriteCategory .header {
    top: 0
}

.UserFavouriteCategory .txt-field-title {
    font-size: 16px;
    margin-bottom: 20px;
    text-align: left;
    margin-top: 15px;
    color: #333
}

.UserFavouriteCategory .txt-field-title strong {
    font-weight: 600
}

.UserFavouriteCategory .css-12jo7m5 {
    font-size: 13px
}

.UserFavouriteCategory .css-yk16xz-control {
    height: 150px
}

.UserFavouriteCategory .btn-search {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 20px;
    border-radius: 25px;
    padding: 10px 0
}

.UserFavouriteCategory .categoryselectoption .e-multiselect {
    min-height: 120px;
    font-family: 'Oxygen', sans-serif;
}

.UserFavouriteCategory .categoryselectoption .e-multi-select-wrapper .e-chips>.e-chipcontent {
    font-size: 13px
}

.UserFavouriteCategory .instructions {
    margin-top: 40px
}

.UserFavouriteCategory .instructions h6 {
    font-size: 15px;
    text-align: left
}

.UserFavouriteCategory .instructions ul li {
    font-size: 13px;
    position: relative;
    padding: 5px 0 5px 16px;
    text-align: left
}

.UserFavouriteCategory .instructions ul li:after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 100%;
    left: 0;
    top: 10px;
    background: #0c5460
}

@media only screen and (max-width:480px) {
    .fav-cat-list li {
        width: 100%;
        margin: 0 0 10px;
        font-size: 12px
    }
    .UserFavouriteCategory .instructions {
        margin-top: 15px
    }
    .UserFavouriteCategory .txt-field-title {
        font-size: 14px
    }
    .UserFavouriteCategory .instructions ul li {
        font-size: 12px
    }
}

.FavouriteCity .header {
    top: 0
}

.FavouriteCity .txt-field-title {
    font-size: 16px;
    margin-bottom: 20px;
    text-align: left;
    margin-top: 15px;
    color: #333
}

.FavouriteCity .txt-field-title strong {
    font-weight: 600
}

.FavouriteCity .css-12jo7m5 {
    font-size: 13px
}

.FavouriteCity .css-yk16xz-control {
    height: 150px
}

.FavouriteCity .btn-search {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 20px;
    border-radius: 25px;
    padding: 10px 0
}

.FavouriteCity .categoryselectoption .e-multiselect {
    min-height: 120px;
    font-family: 'Oxygen', sans-serif;
}

.FavouriteCity .categoryselectoption .e-multi-select-wrapper .e-chips>.e-chipcontent {
    font-size: 13px
}

.FavouriteCity .instructions {
    margin-top: 40px
}

.FavouriteCity .instructions h6 {
    font-size: 15px;
    text-align: left
}

.FavouriteCity .instructions ul li {
    font-size: 13px;
    position: relative;
    padding: 5px 0 5px 16px;
    text-align: left
}

.FavouriteCity .instructions ul li:after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 100%;
    left: 0;
    top: 10px;
    background: #0c5460
}

.fav-cat-section {
    border-top: 1px solid #e5e5e5;
    padding-top: 30px
}

.fav-cat-list {
    width: 100%;
    display: block;
    text-align: left
}

.fav-cat-list li {
    width: auto;
    display: inline-block;
    font-size: 11px;
    text-align: center;
    padding: 5px 10px;
    margin: 5px;
    color: #5b636b;
    border: 1px solid #d3dfe0;
    background: #e6edee;
    border-radius: 15px
}

@media only screen and (max-width:1400px) {
    .rgt-graphic-img img {
        max-width: 100%
    }
}

@media only screen and (max-width:992px) {
    .rgt-graphic-img img {
        display: none
    }
}

@media only screen and (max-width:480px) {
    .fav-cat-list li {
        width: 100%;
        margin: 0 0 10px;
        font-size: 12px
    }
    .FavouriteCity .instructions {
        margin-top: 15px
    }
    .FavouriteCity .txt-field-title {
        font-size: 14px
    }
    .FavouriteCity .instructions ul li {
        font-size: 12px
    }
}

.height100vh {
    height: 92vh
}

.page-error {
    margin-top: 160px
}

.btn-go-home {
    border-radius: 30px;
    padding: 8px 30px
}

.btn-go-home svg {
    font-size: 12px;
    margin-left: 5px
}

.page-error .error-title {
    color: #889da4;
    font-size: 33px;
    letter-spacing: 5px;
    font-weight: 300
}

.page-error .error-para {
    font-size: 15px;
    letter-spacing: 2px;
    margin-top: 10px
}

.result-not-found {
    text-align: center;
    margin-top: 100px
}

.result-not-found .error-title {
    color: #a8aeb9;
    font-size: 40px;
    letter-spacing: 2px;
    font-weight: 300
}

.result-not-found .error-para {
    font-size: 15px;
    letter-spacing: 2px;
    margin-top: 15px;
    color: #505050
}

.mt-140 {
    margin-top: 110px
}

@media only screen and (max-width:767px) {
    .servernot-found {
        padding-left: 0;
        padding-right: 0
    }
    .servernot-found .logo-img img {
        width: 200px;
        margin-bottom: 20px
    }
    .servernot-found {
        margin-top: 100px;
        text-align: center
    }
    .servernot-found .serverimg img {
        max-width: 100%;
        height: auto
    }
    .servernot-found .error-title {
        font-size: 26px;
        letter-spacing: 0
    }
    .page-error .error-para {
        font-size: 13px;
        line-height: 27px
    }
    .page-error .error-para br {
        display: none
    }
}

.Login {
    width: 100%;
    background: #fff;
    height: 100vh
}

.Login .paratext {
    color: #999;
    margin-bottom: 10px;
    padding-top: 10px;
    font-size: 15px;
}

.loginleftbg {
    background: url(../src/new_img/Women-Child-Safety.svg) no-repeat 0 0 #5f6985;
    height: 100vh;
    background-size: cover;
    color: #000;
    text-align: center;
    font-size: 25px;
    padding-top: 90px;
    line-height: 10px
}

.loginleftbg span {
    font-weight: 500;
    letter-spacing: -2px;
    font-size: 40px;
    color: #000;
}

.loginformContainer {
    padding-top: 135px;
}

.loginformContainer h1 {
    letter-spacing: -2px;
    font-weight: 600;
    color: #000;
    padding-top: 36px;
    font-size: 32px;
}

.loginformContainer .form-group {
    margin-bottom: 10px;
}

.loginformContainer .form-group label {
    font-size: 15px;
    color: #333
}

.loginformContainer .form-control {
    border-radius: 0;
    border-top: none;
    border-left: none;
    background: #fff;
    border-right: none;
    border-color: #e5e5e5!important;
    padding-left: 0
}

.loginformContainer .form-control:-moz-autofill,
input:-webkit-autofill {
    background: #fff
}

.loginformContainer .form-control:focus {
    outline: none;
    box-shadow: none;
    background: none
}

.loginformContainer .ortext {
    border: 1px solid #f0f0f0;
    background: #f0f0f0;
    position: relative;
    top: 10px;
    display: inline-block;
    margin: 5px 10px 0;
    font-weight: 600;
    width: 40px;
    height: 40px;
    padding-top: 8px;
    text-align: center;
    color: #b6b6b6;
    font-size: 14px;
    border-radius: 50% 50%
}

.loginformContainer .border-btn {
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    min-width: 160px;
    height: 40px;
    font-family: 'Oxygen', sans-serif;;
    font-weight: 600;
    border-radius: 25px;
    font-size: 14px;
    border: 1px solid #047bf8;
    background: #fff;
    color: #047bf8;
    line-height: 1.2;
    margin-top: 15px
}

.loginformContainer .border-btn:hover {
    background: #047bf8;
    color: #fff;
    border: 1px solid #047bf8
}

.loginformContainer .form-btn {
    justify-content: center;
    cursor: pointer;
    align-items: center;
    padding: 0 20px;
    min-width: 160px;
    height: 40px;
    font-family: 'Oxygen', sans-serif;
    font-weight: 600;
    border-radius: 25px;
    font-size: 14px;
    color: #fff!important;
    line-height: 1.2;
    margin-top: 15px;
}

.loginformContainer .signuplink {
    font-size: 13px;
    color: #999;
    text-align: center;
    width: 100%;
    margin-top: 19px;
}

.loginformContainer .signuplink a {
    font-weight: 600
}

.react-code-input input {
    box-shadow: none!important;
    width: 50px!important;
    text-align: center;
    border: none!important;
    border-bottom: 1px solid #ccc!important;
    border-radius: 0!important;
    font-size: 18px!important
}

.react-code-input input:not(:first-child) {
    margin-left: 15px!important
}

.txt-counter,
.txt-resendotp {
    background: none;
    border: none;
    font-size: 13px;
    color: #c00;
    padding: 0;
    font-weight: 500;
    margin-right: 8px
}

.txt-resendotp.focus,
.txt-resendotp:focus,
.txt-resendotp:hover {
    background: none!important;
    border: none!important;
    color: #c00!important;
    box-shadow: none!important
}

.modal-otp,
.modal-signup {
    max-width: 500px;
    margin: 250px auto
}

.modal-signup .modal-header {
    border-bottom: none;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.modal-otp .modal-title,
.modal-signup .modal-title {
    line-height: 27px;
    text-align: center;
    font-weight: 600;
    width: 100%;
    font-size: 22px;
    letter-spacing: -1px;
    padding-left: 0;
    padding-right: 0
}

.modal-signup .modal-content {
    padding: 15px
}

.modal-signup .form-control {
    border-bottom: 1px solid #e5e5e5!important;
    border: none;
    border-radius: 0;
    padding-left: 0;
    height: 50px;
    font-size: 17px;
    margin-bottom: 15px
}

.modal-signup .form-control:focus {
    box-shadow: none
}

.modal-signup .txt-countrycode {
    font-weight: 600;
    text-align: center
}

.otptxt {
    color: #666;
    font-size: 12px;
    text-align: center;
    margin-bottom: 20px
}

.otptxt a {
    font-weight: 600;
    color: #f89636;
    text-decoration: none
}

.modal-smalltxt {
    font-size: 14px;
    font-weight: 400;
    color: #999;
    letter-spacing: 0;
    line-height: 15px!important
}

.otp-modal-form .form-control {
    text-align: center;
    margin-bottom: 0;
    padding-right: 0;
    font-size: 20px
}

.formbtn {
    border-radius: 50px;
    text-transform: uppercase;
    width: 150px;
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
    background-color: #007bff;
    border-color: #007bff
}

.formbtn:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.forminfobtn {
    border-radius: 50px;
    text-transform: uppercase;
    width: 150px;
    font-size: 13px;
    font-weight: 600;
    display: inline-block
}

.modal-otp .modal-smalltxt {
    font-size: 14px;
    font-weight: 400;
    color: #999;
    letter-spacing: 0;
    line-height: 15px!important
}

.text-danger {
    font-size: 12px
}

.logininfo-col {
    text-align: left
}

.logininfo-col .leftinfo-list {
    border-radius: 10px;
    padding: 0;
    width: 100%;
    margin: 20px auto 0
}

.logininfo-col .leftinfo-list li {
    font-size: 14px;
    text-align: left;
    line-height: 20px;
    padding: 7px 0;
    color: #000;
    opacity: .85
}

.logininfo-col .leftinfo-list li svg {
    margin-right: 10px
}

.logininfo-col .leftinfo-list li strong {
    font-weight: 600
}

.modal-calendly {
    max-width: 1100px;
    margin: 50px auto
}

.modal-calendly .modal-header {
    border-bottom: none;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.modal-calendly .modal-title {
    line-height: 27px;
    text-align: center;
    font-weight: 600;
    width: 100%;
    font-size: 22px;
    letter-spacing: -1px;
    padding-left: 0;
    padding-right: 0
}

.modal-calendly .modal-content {
    padding: 15px
}

.loginformContainer .helpline-support {
    text-align: left;
    width: 270px;
    display: inline-block
}

.loginformContainer .helpline-support a {
    border: 1px solid #068af8;
    width: 130%;
    display: inline-block;
    border-radius: 5px;
    padding: 5px 15px;
    margin-top: 15px
}

.loginformContainer .helpline-support a:hover {
    box-shadow: 0 0 5px #95cdfd;
    color: #000
}

.loginformContainer .helpline-support a:hover span {
    color: #068af8!important
}

.loginformContainer .helpline-support a .icon-support {
    width: auto;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 90px
}

.loginformContainer .helpline-support a .text-support {
    font-size: 26px;
    width: auto;
    display: inline-block;
    line-height: 30px;
    text-align: center
}

.loginformContainer .helpline-support a .text-support span {
    font-size: 14px;
    color: #000;
    letter-spacing: 8px
}

.loginformContainer .btn-get-demo {
    cursor: pointer;
    width: 270px;
    border-radius: 5px;
    vertical-align: top;
    margin-top: 15px;
    min-height: 78px;
    background: #fff;
    opacity: 1;
    margin-left: 15px;
    border: 1px solid #068af8;
    display: inline-block;
    color: #007bff;
    font-size: 20px
}

.loginformContainer .btn-get-demo span {
    font-size: 14px;
    color: #000;
    letter-spacing: 5px
}

@media only screen and (max-width:1600px) {
    .leftinfo-list {
        width: 90%
    }
}

@media only screen and (max-width:1400px) {
    .leftinfo-list {
        width: 100%
    }
    .loginformContainer .btn-get-demo,
    .loginformContainer .helpline-support {
        width: 225px
    }
    .loginformContainer .helpline-support a .text-support {
        font-size: 24px
    }
    .loginformContainer .helpline-support a .icon-support {
        width: 60px
    }
    .loginformContainer .btn-get-demo img,
    .loginformContainer .helpline-support a .icon-support img {
        width: 50px
    }
    .loginformContainer .btn-get-demo {
        font-size: 16px
    }
}

@media only screen and (max-width:767px) {
    .modal {
        padding: 15px
    }
    .loginleftbg {
        display: none
    }
    .loginformContainer {
        padding-left: 0;
        padding-right: 0
    }
    .loginformContainer h1 {
        font-size: 24px;
        padding-top: 10px;
        margin-bottom: 0
    }
    .Logincontainer .paratext {
        font-size: 13px;
        margin-bottom: 10px
    }
    .loginformContainer .form-group label {
        font-size: 13px
    }
    .loginformContainer .login-logo {
        width: 200px
    }
    .Login .paratext {
        margin-bottom: 10px;
        font-size: 14px
    }
    .loginformContainer .form-group {
        margin-bottom: 1rem
    }
    .otp-form .form-group label {
        font-size: 13px
    }
    .loginformContainer .signuplink {
        margin-top: 15px
    }
    .modal-otp .modal-smalltxt {
        font-size: 12px;
        margin-top: 10px
    }
    .modal-otp .modal-header {
        padding-bottom: 0
    }
    .modal-otp,
    .modal-signup {
        margin: 140px auto auto
    }
    .moblr-0 {
        padding-left: 0;
        padding-right: 0
    }
    .mob-mlr-0 {
        margin-left: 0;
        margin-right: 0
    }
}

@media only screen and (max-width:480px) {
    .loginformContainer .login-logo {
        width: 150px
    }
    .loginformContainer {
        padding-top: 20px
    }
    .loginformContainer .border-btn,
    .loginformContainer .form-btn {
        width: auto;
        min-width: 110px;
        font-size: 13px
    }
    .react-code-input input {
        width: 35px!important;
        margin: 0 0 0 5px!important
    }
    .otp-form .formbtn,
    .otp-form .forminfobtn {
        width: 130px
    }
    .modal-otp .modal-title,
    .modal-signup .modal-title {
        font-size: 18px;
        line-height: 20px
    }
    .modal-otp .modal-title {
        padding-bottom: 0
    }
    .btn-get-demo,
    .loginformContainer .helpline-support {
        width: 100%
    }
    .loginformContainer .btn-get-demo {
        margin-left: 0;
        width: 100%
    }
    .loginformContainer .helpline-support a .icon-support {
        width: 90px
    }
    .loginformContainer .btn-get-demo {
        font-size: 20px;
        text-align: left
    }
    .loginformContainer .btn-get-demo img {
        margin-left: 15px;
        margin-right: 25px
    }
}

.modal-calendly .calendly-badge-widget,
.modal-calendly .calendly-badge-widget *,
.modal-calendly .calendly-inline-widget,
.modal-calendly .calendly-inline-widget *,
.modal-calendly .calendly-overlay,
.modal-calendly .calendly-overlay * {
    font-size: 16px;
    line-height: 1.2em
}

.modal-calendly .calendly-badge-widget iframe,
.modal-calendly .calendly-inline-widget iframe,
.modal-calendly .calendly-overlay iframe {
    display: inline;
    width: 100%;
    height: 100%;
}

.modal-calendly .calendly-popup-content {
    position: relative
}

.modal-calendly .calendly-popup-content.calendly-mobile {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.modal-calendly .calendly-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 9999;
    background-color: #a5a5a5;
    background-color: rgba(31, 31, 31, .4)
}

.modal-calendly .calendly-overlay .calendly-close-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.modal-calendly .calendly-overlay .calendly-popup {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 80%;
    min-width: 900px;
    max-width: 1000px;
    height: 90%;
    max-height: 680px
}

@media only screen and (max-width:480px) {
    .calendly-inline-widget {
        min-width: 300px!important
    }
}

@media (max-width:975px) {
    .modal-calendly .calendly-overlay .calendly-popup {
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transform: none;
        transform: none;
        width: 100%;
        height: auto;
        min-width: 0;
        max-height: none
    }
}

.modal-calendly .calendly-overlay .calendly-popup .calendly-popup-content {
    height: 100%
}

.modal-calendly .calendly-overlay .calendly-popup-close {
    position: absolute;
    top: 25px;
    right: 25px;
    color: #fff;
    width: 19px;
    height: 19px;
    cursor: pointer;
    background: url(//assets.calendly.com/<?php echo $location2; ?>external/close-icon-77963382ab339573bb06b204699d4adf5ebbcbaaa51784f1d9f4b611723b42b0.svg) no-repeat;
    background-size: contain
}

@media (max-width:975px) {
    .modal-calendly .calendly-overlay .calendly-popup-close {
        top: 15px;
        right: 15px
    }
}

.modal-calendly .calendly-badge-widget {
    position: fixed;
    right: 20px;
    bottom: 15px;
    z-index: 9998
}

.modal-calendly .calendly-badge-widget .calendly-badge-content {
    display: table-cell;
    width: auto;
    height: 45px;
    padding: 0 30px;
    border-radius: 25px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    font-family: 'Oxygen';
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    cursor: pointer
}

.modal-calendly .calendly-badge-widget .calendly-badge-content.calendly-white {
    color: #666a73
}

.modal-calendly .calendly-badge-widget .calendly-badge-content span {
    display: block;
    font-size: 12px
}

.modal-calendly .calendly-spinner {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    z-index: -1
}

.modal-calendly .calendly-spinner>div {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: #e1e1e1;
    border-radius: 50%;
    vertical-align: middle;
    -webkit-animation: calendly-bouncedelay 1.4s ease-in-out infinite;
    animation: calendly-bouncedelay 1.4s ease-in-out infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.modal-calendly .calendly-spinner .calendly-bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.modal-calendly .calendly-spinner .calendly-bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes calendly-bouncedelay {
    0%,
    80%,
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes calendly-bouncedelay {
    0%,
    80%,
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.Button {
    background-color: transparent;
    border: none;
    color: #fff;
    outline: none;
    cursor: pointer;
    font: inherit;
    padding: 10px;
    margin: 10px;
    font-weight: 700
}

.Button:first-of-type {
    margin-left: 0;
    padding-left: 0
}

.Button:disabled {
    color: #ccc;
    cursor: not-allowed
}

.Success {
    color: #5c9210
}

.Danger {
    color: #944317
}

.Input {
    width: 100%;
    padding: 10px;
    box-sizing: border-box
}

.Label {
    font-weight: 700;
    display: block;
    margin-bottom: 8px
}

.InputElement {
    outline: none;
    border: 1px solid #ccc;
    background-color: #fff;
    font: inherit;
    padding: 6px 10px;
    display: block;
    width: 100%;
    box-sizing: border-box
}

.InputElement:focus {
    outline: none;
    background-color: #ccc
}

.Invalid {
    border: 1px solid red!important;
    background-color: #fda49a!important
}

.Signupcontainer {
    width: 100%;
    background: #fff;
    height: 100vh
}

.Signupcontainer .paratext {
    color: #999;
    margin-bottom: 60px;
    padding-top: 5px;
    font-size: 15px
}

.signupformContainer {
    background: #fff;
    border-radius: 15px;
    padding: 40px 30px;
    width: 90%;
    margin: 40px auto 0
}

.signupformContainer .signup-leftpanel h1 {
    letter-spacing: -2px;
    font-weight: 600;
    text-align: left;
    color: #000;
    padding-top: 0;
    padding-bottom: 30px;
    font-size: 32px
}

.signupformContainer .signup-leftpanel .form-group {
    margin-bottom: 1rem
}

.signupformContainer .form-group label {
    font-size: 13px;
    color: #333
}

.signupformContainer .form-control {
    border-radius: 0;
    border-left: #e5e5e5;
    border-color: #e5e5e5 #e5e5e5 currentcolor;
    border-right: #e5e5e5;
    border-top: #e5e5e5;
    padding-left: 0
}

.signupformContainer .form-control:focus {
    outline: none;
    box-shadow: none
}

.signupformContainer .ortext {
    border: 1px solid #f0f0f0;
    background: #f0f0f0;
    position: relative;
    top: 10px;
    display: inline-block;
    margin: 5px 10px 0;
    font-weight: 600;
    width: 40px;
    height: 40px;
    padding-top: 8px;
    text-align: center;
    color: #b6b6b6;
    font-size: 14px;
    border-radius: 50% 50%
}

.signupformContainer .border-btn {
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    min-width: 160px;
    height: 40px;
    font-family: 'Oxygen', sans-serif;;
    font-weight: 600;
    border-radius: 25px;
    font-size: 14px;
    border: 1px solid #047bf8;
    background: #fff;
    color: #047bf8;
    line-height: 1.2;
    margin-top: 15px
}

.signupformContainer .border-btn:hover {
    background: #047bf8;
    color: #fff;
    border: 1px solid #047bf8
}

.signupformContainer .form-btn {
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    min-width: 160px;
    height: 40px;
    font-family: 'Oxygen', sans-serif;;
    font-weight: 600;
    border-radius: 25px;
    font-size: 14px;
    color: #fff!important;
    line-height: 1.2;
    margin-top: 15px
}

.signupformContainer .signuplink,
.signupformContainer .termstxt {
    font-size: 13px;
    color: #999;
    text-align: center;
    width: 100%;
    margin-top: 0
}

.signupformContainer .signuplink a,
.signupformContainer .termstxt a {
    font-weight: 600
}

.Signupcontainer .custom-checkbox {
    display: inline-block
}

.signupformContainer .signuplink {
    margin-top: 15px
}

.signupformContainer .signup-leftpanel .signup_form {
    width: 90%
}

.signupformContainer .btn-get-demo,
.signupformContainer .helpline-support {
    width: 280px;
    display: inline-block
}

.signupformContainer .helpline-support {
    text-align: left
}

.signupformContainer .helpline-support a {
    border: 1px solid #068af8;
    width: 100%;
    display: inline-block;
    border-radius: 5px;
    padding: 5px 15px;
    margin-top: 15px
}

.signupformContainer .helpline-support a:hover {
    box-shadow: 0 0 5px #95cdfd;
    color: #000
}

.signupformContainer .helpline-support a:hover span {
    color: #068af8!important
}

.signupformContainer .helpline-support a .icon-support {
    width: auto;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 90px
}

.signupformContainer .helpline-support a .text-support {
    font-size: 26px;
    width: auto;
    display: inline-block;
    line-height: 30px;
    text-align: center
}

.signupformContainer .helpline-support a .text-support span {
    font-size: 14px;
    color: #000;
    letter-spacing: 8px
}

.signupformContainer .btn-get-demo {
    cursor: pointer;
    border-radius: 5px;
    vertical-align: top;
    margin-top: 15px;
    min-height: 78px;
    background: #fff;
    opacity: 1;
    border: 1px solid #068af8;
    display: inline-block;
    color: #007bff;
    font-size: 20px
}

.signupformContainer .btn-get-demo span {
    font-size: 14px;
    color: #000;
    letter-spacing: 5px
}

@media only screen and (max-width:1400px) {
    .signupformContainer .form-group {
        margin-bottom: 1.5rem
    }
    .logo-img img {
        width: 200px
    }
}

@media only screen and (max-width:767px) {
    .mt-200 {
        margin-top: 0
    }
    .signupformContainer .signup-leftpanel h1 {
        text-align: center
    }
    .signupformContainer,
    .signupformContainer .signup-leftpanel .signup_form {
        width: 100%
    }
    .Signupcontainer .logo-img {
        padding-top: 20px
    }
    .Signupcontainer .logo-img img {
        width: 170px
    }
    .signupformContainer {
        margin: 0;
        padding: 15px
    }
    .signupformContainer .signup-leftpanel h1 {
        font-size: 24px;
        padding-bottom: 10px
    }
    .signup-rgtpanel {
        border-left: none
    }
    .signup-rgtpanel .leftinfo-list {
        padding: 0;
        margin: 0
    }
    .signup-rgtpanel h2 {
        font-size: 21px;
        padding-left: 0;
        text-align: center;
        letter-spacing: 0
    }
    .signup-rgtpanel h2 span {
        font-size: 18px
    }
  
    .signup-rgtpanel .leftinfo-list li {
        padding: 6px 0
    }
    .helpline-support a {
        margin-top: 5px
    }
    .helpline-support a .text-support {
        margin-top: -5px
    }
}

.forgot_password_container {
    width: 100%;
    background: #fff;
    height: 100vh
}

.forgot_password_container .paratext {
    color: #999;
    margin-bottom: 60px;
    padding-top: 5px;
    font-size: 15px
}

.signupleftbg {
    background: url(/images/signupleftbg.jpg) no-repeat 0 0 #fff;
    height: 100vh;
    background-size: cover;
    color: #333;
    text-align: center;
    font-size: 25px;
    padding-top: 90px;
    line-height: 40px
}

.signupleftbg span {
    font-weight: 500;
    letter-spacing: -2px;
    font-size: 40px;
    color: #333
}

.forogot_password_form {
    background: #fff;
    border-radius: 15px;
    padding: 40px 30px;
    width: 90%;
    margin: 40px auto 0
}

.forogot_password_form .signup-leftpanel h1 {
    letter-spacing: -2px;
    font-weight: 600;
    text-align: left;
    color: #000;
    padding-top: 0;
    padding-bottom: 30px;
    font-size: 32px
}

.forogot_password_form .signup-leftpanel .form-group {
    margin-bottom: 1rem
}

.forogot_password_form .form-group label {
    font-size: 13px;
    color: #333
}

.forogot_password_form .form-control {
    border-radius: 0;
    border-left: #e5e5e5;
    border-color: #e5e5e5 #e5e5e5 currentcolor;
    border-right: #e5e5e5;
    border-top: #e5e5e5;
    padding-left: 0
}

.forogot_password_form .form-control:focus {
    outline: none;
    box-shadow: none
}

.forogot_password_form .ortext {
    border: 1px solid #f0f0f0;
    background: #f0f0f0;
    position: relative;
    top: 10px;
    display: inline-block;
    margin: 5px 10px 0;
    font-weight: 600;
    width: 40px;
    height: 40px;
    padding-top: 8px;
    text-align: center;
    color: #b6b6b6;
    font-size: 14px;
    border-radius: 50% 50%
}

.forogot_password_form .border-btn {
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    min-width: 160px;
    height: 40px;
    font-family: 'Oxygen', sans-serif;;
    font-weight: 600;
    border-radius: 25px;
    font-size: 14px;
    border: 1px solid #047bf8;
    background: #fff;
    color: #047bf8;
    line-height: 1.2;
    margin-top: 15px
}

.forogot_password_form .border-btn:hover {
    background: #047bf8;
    color: #fff;
    border: 1px solid #047bf8
}

.forogot_password_form .form-btn {
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    min-width: 160px;
    height: 40px;
    font-family: 'Oxygen', sans-serif;;
    font-weight: 600;
    border-radius: 25px;
    font-size: 14px;
    color: #fff!important;
    line-height: 1.2;
    margin-top: 15px
}

.forogot_password_form .signuplink,
.forogot_password_form .termstxt {
    font-size: 13px;
    color: #999;
    text-align: center;
    width: 100%;
    margin-top: 0
}

.forogot_password_form .signuplink a,
.forogot_password_form .termstxt a {
    font-weight: 600
}

.forgot_password_container .custom-checkbox {
    display: inline-block
}

.forogot_password_form .signuplink {
    margin-top: 15px
}

.forogot_password_form .signup-leftpanel .signup_form {
    width: 90%
}

.signup-rgtpanel {
    border-left: 1px solid #f0f0f0
}

.signup-rgtpanel .leftinfo-list {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 25px
}

.signup-rgtpanel .leftinfo-list li {
    color: #555;
    font-size: 12px;
    text-align: left;
    padding: 9px 0
}

.signup-rgtpanel h2 {
    letter-spacing: -1px;
    color: #21356f;
    font-size: 27px;
    font-weight: 400;
    text-align: left;
    padding-left: 25px
}

.signup-rgtpanel h2 span {
    font-size: 20px;
    color: #02c2f2
}

.mt-200 {
    margin-top: 160px
}

.forogot_password_form .btn-get-demo,
.forogot_password_form .helpline-support {
    width: 280px;
    display: inline-block
}

.forogot_password_form .helpline-support {
    text-align: left
}

.forogot_password_form .helpline-support a {
    border: 1px solid #068af8;
    width: 100%;
    display: inline-block;
    border-radius: 5px;
    padding: 5px 15px;
    margin-top: 15px
}

.forogot_password_form .helpline-support a:hover {
    box-shadow: 0 0 5px #95cdfd;
    color: #000
}

.forogot_password_form .helpline-support a:hover span {
    color: #068af8!important
}

.forogot_password_form .helpline-support a .icon-support {
    width: auto;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 90px
}

.forogot_password_form .helpline-support a .text-support {
    font-size: 26px;
    width: auto;
    display: inline-block;
    line-height: 30px;
    text-align: center
}

.forogot_password_form .helpline-support a .text-support span {
    font-size: 14px;
    color: #000;
    letter-spacing: 8px
}

.forogot_password_form .btn-get-demo {
    cursor: pointer;
    border-radius: 5px;
    vertical-align: top;
    margin-top: 15px;
    min-height: 78px;
    background: #fff;
    opacity: 1;
    border: 1px solid #068af8;
    display: inline-block;
    color: #007bff;
    font-size: 20px
}

.forogot_password_form .btn-get-demo span {
    font-size: 14px;
    color: #000;
    letter-spacing: 5px
}

@media only screen and (max-width:1400px) {
    .forogot_password_form .form-group {
        margin-bottom: 1.5rem
    }
    .logo-img img {
        width: 200px
    }
}

@media only screen and (max-width:767px) {
    .mt-200 {
        margin-top: 0
    }
    .forogot_password_form .signup-leftpanel h1 {
        text-align: center
    }
    .forogot_password_form,
    .forogot_password_form .signup-leftpanel .signup_form {
        width: 100%
    }
    .forgot_password_container .logo-img {
        padding-top: 20px
    }
    .forgot_password_container .logo-img img {
        width: 170px
    }
    .forogot_password_form {
        margin: 0;
        padding: 15px
    }
    .forogot_password_form .signup-leftpanel h1 {
        font-size: 24px;
        padding-bottom: 10px
    }
    .signup-rgtpanel {
        border-left: none
    }
    .signup-rgtpanel .leftinfo-list {
        padding: 0;
        margin: 0
    }
    .signup-rgtpanel h2 {
        font-size: 21px;
        padding-left: 0;
        text-align: center;
        letter-spacing: 0
    }
    .signup-rgtpanel h2 span {
        font-size: 18px
    }
   
    .signup-rgtpanel .leftinfo-list li {
        padding: 6px 0
    }
    .helpline-support a {
        margin-top: 5px
    }
    .helpline-support a .text-support {
        margin-top: -5px
    }
}

.usersettting-form label {
    font-size: 13px;
    color: #3c4f5e;
    font-weight: 600
}

.usersettting-form .form-control {
    border-bottom: 1px solid #e5e5e5!important;
    border: none;
    border-radius: 0;
    padding-left: 0;
    height: 50px;
    font-size: 13px
}

.usersettting-form .form-control:focus {
    box-shadow: none;
    background: #fff
}

.usersettting-form .form-group {
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    text-align: left
}

.UserSettingcontainer .btn-edit-profile {
    font-size: 12px;
    letter-spacing: 0;
    float: right;
    text-transform: none
}

.UserSettingcontainer .btn-edit-profile svg {
    margin-right: 5px
}

.UserSettingcontainer .btn-small {
    font-size: 12px;
    position: absolute;
    right: 15px
}

@media only screen and (max-width:767px) {
    .UserSettingcontainer .shadowbox {
        padding: 15px 0
    }
    .UserSettingcontainer .minwid150 {
        min-width: 100px
    }
}

.Notification .notifi-row label {
    font-size: 14px;
    color: #333;
    font-weight: 600
}

.Notification .notifi-row {
    margin-bottom: 10px;
    text-align: left
}

.Notification .switch-toggle {
    margin-top: 8px
}

.Notification .switch-toggle .txt-deactive {
    margin-right: 10px;
    font-size: 12px;
    font-weight: 500;
    color: #666
}

.Notification .switch-toggle .custom-control-label {
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    color: #666
}

.Notification .switch-toggle .custom-control-label:before {
    top: 0
}

.Notification .switch-toggle .custom-switch .custom-control-label:after {
    top: 2px
}

.switch-toggle {
    font-size: 13px;
    font-weight: 400
}

.Notification .notifi-row label svg {
    margin-right: 5px;
    font-size: 15px;
    color: #007bff
}

.Notification .notifi-filter {
    margin-bottom: 25px;
    text-align: left
}

.Notification .notifi-filter .custom-control-inline {
    width: 16%
}

.Notification .notifi-filter .custom-control-label {
    font-size: 12px!important;
    cursor: pointer;
    font-weight: 500;
    color: #666
}

.Notification .notifi-filter .custom-control-label:after,
.Notification .notifi-filter .custom-control-label:before {
    top: 0
}

.Notification .instructions h2 {
    font-size: 15px
}

.Notification .instructions ul li {
    font-size: 12px;
    text-align: left;
    position: relative;
    padding: 5px 0 5px 16px
}

.Notification .instructions ul li:after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 100%;
    left: 0;
    top: 7px;
    background: #0c5460
}

.Notification .badge {
    font-weight: 400;
    padding: 5px 15px;
    border: 1px solid transparent;
    font-size: 12px;
    margin-left: 15px
}

.Notification .badge-light-warning {
    background-color: #fff3cd;
    border-color: #ffeeba;
    color: #856404
}

.Notification .badge-light-success {
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724
}

.Notification .badge-light-danger {
    background-color: #fde2e4;
    border-color: #f5c6cb;
    color: #912d37
}

@media only screen and (max-width:767px) {
    .Notification .shadowbox {
        box-shadow: none;
        padding: 0
    }
    .Notification .instructions {
        margin-top: 20px;
        padding-left: 0;
        padding-right: 0
    }
    .Notification .notifi-row label {
        font-size: 13px
    }
    .Notification .notifi-filter .custom-control-inline {
        width: auto;
        margin-right: .7rem
    }
    .Notification .badge {
        padding: 5px;
        font-size: 10px;
        margin-left: 2px
    }
    .Notification .switch-toggle {
        margin-top: 4px
    }
}

.userverification {
    background: #fff;
    width: 100%;
    height: 100vh
}

.userverification h4 {
    font-size: 23px;
    font-weight: 600;
    color: #333;
    padding: 3px
}

.userverification h4 b {
    font-weight: 600
}

.userverification h6 {
    padding: 3px
}

.page-title {
    text-transform: none
}

.userverification .form-group label {
    width: 100%;
    text-align: left;
    font-size: 13px
}

.userverification p {
    color: #666;
    padding: 3px
}

.userverification .hedng {
    color: #007bff
}

.userverification .btn {
    padding: 8px 50px;
    margin-top: 10px
}

.userverification .label {
    font-size: 12px;
    color: #333
}

.userverificationimg {
    margin-top: 0
}

.userverification .header {
    float: none;
    position: relative;
    padding-top: 40px;
    margin-bottom: 40px
}

.userverification .header .profile-dropdown {
    float: none;
    position: absolute
}

.userverification .padl-0 {
    padding-left: 0
}

.userverification .form-control {
    font-size: 13px
}

.userverification .martop-120 {
    margin-top: 38%
}

@media only screen and (max-width:767px) {
    .userverificationimg img {
        max-width: 100%;
        display: none
    }
    .userverification .header {
        padding-top: 15px;
        margin-bottom: 15px
    }
    .userverification {
        height: 100vh;
        margin-left: -15px;
        margin-right: -15px;
        width: 107%;
        padding: 15px
    }
    .userverification .form-control {
        font-size: 12px
    }
    .userverification h4 {
        font-size: 18px
    }
    .userverification p {
        font-size: 13px
    }
    .userverification .form-group {
        margin-bottom: .5rem
    }
}

@media only screen and (max-width:480px) {
    .userverification .enquiry-logo img {
        width: 120px
    }
    .userverification .header .profile-dropdown {
        position: absolute;
        top: -30px
    }
    .userverification .header .profile-dropdown .label-account-type {
        display: none
    }
}

.emailverified-popup {
    max-width: 700px
}

.emailverified-popup h2 {
    font-size: 20px;
    color: #10cfff;
    margin-top: 15px
}

.emailverified-popup h2 span {
    color: #333
}

.emailverified-popup p {
    font-size: 13px;
    color: #666;
    line-height: 24px;
    margin-bottom: 0
}

.emailverified-popup p strong {
    font-weight: 600;
    color: #333
}

.emailverified-popup .user-email {
    margin-bottom: 0;
    margin-top: 10px;
    height: 35px;
    background: #f0f0f0;
    width: auto;
    display: inline-block;
    position: relative;
    padding: 0 0 0 15px;
    border-radius: 30px
}

.emailverified-popup .user-email button {
    border: none;
    padding: 0
}

.emailverified-popup .user-email svg {
    font-size: 13px;
    color: #333;
    top: 10px
}

.emailverified-popup .user-email input {
    border: none;
    font-weight: 600;
    min-width: 220px;
    font-size: 14px;
    background: none;
    padding-top: 7px;
    padding-bottom: 5px
}

.emailverified-popup .user-email input::-webkit-input-placeholder {
    opacity: 1;
    color: #555
}

.emailverified-popup .user-email input::-moz-placeholder {
    opacity: 1;
    color: #555
}

.emailverified-popup .user-email input:-ms-input-placeholder {
    opacity: 1;
    color: #555
}

.emailverified-popup .user-email input::-ms-input-placeholder {
    opacity: 1;
    color: #555
}

.emailverified-popup .user-email input::placeholder {
    opacity: 1;
    color: #555
}

.emailverified-popup .user-email .btn-send {
    height: 36px;
    color: #fff;
    font-size: 12px;
    padding: 0 10px;
    margin-top: -2px;
    margin-right: -1px;
    border-radius: 0 20px 20px 0
}

.emailverified-popup .user-email .btn-close {
    margin-right: 8px;
    background: none;
    border: none
}

.emailverified-popup .user-email .btn-close svg {
    color: #dc3545
}

.emailverified-popup .user-email .btn-edit {
    margin-right: 15px
}

.emailverified-popup .lightinputbg {
    background: #fff;
    border: 1px solid #047bf8
}

.emailverified-popup .lightinputbg input {
    color: #047bf8
}

.emailverified-popup .txt-waiting {
    position: absolute;
    top: 25px;
    font-size: 16px;
    width: 100%;
    left: 10px;
    font-weight: 500;
    color: #85042d
}

.emailverified-popup .txt-waiting-res {
    padding-top: 15px;
    font-size: 14px;
    font-weight: 500
}

.emailverified-popup .txt-waiting-res img {
    margin-top: -5px;
    margin-right: 5px
}

@media only screen and (max-width:767px) {
    .emailverified-popup {
        max-width: 100%;
        margin: 2rem 0 0
    }
    .email-verified-img {
        display: none
    }
    .email-verified-img img {
        max-width: 100%
    }
    .emailverified-popup h2 {
        margin-top: 0
    }
    .emailverified-popup p {
        margin-top: 20px
    }
    .emailverified-popup .user-email input {
        font-size: 13px;
        padding-top: 9px;
        min-width: 80%;
        width: 80%;
        display: inline-block
    }
    .emailverified-popup .user-email .btn-edit {
        display: inline-block;
        width: 15px;
        background: none
    }
}

@media only screen and (max-width:480px) {
    .emailverified-popup .user-email {
        width: 100%
    }
    .emailverified-popup .user-email input {
        text-align: left;
        min-width: 80%;
        width: 80%;
        display: inline-block
    }
    .emailverified-popup .user-email .btn-edit {
        display: inline-block;
        width: 15px;
        background: none
    }
    .emailverified-popup .user-email .btn-send {
        border-radius: 20px;
        min-width: 120px;
        margin: 15px 0
    }
}

.BecomeBusinessUser {
    max-width: 600px;
    margin: 150px auto 0
}

.BecomeBusinessUser .txt-heading h3 {
    font-size: 18px;
    letter-spacing: -1px;
    color: #222d8c;
    margin-top: 10px;
    font-weight: 400
}

.BecomeBusinessUser .txt-heading h3:before {
    width: 100px;
    height: 1px;
    background: #222d8c;
    margin-left: -110px;
    top: 13px;
    position: absolute;
    content: " "
}

.BecomeBusinessUser .txt-heading h3:after {
    width: 100px;
    height: 1px;
    background: #222d8c;
    margin-left: 7px;
    top: 13px;
    position: absolute;
    content: " "
}

.BecomeBusinessUser .btn-business-type button.active,
.BecomeBusinessUser .btn-business-type button:hover {
    background: #00c3f3;
    border-color: #00c3f3;
    color: #fff
}

.BecomeBusinessUser .btn-business-type button {
    font-weight: 600;
    margin-top: 10px;
    color: #00c3f3;
    border-color: #00c3f3;
    font-size: 15px;
    border-radius: 30px;
    min-width: 150px;
    text-transform: uppercase
}

.BecomeBusinessUser .btn-business-type .or-circle {
    width: 40px;
    height: 40px;
    border-radius: 50% 50%;
    display: inline-block;
    background: #e7e7e7;
    color: #555;
    font-size: 13px;
    font-weight: 600;
    padding-top: 11px;
    position: relative;
    top: 8px;
    margin: 0 10px
}

.BecomeBusinessUser p {
    font-size: 13px;
    color: #666;
    line-height: 24px;
    padding: 15px 0 0;
    margin-bottom: 0
}

.BecomeBusinessUser p strong {
    font-weight: 600;
    color: #222d8c
}

.BecomeBusinessUser p.txtbold {
    font-weight: 600;
    color: #333
}

.BecomeBusinessUser .btn-getstared {
    min-width: 180px;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 20px;
    border-radius: 25px;
    padding: 10px 0
}

.emailverified-popup .btn-verfied {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    height: 30px;
    min-width: 100px;
    margin-bottom: 15px;
    margin-top: 13px
}

.emailverified-popup .title-bold {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #333
}

@media only screen and (max-width:767px) {
    .BecomeBusinessUser .btn-business-type {
        padding-left: 0;
        padding-right: 0
    }
    .BecomeBusinessUser {
        max-width: 100%;
        margin: 5rem 0 0
    }
}

@media only screen and (max-width:480px) {
    .BecomeBusinessUser {
        max-width: 100%;
        margin: 2rem 0 0
    }
    .BecomeBusinessUser .btn-business-type button {
        font-size: 12px;
        min-width: 90px
    }
    .BecomeBusinessUser .business-img img {
        max-width: 100%
    }
    .BecomeBusinessUser .txt-heading h3:after,
    .BecomeBusinessUser .txt-heading h3:before {
        width: 50px;
        display: none
    }
    .BecomeBusinessUser p {
        font-size: 12px;
        line-height: 20px
    }
    .BecomeBusinessUser .btn-business-type .or-circle {
        padding-top: 8px;
        top: 5px
    }
}

.SelectCategoryPopup {
    max-width: 600px;
    margin: 150px auto 0
}

.SelectCategoryPopup .txt-username {
    font-size: 15px;
    color: #222d8c;
    font-weight: 400;
    background: #daeef2;
    padding: 5px 20px;
    border-radius: 20px;
    display: inline-block
}

.SelectCategoryPopup .txt-username span {
    color: #00c3f3
}

.SelectCategoryPopup .txt-field-title {
    font-size: 19px;
    margin-bottom: 20px;
    margin-top: 15px;
    color: #333
}

.SelectCategoryPopup .txt-field-title strong {
    font-weight: 600
}

.SelectCategoryPopup .css-12jo7m5 {
    font-size: 13px
}

.SelectCategoryPopup .btn-search {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 20px;
    border-radius: 25px;
    padding: 10px 0
}

@media only screen and (max-width:767px) {
    .SelectCategoryPopup {
        max-width: 100%;
        margin: 5rem .5rem .5rem
    }
    .SelectCategoryPopup .categoryselectoption {
        padding-left: 0;
        padding-right: 0
    }
    .SelectCategoryPopup .txt-field-title {
        font-size: 16px
    }
}

@media only screen and (max-width:480px) {
    .SelectCategoryPopup {
        max-width: 100%;
        margin: 2rem .5rem .5rem
    }
    .SelectCategoryPopup .css-12jo7m5 {
        font-size: 12px
    }
    .SelectCategoryPopup .business-img img {
        max-width: 100%
    }
}

.agentlist-modal {
    max-width: 600px;
    margin: 8rem auto
}

.agentlist-modal .modal-body {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0
}

.agentlist-modal .modal-header {
    border-bottom: none;
    padding-bottom: 0
}

.agentlist-modal .modal-header svg {
    font-size: 16px;
    color: #0069d9;
    margin-right: 5px
}

.agentlist-modal .icon-user-img {
    width: 40px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: top
}

.agentlist-modal .icon-user-img img {
    max-width: 40px;
    min-width: 40px;
    min-height: 40px
}

.agentlist-modal .user-name {
    width: auto;
    display: inline-block;
    font-size: 13px;
    font-weight: 500
}

.agentlist-modal .user-name span {
    font-weight: 400;
    font-size: 11px;
    color: #999
}

.agentlist-modal .btn-action {
    float: right
}

.agentlist-modal .btn-action button {
    font-size: 11px
}

.agentlist-modal ul {
    margin: 0;
    padding: .25rem 0;
    width: 100%;
    float: left
}

.agentlist-modal ul li {
    width: 100%;
    display: block;
    float: left;
    margin: 0;
    padding: .8rem 1rem
}

.agentlist-modal ul li:nth-child(2n) {
    background: #f2f9fb
}

.agentlist-modal ul li:nth-child(odd) {
    background: #fff
}

.agentlist-modal ul li.li-padlr0 {
    padding-left: 0;
    padding-right: 0;
    margin-top: 10px
}

.agentlist-modal .btndelete {
    background-color: #f0f0f0;
    color: #333;
    border-color: #ccc
}

.agentlist-modal .link-viewmore {
    width: 100%;
    float: left;
    border-radius: 0 0 5px 5px;
    background: #fff;
    font-size: 13px;
    border-top: 1px solid rgba(0, 0, 0, .15);
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    text-align: center;
    font-weight: 500;
    z-index: 255
}

.btn-reg-account {
    position: fixed;
    color: #fff;
    font-size: 12px;
    right: 290px;
    border-radius: 20px
}

.agentlist-modal .txt-username {
    font-size: 15px;
    color: #222d8c;
    font-weight: 400;
    background: #daeef2;
    padding: 5px 20px;
    border-radius: 20px;
    display: inline-block
}

.agentlist-modal .txt-username span {
    color: #00c3f3
}

.agentlist-modal .txt-para {
    font-size: 17px;
    margin-bottom: 20px;
    margin-top: 15px;
    color: #333
}

.agentlist-modal .txt-para strong {
    font-weight: 500;
    color: #222d8c;
    font-size: 20px
}

.agentlist-modal .agent-img {
    margin-bottom: 20px
}

@media only screen and (max-width:767px) {
    .agentlist-modal {
        max-width: 100%;
        margin: 2rem 0 0
    }
    .agentlist-modal .link-viewmore {
        border-top: none;
        padding-top: 0
    }
    .agentlist-modal ul {
        margin-bottom: 0!important
    }
}

@media only screen and (max-width:480px) {
    .agentlist-modal {
        max-width: 100%;
        margin: 2rem 0 0
    }
    .agentlist-modal .user-name {
        font-size: 12px
    }
    .agentlist-modal .icon-user-img {
        width: 30px
    }
    .agentlist-modal .icon-user-img img {
        max-width: 30px;
        min-width: 30px;
        min-height: 30px
    }
    .agentlist-modal .agent-img img {
        width: 150px
    }
    .agentlist-modal .txt-para {
        font-size: 15px;
        margin-bottom: 0
    }
    .agentlist-modal .txt-para strong {
        font-size: 17px
    }
}

.UserRoleBack {
    padding: 30px 20px;
    margin-top: 20px;
    box-shadow: 0 0 15px #ccc;
    background-color: #fff;
    min-height: 600px
}

.UserRoleBack .users-agentslist li {
    text-align: left
}

.UserRoleBack .users-agentslist li .bold-title {
    width: auto;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -1px;
    text-transform: uppercase;
    display: inline-block
}

.UserRoleBack .users-agentslist li .icon-user-img {
    width: 30px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: top
}

.UserRoleBack .users-agentslist li .icon-user-img img {
    max-width: 30px;
    min-width: 30px;
    min-height: 30px
}

.UserRoleBack .users-agentslist li .user-name {
    width: auto;
    color: #333;
    display: inline-block;
    font-size: 13px;
    font-weight: 500
}

.UserRoleBack .users-agentslist li .user-name span {
    font-weight: 400;
    font-size: 11px;
    color: #999
}

.UserRoleBack .users-agentslist li .btn-action {
    float: right
}

.UserRoleBack .users-agentslist li .btn-action button {
    font-size: 12px;
    margin-bottom: 0
}

.UserRoleBack .users-agentslist li {
    padding: .25rem 0;
    width: 100%;
    display: block;
    float: left;
    margin: 0;
    padding: .8rem 1rem
}

.UserRoleBack .users-agentslist li:nth-child(2n) {
    background: #f9f8f8
}

.UserRoleBack .users-agentslist li:nth-child(odd) {
    background: #fff
}

.UserRoleBack .users-agentslist li .custom-input-col {
    width: 30px;
    display: inline-block;
    vertical-align: top
}

.UserRoleBack .users-agentslist li.li-whitebg {
    background: #fff
}

.business-terms-container .agent-action {
    border-radius: 7px;
    padding: 10px 15px
}

.business-terms-container p {
    font-size: 13px;
    text-align: justify;
    line-height: 24px;
    color: #666
}

.business-terms-container ul li {
    list-style: disc!important;
    margin-left: 15px;
    padding: 5px 0
}

.business-terms-container h4 {
    text-align: left;
    font-size: 14px;
    font-weight: 600
}

.business-terms-container .txt-agent-removed {
    font-weight: 500;
    font-size: 16px;
    border-radius: 5px
}

.business-terms-container .agent-action span {
    width: 30px;
    height: 30px;
    margin-top: 0;
    font-size: 14px;
    text-align: center;
    border-radius: 50% 50%;
    display: inline-block;
    padding-top: 5px
}

.business-terms-container .agent-action.alert-danger-light {
    background-color: #fdeced;
    border-color: #f5c6cb;
    color: #721c24
}

.business-terms-container .agent-action.alert-success-light {
    background-color: #e4f2e8;
    border-color: #c3e6cb;
    color: #155724
}

.business-terms-container .bold-terms-txt p {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    color: #333
}

.UserRoleBack .progressbar {
    counter-reset: step;
    margin-bottom: 20px
}

.UserRoleBack .progressbar li {
    list-style: none;
    display: inline-block;
    width: 33.33%;
    position: relative;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    font-weight: 500;
    padding-top: 50px
}

.UserRoleBack .progressbar li span {
    content: counter(step);
    counter-increment: step;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #ddd;
    border-radius: 100%;
    display: block;
    text-align: center;
    margin: 0 auto 10px;
    background-color: #fff;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 2;
    top: 0;
    color: #aaa;
    font-size: 16px
}

.UserRoleBack .progressbar li:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #e7e7e7;
    top: 20px;
    left: 50%;
    z-index: 1
}

.UserRoleBack .progressbar li:first-child:after {
    content: " "
}

.UserRoleBack .progressbar li:last-child:after {
    content: " ";
    left: -50%
}

.UserRoleBack .progressbar li.first.active:after {
    background-color: #e7e7e7
}

.UserRoleBack .progressbar li.second.active:after {
    background-color: #28a745;
    left: -50%
}

.UserRoleBack .progressbar li.last.active:after {
    background-color: #28a745
}

.UserRoleBack .progressbar li.active {
    color: #28a745
}

.UserRoleBack .progressbar li.active span {
    border-color: #28a745;
    background: #28a745;
    color: #fff
}

.UserRoleBack .progressbar li.active+li:after {
    background-color: #e7e7e7
}

.UserRoleBack .userroll-alert {
    border-radius: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #edfbfd;
    border: 2px dashed #bee5eb;
    color: #468691
}

.UserRoleBack .userroll-alert .userroll-alert-txt {
    font-size: 20px;
    padding-top: 70px
}

.UserRoleBack .userroll-alert .userroll-alert-txt span {
    font-weight: 500
}

@media only screen and (max-width:992px) {
    .UserRoleBack {
        min-height: auto
    }
}

@media only screen and (max-width:767px) {
    .UserRoleBack .userroll-alert .userroll-alert-txt {
        padding-top: 20px;
        font-size: 16px
    }
    .UserRoleBack .userroll-alert .userroll-alert-txt br {
        display: none
    }
}

@media only screen and (max-width:480px) {
    .UserRoleBack .users-agentslist li .btn-action button {
        font-size: 11px
    }
    .UserRoleBack .users-agentslist li .user-name {
        font-size: 12px
    }
    .UserRoleBack .users-agentslist li {
        padding: .5rem
    }
    .UserRoleBack .progressbar li {
        padding-top: 40px;
        font-size: 13px
    }
    .UserRoleBack .progressbar li span {
        width: 30px;
        height: 30px;
        font-size: 13px;
        line-height: 30px
    }
    .UserRoleBack .users-agentslist li .bold-title {
        font-size: 15px
    }
}

.BusinessMap,
.Claim-businessprofile,
.claim-CompanyList,
.ClaimBusinessVerific,
.ContactInfo {
    background-color: #fff;
    padding: 30px 20px;
    box-shadow: 0 0 15px #ccc
}

.Claim-businessprofile .form {
    padding: 0 17px
}

.Claim-businessprofile .form-control {
    font-size: 13px
}

.Claim-businessprofile .form-group label {
    font-size: 13px;
    color: #4b555f;
    font-weight: 500;
    width: 100%;
    text-align: left
}

.Claim-businessprofile .thin-heading {
    font-weight: 300;
    font-size: 22px;
    padding-bottom: 10px
}

.Claim-businessprofile .business-rgt-img {
    vertical-align: top;
    position: relative
}

.Claim-businessprofile .business-rgt-img img {
    max-width: 100%;
    margin-top: -100px;
    max-height: 500px
}

.Claim-businessprofile .input-search-business {
    background: none;
    font-size: 30px!important;
    padding: 15px 0;
    font-weight: 300;
    height: 70px;
    margin-bottom: 30px;
    border: none;
    border-bottom: 2px solid rgba(0, 0, 0, .1);
    border-radius: 0
}

.Claim-businessprofile .input-search-business:focus {
    box-shadow: none;
    border-bottom: 2px solid #047bf8
}

.Claim-businessprofile .input-search-business::-webkit-input-placeholder {
    opacity: .5
}

.Claim-businessprofile .input-search-business::-moz-placeholder {
    opacity: .5
}

.Claim-businessprofile .input-search-business:-ms-input-placeholder {
    opacity: .5
}

.Claim-businessprofile .input-search-business::-ms-input-placeholder {
    opacity: .5
}

.Claim-businessprofile .input-search-business::placeholder {
    opacity: .5
}

.Claim-businessprofile .btn-icon-search {
    position: absolute;
    top: 20px;
    box-shadow: none;
    border-radius: 50% 50%;
    right: 5px;
    background: none;
    border: none;
    font-size: 18px;
    color: rgba(0, 0, 0, .2)
}

.Claim-businessprofile .btn-icon-search span {
    display: none
}

.Claim-businessprofile .btn-icon-search:focus,
.Claim-businessprofile .btn-icon-search:hover {
    background: #047bf8;
    color: #fff
}

.Claim-businessprofile .btn svg {
    margin-left: 5px;
    font-size: 15px
}

.Claim-businessprofile .bor-left {
    border-right: 1px solid #e5e5e5
}

.Claim-businessprofile .txt-payment-mode {
    padding-left: 30px
}

.Claim-businessprofile .payment-mode {
    margin-top: 40px;
    padding-left: 30px
}

.Claim-businessprofile .payment-mode li {
    padding: 0 0 30px;
    position: relative
}

.Claim-businessprofile .payment-mode li .icon-paymentmode {
    float: right;
    position: absolute;
    right: 0;
    top: -5px
}

.Claim-businessprofile .payment-mode .custom-checkbox .custom-control-label:after,
.Claim-businessprofile .payment-mode .custom-checkbox .custom-control-label:before {
    margin-top: -5px
}

.Claim-businessprofile .rc-time-picker-clear-icon:after {
    font-size: 14px;
    font-weight: 600;
    margin-top: -5px
}

.Claim-businessprofile .label-heading {
    font-size: 15px!important;
    color: #333!important;
    text-align: left;
    width: 100%
}

.Claim-businessprofile .label-heading img {
    margin-right: 10px
}

.Claim-businessprofile .payment-mode .custom-control {
    text-align: left
}

.Claim-businessprofile .comp-workinglist {
    margin-bottom: 25px
}

.Claim-businessprofile .comp-workinglist .timepicker-col label {
    font-size: 11px;
    color: #6c7884;
    font-weight: 500;
    width: 100%;
    text-align: left
}

.Claim-businessprofile .comp-workinglist .txt-day {
    font-size: 13px;
    text-align: left;
    color: #4b555f;
    font-weight: 500;
    padding-top: 30px
}

.Claim-businessprofile .swicth-control {
    position: relative;
    padding-top: 30px
}

.Claim-businessprofile .swicth-control .custom-switch {
    padding-left: 3rem
}

.Claim-businessprofile .swicth-control span {
    font-size: 12px;
    color: #6c7884;
    font-weight: 500;
    position: absolute;
    top: 33px
}

.Claim-businessprofile .swicth-control .txt-open {
    right: 5px
}

.Claim-businessprofile .swicth-control .txt-close {
    left: 7px
}

.Claim-businessprofile .rc-time-picker {
    width: 100%
}

.map-section {
    width: 100%;
    display: block;
    height: 500px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    position: relative
}

.ClaimBusinessVerific .upload-images-section {
    border: 2px dashed #ccc;
    border-radius: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    float: left
}

.BusinessMap .txt-para,
.ClaimBusinessVerific .txt-para,
.ContactInfo .txt-para {
    color: #666
}

.BusinessMap h2,
.ClaimBusinessVerific .upload-images-section h2,
.ContactInfo h2 {
    font-size: 30px;
    font-weight: 400;
    margin: 20px 0 15px;
    letter-spacing: -1px;
    color: #2c353e
}

.ClaimBusinessVerific .btn-inputfile {
    position: relative;
    width: 170px;
    height: 40px;
    margin-bottom: 25px
}

.ClaimBusinessVerific .btn-inputfile svg {
    position: absolute;
    color: #fff;
    left: 20px;
    top: 10px
}

.ClaimBusinessVerific .btn-inputfile input {
    position: absolute;
    left: 0;
    width: 170px;
    height: 40px;
    opacity: 0;
    top: 0;
    cursor: pointer
}

.ClaimBusinessVerific .btn-inputfile:before {
    content: "Upload Images";
    width: 170px;
    height: 40px;
    position: absolute;
    left: 6px;
    top: 4px;
    padding: 5px 0 0 15px;
    color: #fff
}

.ClaimBusinessVerific .gallery-img-col {
    width: 191px;
    height: 190px;
    box-shadow: 0 2px 5px #b0b0b0;
    position: relative;
    float: left;
    border-radius: 7px;
    margin: 8px
}

.ClaimBusinessVerific .upload-img-col {
    width: 191px;
    cursor: pointer;
    height: 190px;
    background-size: cover;
    background-position: 50%;
    float: left;
    padding: 10px;
    border: 9px solid #fff;
    border-radius: 7px;
    vertical-align: top
}

.ClaimBusinessVerific .gallery-img-col .btn-close {
    position: absolute;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-transform: scale(1);
    transform: scale(1);
    background: rgba(206, 3, 23, .74);
    color: #fff!important;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    right: 9px;
    top: 9px;
    border: none;
    padding: 1px 0 0;
    margin: 0;
    z-index: 25
}

.ClaimBusinessVerific .gallery-img-col .btn-close svg {
    font-size: 13px;
    position: relative;
    top: -3px;
    color: #fff!important
}

.ClaimBusinessVerific .gallery-img-col .btn-close:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.ClaimBusinessVerific .upload-img-col img {
    max-width: 175px;
    vertical-align: middle;
    position: relative;
    z-index: 15
}

.ContactInfo .formcol label {
    width: 100%;
    text-align: left
}

.ContactInfo .border-col {
    border: 1px solid #ccc;
    width: 100%;
    display: block;
    border-radius: 5px;
    padding: 30px 15px 15px;
    position: relative;
    margin-top: 30px
}

.ContactInfo .col-heading {
    font-size: 13px;
    padding: 5px 15px;
    background: #fff;
    position: absolute;
    top: -15px;
    font-weight: 600;
    color: #4b555f
}

.ContactInfo .col-heading svg {
    margin-right: 3px;
    font-size: 14px
}

.ContactInfo .btn-add {
    height: 28px;
    padding-top: 2px;
    width: 30px
}

.ContactInfo .btn-add svg {
    font-size: 12px
}

.ContactInfo .padl-0 {
    padding-left: 0
}

.kyc-doc-list {
    font-size: 13px;
    color: #4b555f;
    font-weight: 500
}

.ContactInfo-verifymodal,
.uploadimg-modal {
    margin: 10rem auto
}

.ContactInfo-verifymodal .modal-header,
.uploadimg-modal .modal-header {
    border-bottom: none;
    padding: 0
}

.ContactInfo-verifymodal .modal-title,
.uploadimg-modal .modal-title {
    font-size: 24px;
    color: #2c353e;
    margin-top: -15px
}

.ContactInfo-verifymodal .modal-text,
.uploadimg-modal .modal-text {
    color: #666
}

.ContactInfo-verifymodal .circle-icon,
.uploadimg-modal .circle-icon {
    width: 85px;
    height: 85px;
    display: inline-block;
    border-radius: 50% 50%;
    color: #007bff;
    font-size: 27px;
    padding-top: 22px;
    margin-bottom: 10px
}

.ContactInfo-verifymodal .circle-icon .icon-cal {
    -webkit-transform: rotate(99deg);
    transform: rotate(99deg)
}

.ContactInfo-verifymodal .otp-col,
.uploadimg-modal .col-upload {
    width: auto;
    display: inline-block;
    cursor: pointer;
    margin: 15px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: #007bff
}

.ContactInfo-verifymodal .modal-header .close {
    position: relative;
    z-index: 50
}

.uploadimg-modal .col-upload {
    position: relative
}

.uploadimg-modal .input-file-upload {
    cursor: pointer
}

.uploadimg-modal .input-file-upload input {
    position: absolute;
    cursor: pointer;
    left: 0;
    opacity: 0;
    width: 97px;
    height: 114px
}

.modal-otp {
    max-width: 500px;
    margin: 10rem auto
}

.modal-otp .modal-header {
    border-bottom: none;
    padding: 0;
    text-align: center
}

.modal-otp .modal-title {
    line-height: 27px;
    letter-spacing: -1px
}

.modal-otp .modal-content {
    padding: 15px
}

.modal-otp .form-control {
    border-bottom: 1px solid #e5e5e5!important;
    border: none;
    border-radius: 0;
    padding-left: 0;
    height: 50px;
    font-size: 17px;
    margin-bottom: 15px
}

.modal-otp .form-control:focus {
    box-shadow: none
}

.modal-otp .txt-countrycode {
    font-weight: 600;
    vertical-align: center;
    margin-bottom: 0;
    padding-right: 0;
    font-size: 20px
}

.modal-otp .txt-resendotp {
    background: none;
    border: none;
    font-size: 13px;
    color: #c00;
    padding: 0;
    font-weight: 500
}

.modal-otp .txt-resendotp.focus,
.modal-otp .txt-resendotp:focus,
.modal-otp .txt-resendotp:hover {
    background: none!important;
    border: none!important;
    color: #c00!important;
    box-shadow: none!important
}

.modal-otp .verifybtn {
    border-radius: 50px;
    text-transform: uppercase;
    width: 130px;
    height: 35px;
    font-size: 13px;
    font-weight: 600;
    display: inline-block
}

.company-tab .nav-link {
    font-size: 14px;
    font-weight: 500;
    cursor: pointer
}

.company-tab .nav-link.active {
    color: #007bff
}

.react-html5-camera-photo>img,
.react-html5-camera-photo>video {
    width: 100%!important
}

@media only screen and (max-width:1500px) {
    .business-rgt-img img {
        margin-top: -100px
    }
}

@media only screen and (max-width:1300px) {
    .business-rgt-img img {
        margin-top: -70px
    }
}

@media only screen and (max-width:992px) {
    .BusinessMap,
    .Claim-businessprofile,
    .claim-CompanyList,
    .ClaimBusinessVerific,
    .ContactInfo {
        padding: 15px
    }
    .Claim-businessprofile .comp-workinglist,
    .Claim-businessprofile .payment-section {
        flex: 0 0 100%;
        max-width: 100%
    }
    .Claim-businessprofile .payment-mode,
    .Claim-businessprofile .txt-payment-mode {
        padding-left: 0
    }
    .ClaimBusinessVerific .upload-img-col {
        width: 190px
    }
    .ClaimBusinessVerific .upload-img-col img {
        max-width: 170px;
        vertical-align: middle;
        position: relative;
        z-index: 15
    }
    .ClaimBusinessVerific .upload-img-col:nth-child(3),
    .ClaimBusinessVerific .upload-img-col:nth-child(5),
    .ClaimBusinessVerific .upload-img-col:nth-child(10),
    .ClaimBusinessVerific .upload-img-col:nth-child(15) {
        margin-right: 15px
    }
    .Claim-businessprofile .bor-left {
        display: none
    }
    .Claim-businessprofile .comp-payment-mode {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media only screen and (max-width:767px) {
    .Claim-businessprofile .input-search-business {
        font-size: 20px!important
    }
    .Claim-businessprofile .swicth-control {
        position: relative;
        padding-top: 5px;
        padding-bottom: 10px;
        position: absolute;
        right: 0;
        width: 150px;
        z-index: 100
    }
    .Claim-businessprofile .swicth-control .custom-switch {
        padding-left: 3rem;
        display: inline-block
    }
    .Claim-businessprofile .swicth-control span {
        font-size: 12px;
        color: #6c7884;
        font-weight: 500;
        display: inline-block;
        top: 0;
        position: relative
    }
    .Claim-businessprofile .swicth-control .txt-open {
        right: auto
    }
    .Claim-businessprofile .swicth-control .txt-close {
        left: auto
    }
    .Claim-businessprofile .row-outline {
        border: 1px solid #e5e5e5;
        border-radius: 5px;
        margin: 0 0 15px;
        padding-bottom: 15px
    }
    .Claim-businessprofile .comp-workinglist .txt-day {
        padding-top: 10px
    }
    .Claim-businessprofile .payment-mode,
    .Claim-businessprofile .txt-payment-mode {
        padding-left: 0
    }
    .Claim-businessprofile .payment-mode {
        margin-top: 15px
    }
    .Claim-businessprofile .payment-mode li {
        padding-bottom: 20px
    }
    .Claim-businessprofile .comp-workinglist .txt-day {
        font-size: 13px;
        position: relative;
        z-index: 50
    }
    .ClaimBusinessVerific .upload-img-col {
        width: 100%;
        margin: 0 0 15px;
        text-align: center
    }
    .ClaimBusinessVerific .upload-img-col img {
        max-width: 100%;
        max-height: 175px
    }
    .ClaimBusinessVerific .upload-images-section h2,
    .ContactInfo h2 {
        font-size: 24px
    }
    .ClaimBusinessVerific .txt-para,
    .ContactInfo .txt-para {
        line-height: 24px
    }
    .Claim-businessprofile .form-control-file,
    .form-control-range {
        font-size: 13px
    }
    .mob-pl-15 {
        padding-left: 15px!important
    }
    .mob-pr-15 {
        padding-right: 15px!important
    }
    .mob-mt-0 {
        margin-top: 0!important
    }
    .Claim-businessprofile .comp-workinglist .timepicker-col label {
        text-align: left
    }
    .claim-CompanyList .company-tab .nav-item {
        width: 50%
    }
    .claim-CompanyList .company-tab .nav-link {
        font-size: 13px
    }
    .Claim-businessprofile .payment-mode li .icon-paymentmode {
        top: -14px
    }
    .BusinessMap h2,
    .ClaimBusinessVerific .upload-images-section h2,
    .ContactInfo h2 {
        font-size: 22px
    }
    .ClaimBusinessVerific .gallery-img-col {
        width: 46%;
        margin: 8px
    }
    .kyc-doc-list {
        text-align: left!important
    }
    .btn-add-business {
        margin-top: -6px;
        padding: .2rem .75rem
    }
}

@media only screen and (max-width:480px) {
    .Claim-businessprofile .form-group label {
        font-size: 12px
    }
    .Claim-businessprofile .business-rgt-img img {
        margin-top: 0
    }
    .Claim-businessprofile .input-search-business {
        font-size: 18px!important
    }
    .ContactInfo .btn-add {
        margin-left: .2rem!important
    }
    .ContactInfo .btn-verify {
        padding: .25rem .3rem;
        font-size: 11px
    }
    .ContactInfo {
        padding: 15px
    }
    .ContactInfo-verifymodal {
        max-width: 100%;
        margin: 10rem 15px
    }
    .ClaimBusinessVerific .gallery-img-col {
        width: 100%;
        margin: 8px 0
    }
    .kyc-doc-list .custom-control-inline {
        display: block;
        width: 100%;
        margin-right: 0
    }
}

.termscontainer {
    padding-top: 60px;
    background: #fff
}

.termsConditions {
    margin: 0;
    padding: .25rem 1rem
}

.termsConditions h2 {
    font-size: 22px;
    letter-spacing: -1px;
    text-align: left;
    margin-bottom: 15px
}

.termsConditions p {
    width: 100%;
    display: block;
    float: left;
    margin: 0 0 15px;
    text-align: justify;
    font-size: 13px;
    color: #525252;
    line-height: 24px
}

.termsConditions .title-heading {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 600;
    text-align: left;
    color: #007bff;
    letter-spacing: -.5px
}

.termsConditions .heading-bold {
    font-size: 15px;
    font-weight: 600;
    text-align: left;
    color: #333;
    letter-spacing: -.5px
}

.terms-navbar {
    position: fixed;
    width: 260px;
    top: 60px
}

.terms-navbar li {
    padding: 12px 15px 0;
    height: 40px;
    text-align: left;
    width: 100%;
    border-radius: 5px
}

.terms-navbar li a {
    color: #333;
    font-weight: 600;
    font-size: 13px;
    width: 280px!important;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.terms-navbar li.is-current {
    background: #007bff;
    color: #fff
}

.terms-navbar li.is-current a {
    color: #fff
}

@media only screen and (max-width:1500px) {
    .terms-navbar li {
        padding: 12px 15px 0;
        height: 38px
    }
}

@media only screen and (max-width:1300px) {
    .terms-navbar li {
        padding: 8px 15px 0;
        height: 35px
    }
    .terms-navbar li a {
        font-size: 12px
    }
}

@media only screen and (max-width:767px) {
    .terms-navbar {
        display: none
    }
}

.plan-row {
    justify-content: center
}

.card-plan {
    box-shadow: 0 0 5px #ccc;
    text-align: center;
    padding: 10px 0;
    margin-bottom: 30px!important
}

.card-plan .v-center {
    align-self: center
}

.pad-lr-0 {
    padding-left: 0;
    padding-right: 0
}

.card-plan:hover {
    border: 1px solid #047bf8
}

.card-plan .card-body {
    padding: 0
}

.card-plan .card-body .row {
    margin-left: 0;
    margin-right: 0
}

.card-plan .card-title {
    color: #222e3a;
    font-size: 18px
}

.card-plan .card-price {
    font-size: 45px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #047bf8
}

.card-plan .period {
    font-size: 16px;
    color: #64707c;
    letter-spacing: 0;
    font-weight: 400
}

.card-plan .card-list {
    text-align: left;
    height: auto;
    padding: 0
}

.card-plan .card-list li {
    padding: 5px 0;
    color: #222e3a;
    font-size: 14px
}

.card-plan .card-list li .txt-city {
    width: auto;
    display: inline-block;
    width: 69%;
    vertical-align: top;
    margin-left: 5px
}

.card-plan .card-list li strong {
    font-weight: 600
}

.card-plan .card-list li .circle-check {
    background: #d4edda;
    padding-top: 1px;
    text-align: center;
    margin-right: 15px;
    border-radius: 50% 50%;
    width: 25px;
    height: 25px;
    display: inline-block
}

.card-plan .card-list svg {
    color: #155724;
    font-size: 10px
}

.card-round-title {
    background-color: #556777;
    color: #fff;
    width: auto;
    display: inline-block;
    border-radius: 30px;
    font-size: 13px;
    padding: 5px 15px;
    margin-bottom: 15px
}

.card-plan .txt-cat {
    font-size: 14px;
    color: #505a64
}

.card-plan .txt-date {
    font-size: 15px;
    margin: 0 0 15px;
    width: 100%;
    line-height: 18px
}

.card-plan .txt-date strong {
    font-weight: 600;
    font-size: 12px
}

.btn-rounded {
    border-radius: 30px;
    font-size: 14px;
    min-width: 130px;
    height: 40px;
    padding: .42rem 1rem
}

.cat_name_list {
    background-color: #e7f1fb;
    margin: 3px;
    border: 1px solid #cadbec;
    color: #3b4956;
    width: auto;
    display: inline-block;
    border-radius: 30px;
    font-weight: 500;
    font-size: 12px;
    padding: 3px 10px
}

.ribbon {
    left: 0;
    top: 0
}

.ribbon,
.ribbon3 {
    position: absolute
}

.ribbon3 {
    width: 80px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    color: #fff;
    font-size: 13px;
    left: -8px;
    top: 15px
}

.ribbon-danger {
    background: #dc3545
}

.ribbon-danger:before {
    border-bottom: 9px solid #dc3545
}

.ribbon-danger:after {
    border-left: 10px solid #dc3545
}

.ribbon-success {
    background: #28a745
}

.ribbon-success:before {
    border-bottom: 9px solid #28a745
}

.ribbon-success:after {
    border-left: 10px solid#28a745
}

.ribbon3:after,
.ribbon3:before {
    content: "";
    position: absolute
}

.ribbon3:before {
    height: 0;
    width: 0;
    top: -8.5px;
    left: .1px;
    border-left: 9px solid transparent
}

.ribbon3:after {
    height: 0;
    width: 0;
    right: -10px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent
}

.loader1 {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #3498db;
    width: 25px;
    height: 25px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 1s linear infinite;
    display:none;
  }
  
/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }