/*  */

html {
    height: 100%;
    box-sizing: border-box;
}

.globalheading {
    align-items: center;
}

html,
body {
    height: 100%;
    font-family: 'Robot';
    font-weight: normal;
    background: #fff;
}

@font-face {
    font-family: 'Robot';
    src: url('../fonts/Roboto-Regular.woff2') format('woff2'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.woff2') format('woff2'), url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.woff2') format('woff2'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work-Sans-Medium';
    src: url('../fonts/WorkSans-Medium.woff') format('woff'), url('../fonts/WorkSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

#wrapper {
    position: relative;
}


/* Cmmon  CSS Start Here */

.clearfix {
    content: "";
    clear: both;
    display: table;
}

button:focus,
input:focus,
textarea:focus,
select.form-control:focus {
    outline: 0 !important;
    box-shadow: none !important;
}

a:focus {
    outline: transparent;
}

a:hover {
    text-decoration: none;
}

.no_padding {
    padding: 0;
}

.dflex {
    display: flex;
}

.dflex_bet {
    justify-content: space-between;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px;
    font-size: 20px;
}

label,
p {
    color: #000;
    font-size: 16px;
    margin: 0;
}

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

.globalheading h2 {
    font-size: 20px;
    color: #00054F;
    font-weight: bold;
}

.globalheading h2 span {
    color: #131313;
    display: inline-block;
}

.globalheading h2 .navigation-arrow {
    display: inline-block;
    padding: 0 15px;
    color: #000;
}

.globalheading h2 .badge {
    width: 33px;
    height: 24px;
    text-align: center;
    line-height: 20px;
    background-color: #000;
    border-radius: 100%;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    margin-left: 15px;
}

.form-group {
    position: relative;
    margin-bottom: 15x;
}

.form-group .floating-label {
    position: absolute;
    left: 20px;
    top: -10px;
    background-color: #fff;
    padding: 0 5px;
    font-size: 14px;
    color: #8D93A1;
    margin-bottom: 10px;
}

.form-group .form-control {
    font-size: 16px;
    color: #212734;
    padding: 14px;
    height: 50px;
    border: 1px solid #B1B1B1;
    border-radius: 8px;
}

.form-group select.form-control {
    font-size: 16px;
    border-radius: 0px;
    appearance: none;
    height: 48px;
    padding-right: 25px;
    background-image: url(../images/right-arrow.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) calc(1em + 0px), calc(100% - 27px) calc(1em + 2px), 100% 0;
    background-size: 16px 17px, 16px 5px, 2.5em 2.5em;
    border: 1px solid #B1B1B1;
    border-radius: 8px;
}

.form-group textarea.form-control {
    font-size: 16x;
    padding: 14px;
    border-radius: 8px;
    resize: none;
    height: 130px;
}

.common_btn button {
    color: #fff;
    font-size: 14px;
    line-height: 10px;
    min-width: 106px;
    height: 38px;
    padding: 10px 15px;
    border: 0;
    outline: 0;
    margin-top: 0px;
    box-shadow: none;
    background-color: #000;
    border: 1px solid #000;
    border-radius: 8px;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}

.common_btn button:hover {
    background-color: transparent;
    color: #000;
    border: 1px solid#000;
}

.common_modal.delete_modal p {
    text-align: center;
    font-size: 20px;
    color: #333;
    margin-top: 0px;
}

.common_modal .modal-content {
    width: 600px;
    margin: 0 auto;
    border-radius: 10px;
}

.common_modal.delete_modal .modal-body {
    padding: 25px 20px 25px 20px;
}

.common_modal.delete_modal .modal-footer {
    justify-content: center!important;
}

.common_modal.delete_modal button {
    border: 0px;
    padding: 0.375rem 0.75rem;
    border-radius: 4px;
    line-height: 27px;
    width: 100px;
    background: #000;
    color: #fff;
}


/* Floating Lable Heading Start Here */

.form-group {
    position: relative;
    margin-bottom: 20px;
    padding-top: 5px;
    word-break: break-all;
}

.form-group>p {
    font-size: 16px;
    position: relative;
}

.form-group input.form-control {
    border: none;
    border-bottom: 1px solid #292d321c;
    padding: 15px 10px 5px 10px;
    width: 100%;
    background-color: transparent;
    color: #000;
    font-size: 16px;
    border-radius: 0;
}

.form-group input[type=date].form-control {
    color: #000;
}

.other-details-wrap .casteslect .bootstrap-select button.dropdown-toggle {
    color: #000!important;
}

.other-details-wrap .casteslect .bootstrap-select .dropdown-menu li.disabled a {
    color: #000!important;
}

.form-group input:-ms-input-placeholder {
    color: #000;
}

.form-group input::-ms-input-placeholder {
    color: #000;
}

.casteslect .bootstrap-select button.dropdown-toggle:checked {
    color: #000!important;
}

.form-group>p label {
    position: absolute;
    top: 10px;
    font-size: 12px;
    color: #292d32c7;
    transform: translateY(-50%);
    pointer-events: none;
    font-weight: normal;
    transition: top 0.2s;
    color: #999;
    left: 10px;
    z-index: 1;
}

.form-group.full-input-wrap label {
    position: absolute;
    top: -11px;
    font-size: 12px;
    color: #292d32c7;
    transform: translateY(-50%);
    pointer-events: none;
    font-weight: normal;
    transition: top 0.2s;
    color: #999;
    left: 5px;
    z-index: 1;
}

.form-group label.smallinfo {
    position: absolute;
    top: 10px;
    font-size: 12px;
    color: #292d32c7;
    transform: translateY(-50%);
    pointer-events: none;
    font-weight: normal;
    transition: top 0.2s;
    color: #999;
    left: 10px;
    z-index: 1;
}

.form-group select:checked {
    color: #000!important;
}


/* .form-group select {
    -webkit-appearance:menulist-button;
    color: black!important;
} */

.form-group select.form-control option:checked {
    color: #000!important;
}

.form-group select.form-control {
    font-size: 16px;
    color: #000;
    appearance: none;
    height: 50px !important;
    padding-right: 25px;
    background-image: url(../images/right-arrow.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) calc(1em + 0px), calc(100% - 27px) calc(1em + 2px), 100% 0;
    background-size: 16px 17px, 16px 5px, 2.5em 2.5em;
    border: none;
    border-bottom: 1px solid #292d321c;
    border-radius: 0px;
    background-color: transparent;
    padding-left: 10px;
}


/* Floating Lable Heading End Here */

.headingcard {
    margin: 15px 0;
    font-size: 14px;
    color: #000;
    font-weight: bold;
}

.heading-common {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    margin: 10px 0;
}


/* Custom Switch Start Here */

.switch-wrap {
    display: inline-block;
    /* margin-right: 10px; */
}

.switch-wrap span {
    display: inline-block;
    font-size: 16px;
    color: #000000;
    margin-left: 10px;
    font-weight: bold;
}

.switch-wrap .switch {
    position: relative;
    display: inline-block;
    width: 47px;
    height: 24px;
}

.switch-wrap .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

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

input:checked+.slider {
    background-color: #D9D9D9
}

input:focus+.slider {
    box-shadow: 0 0 1px #D9D9D9
}

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


/* Rounded sliders */

.slider.round {
    border-radius: 34px;
    margin: 0;
}

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


/* Custom Switch End Here */


/* Custom Checkbox End Here */

.custom-checkbox input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.custom-checkbox label {
    position: relative;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
}

.custom-checkbox label:before {
    content: '';
    -webkit-appearance: none;
    background-color: #fff;
    border: 1px solid #95A1BB;
    padding: 8px;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 15px;
    top: -2px;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}

.custom-checkbox input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 7px;
    width: 5px;
    height: 11px;
    border: solid #fff;
    background-color: transparent;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    box-shadow: none;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}

.custom-checkbox input:checked+label::before {
    background-color: #000;
    border: 1px solid #000;
}


/* Custom Checkbox End Here */


/* Custom Radio Button Start Here */

.custom-radio {
    display: inline-flex;
}

.custom-radio [type="radio"]:checked,
.custom-radio [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.custom-radio [type="radio"]:checked+label,
.custom-radio [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    line-height: 23px;
    display: inline-block;
    color: #000;
    font-weight: normal;
    font-size: 16px;
    font-weight: bold;
}

.custom-radio [type="radio"]:checked+label:before,
.custom-radio [type="radio"]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 16px;
    height: 16px;
    border: 2px solid #000;
    border-radius: 100%;
    background: #fff;
}

.custom-radio [type="radio"]:not(:checked)+label:before {
    border: 2px solid #B1B1B1;
}

.custom-radio [type="radio"]:checked+label:after,
.custom-radio [type="radio"]:not(:checked)+label:after {
    content: "";
    width: 8px;
    height: 8px;
    background: #000;
    position: absolute;
    top: 7px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.custom-radio [type="radio"]:not(:checked)+label {
    color: #B1B1B1;
}

.custom-radio [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.custom-radio [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


/* Custom Radio Button End Here */

.custom-checkbox .form-group label {
    font-size: 16px;
    color: #000;
    font-weight: normal;
}

.sidebaroverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0009;
    z-index: 1;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    opacity: 0.5;
    content: "";
    display: none;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}


/* Common  CSS End Here */


/* Header CSS Start Here */

.headerwap .navbar-expand-lg {
    display: flex;
    height: 80px;
    justify-content: space-between;
    background-color: #333;
    /* background-color: #7d002a !important; */
    /* background-image: url(../images/header-bg.png); */
    background-repeat: no-repeat;
    background-size: 100% 80px;
    z-index: 999999;
    box-shadow: 2px 4px 10px rgb(0 0 0 / 20%);
}

.headerwap .navbar-expand-lg .navbar-brand {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 250px;
    text-align-last: center;
}

.headerwap .navbar-expand-lg .navbar-brand img {
    height: 65px;
    margin: 0 auto;
}

.headerwap .navbar-toggler-icon {
    color: #fff;
    cursor: pointer;
    /* display: none; */
}

.headerwap .navbar-toggler-icon img {
    width: 24px;
}

.headerwap .collapse.show {
    display: none !important;
    opacity: 0;
}

.headerwap .navbar-expand-lg .navbar-nav {
    position: relative;
}

.navbar-nav.navmenuwrap .nav-item {
    position: relative;
    min-width: 43px;
    height: 43px;
    border-radius: 100%;
    text-align: center;
    line-height: 40px;
    margin-left: 15px;
    cursor: pointer;
}

.navbar-nav.navmenuwrap .nav-item .nav-link {
    position: relative;
    font-size: 20px;
    color: #fff;
    width: 50px;
    height: 50px;
}

.navbar-nav.navmenuwrap .nav-item .nav-link img {
    position: absolute;
    left: 44%;
    top: 44%;
    transform: translate(-50%, -50%);
    width: 32px;
    height: 32px;
    border-radius: 100%;
    border: 1px solid #c0c0c0;
}

.navbar-nav.navmenuwrap .nav-item .search-box {
    position: relative;
}

.navbar-nav.navmenuwrap .nav-item .search-box input {
    position: relative;
    top: 1px;
    right: 0px;
    box-sizing: border-box;
    width: 30px;
    height: 36px;
    padding: 10px 30px 10px 15px;
    outline: none;
    font-size: 18px;
    border-radius: 50px;
    color: #29313a;
    transition: all 0.8s ease;
    background-color: transparent;
    border: 0;
    font-size: 16px;
    cursor: pointer;
}

.navbar-nav.navmenuwrap .nav-item .search-box input:focus {
    width: 225px;
    background-color: #fff;
}

.notification-wrap {
    position: relative;
}

.navbar-nav.navmenuwrap .nav-item .notification-wrap .notificationdot {
    position: absolute;
    right: 12px;
    top: 10px;
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 100%;
    background-color: #1BC167;
}

.navbar-nav.navmenuwrap .nav-item .search-box img {
    position: absolute;
    top: 11px;
    right: 5px;
    font-size: 20px;
    color: #fff;
    z-index: -1;
    transition: all 0.8s ease;
}

.log_out_popup .overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 80px;
    left: 0;
    opacity: 1;
    background-color: rgb(0 0 0 / 25%);
    overflow-x: hidden;
    transition: 0.5s;
    display: none;
}

.show .overlay {
    display: block;
}

.log_out_popup .dropdown-menu {
    position: absolute;
    border-radius: 0px 0px 4px 4px;
    border: 0;
    padding: 0;
    overflow: hidden;
    top: 47px !important;
    left: auto !important;
    right: -13px !important;
    box-shadow: 0px 2px 6px #0000000a;
}

.log_out_popup .dropdown-toggle::after {
    display: none !important;
}

.log_out_popup .dropdown-menu .dropdown-item {
    position: relative;
    padding: 10px 10px;
    padding-left: 60px;
    color: #43425D;
}

.log_out_popup .dropdown-menu .dropdown-item:focus {
    background-color: transparent;
}

.log_out_popup .dropdown-menu .dropdown-item i {
    position: absolute;
    top: 16px;
    left: 24px;
    font-size: 20px;
    color: #000;
}

.navbar-nav.navmenuwrap .nav-item .dropdown-toggle svg {
    position: absolute;
    right: -10px;
    top: 8px;
}


/* Header CSS End Here */


/* Sidebar CSS Start Here */

.sidenavwrap {
    position: fixed;
    left: 0;
    top: 5px;
    bottom: 0px;
    width: 320px;
    height: calc(100vh - 80px);
    background-color: #fff;
    padding-top: 0px;
    margin-top: 75px;
    color: #fff;
    overflow-y: auto;
    margin-left: 0px;
    z-index: 999;
    -webkit-transition: 0.5s linear;
    -moz-transition: 0.5s linear;
    -ms-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    transition: 0.5s linear;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
}

.sidenavwrap::-webkit-scrollbar {
    width: 10px;
    display: none;
}

.sidenavwrap:hover::-webkit-scrollbar {
    display: block;
}

.sidenavwrap::-webkit-scrollbar-track {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #333;
}

.sidenavwrap::-webkit-scrollbar-thumb {
    background-color: #333;
    outline: 1px solid #333;
    border-radius: 10px;
}

.sidenavwrap ul li {
    position: relative;
    /* padding: 12px 10px 12px 20px; */
    border-bottom: 1px solid #ffffff26;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}

/* .sidenavwrap ul li::after {
    content: " ";
    background-color: #000;
    width: 4px;
    height: 32px;
    border-radius: 20px;
    position: absolute;
    left: 1px;
    top: 8px;
    display: none;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
} */

/* .sidenavwrap ul li.active::after,
.sidenavwrap ul li:hover::after {
    display: block;
} */

.sidenavwrap ul li:hover,
.sidenavwrap ul li.active {
    background-color: #fff;
}

.sidenavwrap ul li.menulist:hover a,
.sidenavwrap ul li.menulist.active a,
.sidenavwrap ul li.menulist.active a i,
.sidenavwrap ul li.menulist:hover a i {
    color: #000;
    font-weight: bold;
}

.sidenavwrap ul li.menulist:hover a.active,
.sidenavwrap ul li.menulist a.active,
.sidenavwrap ul li.menulist a.active i,
.sidenavwrap ul li.menulist:hover a.active i {
    color: #fff;
    font-weight: bold;
    background-color: #000;
}

.sidenavwrap ul li a {
    display: flex;
    align-items: center;
    color: #000;
    padding: 12px 10px 12px 20px;
    font-size: 14px;
    /* display:block; */
    font-family: 'Work-Sans-Medium';
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}

.sidenavwrap ul li a svg {
    position: relative;
    top: 0px;
    margin-right: 10px;
    color: #b1b1b1;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}
.sidenavwrap ul li a svg path{
    fill: #000;
    stroke: #000;
}


.sidenavwrap ul li a.active svg path {
    fill: #fff;
    stroke: #fff;
}

.sidenavwrap ul li a:hover svg path{
 fill: #fff;
 stroke: #fff;
}

.sidenavwrap ul li a:hover{
background-color: #000;
color: #fff;
}




.sidenavwrap ul li a:hover span{
    /* background-color: #000; */
    color: #fff;
    font-weight: bold;
    }

.sidenavwrap ul li a span {
    position: relative;
    /* top: -5px; */
    display: inline-block;
    font-size: 16px;
}

#wrapper.hidenav .sidenavwrap {
    left: -320px;
    z-index: 2;
    -webkit-transition: 0.5s linear;
    -moz-transition: 0.5s linear;
    -ms-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    transition: 0.5s linear;
}

#wrapper.hidenav .middle-content-wrap {
    margin-left: 0;
    -webkit-transition: 0.5s linear;
    -moz-transition: 0.5s linear;
    -ms-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    transition: 0.5s linear;
}


/* Sidebar CSS End Here */


/* Middle Content CSS Start Here */

.middle-content-wrap {
    position: relative;
    margin-top: 70px;
    margin-left: 320px;
    padding: 35px 25px;
    min-height: 100vh;
    -webkit-transition: 0.5s linear;
    -moz-transition: 0.5s linear;
    -ms-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    transition: 0.5s linear;
    background-color: #F9F9F9;
}


/* Middle Content CSS End Here */


/* Dashboard CSS Start Here */

.dashboard_wrap {
    padding-right: 0px;
}

.dashboard_card {
    position: relative;
    background: #333;
    box-shadow: 0px 2px 5px #0000001a;
    border-radius: 5px;
    padding: 15px;
    height: 150px;
    margin-bottom: 15px;
}

.dashboard_card h2 {
    font-size: 36px;
    color: #fff;
    margin-top: 20px;
}

.dashboard_card span {
    display: block;
    color: #fff;
    font-size: 18px;
}

.dahsboard-table-heading {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

.dahsboard-table-heading label {
    margin-bottom: 0 !important;
}

.dahsboard-table-heading a {
    display: block;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
}

.revenue-percent {
    position: relative;
    margin-top: 15px;
}

.revenue-percent img {
    width: 20px;
    margin-right: 5px;
}

.revenue-percent p {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
}

.users-cards {
    margin-top: 20px;
}

.users-cards .user-detail-card {
    height: auto !important;
}

.user-detail-card.matched-card {
    height: 305px !important;
}

.user-detail-card.matched-card .chat-section-wrap.graph-2-wrap {
    margin-top: 55px;
}

.user-detail-card.matched-card .graph-label {
    color: #000000;
    /* opacity: 0.3; */
    font-size: 16px;
    font-weight: 600;
}


/* Dashboard CSS End Here */


/* Table Format CSS Start Here */

.tabledatawrap,
.add-form-wrap {
    position: relative;
    margin-top: 10px;
    width: 100%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E6E6E6;
    border-radius: 16px;
    padding: 10px 15px;
}

.tabledatawrap table {
    width: 100%;
    padding: 0 15px 50px 15px;
    overflow: hidden;
}

.td_center {
    text-align: center;
}

.tabledatawrap table thead {
    width: 100%;
    color: #177b70;
    border-radius: 10px;
    text-align: center;
    background-color: #edf5f4;
}

.tabledatawrap table thead th {
    position: relative;
    padding: 10px 10px;
    color: #0C1C36;
    font-size: 15px;
    background: #F0F0F0;
    text-align: left;
    white-space: nowrap;
}

.tabledatawrap table thead th::after {
    position: absolute;
    content: ' ';
    top: 50%;
    left: 0;
    height: 20px;
    width: 2px;
    background-color: #D9DEEA;
    transform: translateY(-50%);
}

.tabledatawrap table thead th:first-child:after {
    display: none;
}

.tabledatawrap table tbody tr {
    background: #00000000 0% 0% no-repeat padding-box;
    border-top: 15px solid #fff;
    overflow: hidden;
}

.tabledatawrap table thead tr th:first-child {
    border-bottom: 0px solid #F1F1F1;
    border-radius: 8px 0px 0px 8px;
}

.tabledatawrap table thead tr th:last-child {
    border-bottom: 0px solid #F1F1F1;
    border-radius: 0px 8px 8px 0px;
}

.tabledatawrap table thead tr th:first-child,
.tabledatawrap table tbody tr td:first-child {
    padding-left: 25px;
    overflow: hidden;
}

.tabledatawrap table thead tr th:last-child,
.tabledatawrap table tbody tr td:last-child {
    padding-right: 20px;
    overflow: hidden;
}

.tabledatawrap table tbody tr {
    border-top: 1px dashed #8080805c;
    border-bottom: 1px dashed #8080805c;
}

.tabledatawrap table tbody tr:first-child {
    border-top: 0px dashed #8080805c;
}

.tabledatawrap table tbody tr td {
    /* word-wrap: break-word; */
    padding: 15px 10px;
    color: #000000;
    font-size: 15px;
    vertical-align: middle;
    text-align: left;
    overflow: hidden !important;
}

.tabledatawrap table tbody tr td .custom-checkbox {
    width: 20px;
}

.action-btns {
    position: relative;
}

.action-btns button {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #FFCB49;
    border-radius: 6px;
    width: 120px;
    text-align: left;
    height: 40px;
    color: #FFCB49;
    cursor: pointer;
}

.action-btns button img {
    position: relative;
    margin-left: 5px;
    width: 6px;
}

.action-btns img {
    width: 38px;
    height: 38px;
    margin-right: 10px;
    border-radius: 4px;
    display: inline-block;
}

.action-btns a {
    font-size: 14px;
    text-decoration: underline;
    font-weight: bold;
    display: inline-block;
    color: #000;
    margin-right: 5px;
}


/* .action-btns .switch-wrap {
    min-width: 100px;
} */

.action-btns .switch-wrap span {
    margin: 0;
    padding: 0;
    display: inline-block;
    font-size: 14px;
}

.hide-profile-btn button {
    background-color: #D9D9D9;
    border-color: #D9D9D9;
    color: #000;
    width: auto;
    font-weight: bold;
    font-size: 15px;
    padding: 0px 15px;
}

.hide-profile-btn button img {
    position: relative;
    width: 25px;
    margin-right: 5px;
    height: auto;
}

.verfied-email-wrap img {
    position: relative;
    margin-left: 16px;
    width: 20px;
}


/* Table Format CSS End Here */

.login-wrap-saga {
    /* background-image: url(../images/marriage-bg.png); */
    background: #333;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 100vh;
    overflow-x: hidden;
    display: grid;
    align-items: center;
}

.mobile-login {
    display: none;
}

.login-wrap-saga .row {
    align-items: center;
}

.login-card-wrap {
    position: relative;
    height: 580px;
    width: 450px;
    margin-left: 70px;
}

.login-card-wrap .login-card {
    position: relative;
    background-color: #fff;
    padding: 60px 40px;
    border-radius: 30px;
    margin-top: 0px;
    height: 580px;
    width: 450px;
    z-index: 2;
}

.login-card-wrap .login-card h2 {
    font-size: 36px;
    font-weight: bold;
    color: #07122F;
}

.login-card-wrap .login-card p {
    font-size: 16px;
    margin-top: 10px;
    color: #8D93A1;
}

.login-card-wrap .shadow3bck {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: -15px;
    z-index: 1;
    height: 50px;
    background: #605353;
    opacity: 0.5;
    border-radius: 25px;
}

.login-card-wrap .login-card .common_input_warp {
    margin-top: 30px;
}

.login-card-wrap .login-card .common_input_warp .form-group {
    margin-bottom: 5px;
    padding-top: 10px;
}

.login-card-wrap .login-card .common_input_warp .form-group.full-input-wrap label.has-value {
    top: -1px;
    font-size: 12px;
    color: #8D93A1;
    background: #fff;
    padding: 0 5px;
}

.login-card-wrap .login-card .common_input_warp .form-group>p label {
    font-size: 14px;
}

.login-card-wrap .login-card .common_input_warp .form-group .form-control {
    font-size: 14px;
}

.login-card-wrap .login-card .common_input_warp .form-group i {
    position: absolute;
    right: 15px;
    top: 38px;
    color: #000000b5;
    cursor: pointer;
}

.login-card-wrap .login-card .common_btn button {
    width: 100%;
    margin-top: 50px;
}

.login-content img {
    width: 220px;
    margin-left: -15px;
}

.login-content p {
    font-size: 50px;
    color: #fff;
    font-weight: bold;
    line-height: 56px;
    margin: 20px 0 30px 0;
}

.login-content span {
    color: #fff;
    font-size: 24px;
    line-height: 32px;
}


/* Login screen CSS End Here */


/* Customer Lisiting screen CSS Start Here */

.page-header-right {
    position: relative;
    display: flex;
    align-items: center;
}

.search-wrap {
    position: relative;
    margin-right: 10px;
}

.search-wrap i {
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 16px;
}

.search-wrap .form-control {
    width: 183px;
    height: 38px;
    padding-left: 35px;
    background: #F0F0F0 0% 0% no-repeat padding-box;
    border-radius: 8px;
}

.page-header-right .common_btn button {
    margin-left: 10px;
    cursor: pointer;
}

.page-header-right .common_btn button.add-user-btn:hover {
    background-color: #000;
    color: #fff;
}

.page-header-right .common_btn button.export-btn {
    background-color: #fff;
    color: #000;
    font-weight: 14px;
    width: 100px;
}

.page-header-right .common_btn button img {
    margin-right: 10px;
}

.page-header-right .dropdown-toggle {
    padding: 0;
}

.page-header-right .dropdown-toggle::after {
    display: none;
}

.page-header-right .common_btn .filter-dropdown-wrap {
    position: relative;
    display: inline-block;
    margin-left: 10px;
}

.page-header-right .dropdown-menu {
    top: -10px !important;
    left: -20px !important;
}


/* Customer Lisiting screen CSS End Here */


/* Add Form Wrap screen CSS Start Here */

.add-data-form {
    position: relative;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E6E6E6;
    border-radius: 16px;
    padding: 20px 25px;
    margin-top: 30px;
    min-height: 75vh;
}

.add-data-form h2 {
    font-size: 16px;
    font-weight: bold;
    padding: 10px 15px 15px 0px;
}


/* Add Form Wrap screen CSS End Here */


/*Common Tabs CSS start Here */

.globalheading .commontab .nav-tabs {
    padding: 0;
    margin: 0;
    border: 0;
}

.globalheading .commontab .nav-tabs .nav-item .nav-link {
    margin: 0;
    margin-right: 40px;
}

.commontab .nav-tabs {
    padding: 10px 0;
    margin: 15px 0;
}

.commontab .nav-tabs .nav-item {
    margin-bottom: 0;
}

.commontab .nav-tabs .nav-item .nav-link {
    padding: 10px 0px;
    margin: 5px;
    text-align: center;
    color: #0303035e;
    font-size: 16px;
    border-bottom: 1px solid transparent;
    margin-right: 15px;
    font-weight: bold;
}

.commontab .nav-tabs .nav-item.show .nav-link,
.commontab .nav-tabs .nav-link.active {
    border-bottom: 2px solid #030303;
    color: #030303;
    background-color: transparent;
}

.commontab .nav-tabs .nav-link,
.commontab .nav-tabs .nav-link:hover {
    border: 0;
    border-bottom: 2px solid #030303;
    color: #030303;
    background-color: transparent;
}


/*Common Tabs CSS End Here */


/* Common Popup screen CSS Start Here */

.common_modal .modal-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) !important;
}

.common_modal p {
    text-align: center;
    font-size: 18px;
    color: gray;
    margin-top: -32px;
}

.common_modal .modal-header {
    position: relative;
    border: 0;
    padding-bottom: 20px;
}

.common_modal .modal-header .close {
    position: absolute;
    right: 30px;
    top: 15px;
    color: #051123;
    ;
    font-size: 40px;
    padding: 0;
    opacity: 1;
}

.common_modal .modal-body {
    padding: 25px 40px 25px 40px;
}

.common_modal .modal-content {
    width: 600px;
    margin: 0 auto;
    border-radius: 0;
}

.popupheding {
    font-size: 30px;
    text-align: center;
    color: #051123;
    display: block;
    width: 100%;
}

.filtercard .common_btn {
    text-align: center;
    margin-top: 20px;
}

.filtercard .common_btn button {
    width: 120px;
    margin: 0 15px;
}


/* Common Popup screen CSS End Here */


/* File Uploader CSS Start Here  */

.productimagewrap {
    position: relative;
    background-color: #daeae8;
    border: 10px;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.productimagewrap #uploadimg {
    display: none;
}

.productimagewrap .newbtn {
    cursor: pointer;
    position: relative;
    display: block;
    margin: 0 auto;
    display: table;
}

.productimagewrap #blah {
    position: relative;
    max-width: 100px;
    height: 100px;
    margin-top: 0px;
    border-radius: 100px;
    background-color: #fff;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.productimagewrap .labeluploader {
    display: block;
    text-align: center;
    font-weight: bold;
    color: #177b70;
    margin-top: 5px;
    cursor: pointer;
}


/* File Uploader CSS End Here  */


/* Add User CSS Start Here  */

.add-user-modal .modal-header .popupheding {
    text-align: left;
    font-size: 20px;
    padding-left: 5px;
}

.add-user-modal .modal-content {
    background: #F8F9FB 0% 0% no-repeat padding-box;
    border: 1px solid #D9DEEA;
    border-radius: 16px;
}

.add-user-modal .modal-content .common_btn button {
    width: 100%;
    margin: 0;
}

.common_modal.add-user-modal .modal-header .close {
    color: #B1B1B1;
}

.add-user-modal .modal-content .modal-body {
    padding: 5px 20px 25px 20px;
}

.filtercard .upload-document {
    background: #FFFFFF;
    border: 1px solid #D9DEEA;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 20px 0px;
}

.filtercard .upload-document input {
    display: none;
}

.filtercard .upload-document label {
    display: block;
    text-align: center;
    padding: 25px 15px;
    cursor: pointer;
}

.filtercard .upload-document img {
    margin: 0 auto;
    display: table;
    margin-bottom: 25px;
}

.filtercard .upload-document p {
    font-size: 18px;
    text-align: center;
    margin-top: 10px;
    color: #000;
    margin-bottom: 5px;
}

.filtercard .upload-document span {
    color: #B1B1B1;
    font-size: 14px;
    display: block;
    text-align: center;
    font-weight: bold;
}


/* Add User CSS End Here  */


/* Add Use Form css Start here */

.add-user-from .heading {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #0A0A0A;
}

.other-details-wrap {
    margin-top: 70px;
}

.user-detail-card {
    position: relative;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E6E6E6;
    border-radius: 16px;
    padding: 20px 15px;
    /* height: 100%; */
    min-height: 870px;
}

.user-detail-card .form-group {
    position: relative;
    margin-bottom: 20px;
    padding-left: 40px;
}

.user-detail-card .form-group img {
    position: absolute;
    left: 0;
    /* bottom: 5px; */
    width: 25px;
    top: 50%;
    transform: translateY(-50%);
}


/* Add User Form css End here */


/* Customer Details View CSS Start here */

.customer-detial-view {
    margin-top: 30px;
    margin-bottom: 15px;
}

.user-detail-view-card {
    position: relative;
    padding-left: 150px;
}

.user-img-wrap {
    position: absolute;
    left: 20px;
    top: 20px;
    height: 103px;
    width: 103px;
    border-radius: 100%;
    overflow: hidden;
    border: 1px solid #0000001a;
}

.user-img-wrap img {
    width: 100%;
    height: 100%;
}

.user-detail-view-card span {
    display: inline-block;
    font-size: 14px;
    color: #000000;
}

.user-detail-view-card p {
    font-size: 20px;
    color: #000000;
    font-weight: bold;
    margin-top: 10px;
}

.user-detail-view-card ul {
    margin: 0;
    padding: 0;
    position: relative;
    margin-top: 10px;
}

.user-detail-view-card ul li {
    display: inline-block;
    margin-right: 30px;
}

.user-detail-view-card ul li span {
    position: relative;
    top: 8px;
    display: inline-block;
    max-width: 100%;
    word-break: break-all;
    display: block;
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
    margin-left: 5px;
}

.user-action-buttons .switch-wrap {
    display: inline-block;
}

.profile-hide {
    display: inline-block;
}

.profile-hide .common_btn {
    position: relative;
    margin-left: 10px;
}

.profile-hide .common_btn img {
    position: relative;
    margin-right: 10px;
}

.profile-hide .common_btn button {
    background-color: #D9D9D9;
    border-color: #D9D9D9;
    width: auto;
    min-width: auto;
    padding-left: 10px;
    color: #000;
    cursor: pointer;
}

.user-card-right .common_btn.edit-btn {
    position: relative;
    text-align: right;
    top: 20px;
}

.user-card-right .common_btn.edit-btn img {
    position: relative;
    top: -3px;
    width: 24px;
    margin-right: 8px;
}

.user-card-right .common_btn.edit-btn button {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #00000026;
    border-radius: 26px;
    width: auto;
    min-width: auto;
    padding-left: 10px;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    padding-top: 7px;
    cursor: pointer;
}

.basic-detail-view {
    position: relative;
    margin-top: 20px;
}

.basic-detail-view .row .col-md-5 {
    max-width: 37.5%;
}

.basic-detail-view .row .col-md-2 {
    max-width: 25%;
    flex: 0 0 25%;
}

.basic-detail-view .user-detail-view-card {
    padding-left: 20px;
}

.basic-detail-view .user-detail-view-card span {
    text-align: left;
    font-weight: bold;
}

.basic-detail-view .user-detail-view-card ul {
    margin: 0;
    margin-top: 15px;
}

.basic-detail-view .user-detail-view-card ul li {
    display: inline-block;
    margin-right: 10px;
}

.basic-detail-view .user-detail-view-card ul li a {
    background: #f3f3f3;
    border: 1px solid #f3f3f3;
    border-radius: 26px;
    padding: 0px 15px 10px 15px;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
    min-height: 37px;
    margin-bottom: 8px;
    display: flex;
    align-items: center
}

.basic-detail-view .user-detail-view-card ul li a span {
    font-weight: normal;
    white-space: normal;
}

.basic-detail-view .user-detail-view-card ul li a img {
    margin-right: 5px;
    position: relative;
    top: 6px;
}

.user-detail-view-card.bad-habits {
    background-color: transparent;
    border: 0;
    padding: 0;
}

.user-detail-view-card.bad-habits .user-detail-card {
    height: 90px;
    padding-top: 28px;
}

.user-detail-view-card.bad-habits .user-detail-card:last-child {
    margin-top: 30px;
}

.user-detail-view-card.bad-habits .user-detail-card span {
    position: relative;
    top: 2px;
    margin-left: 5px;
    font-weight: normal;
}

.bad-habit-option {
    font-weight: bold;
}

.listingformat {
    position: relative;
}

.listingformat span {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 15px;
}

.user-images-wrap {
    position: relative;
}

.user-images-wrap span {
    margin-top: 20px;
}

.user-images-wrap .user-pic-wrap ul {
    display: flex;
    flex-wrap: wrap;
}

.user-images-wrap .user-pic-wrap ul li {
    width: 40%;
}

.user-images-wrap .user-pic-wrap img {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.user-videos-wrap img {
    margin: 0 auto;
}

.plan-wrap-card {
    position: relative;
}

.plan-wrap-card span {
    font-size: 16px;
    color: #999FA9;
}

.plan-wrap-card h2 {
    font-size: 30px;
    color: #000;
    font-weight: bold;
}

.plan-wrap-card p {
    background-color: #F5F5F5;
    text-align: center;
    border-radius: 30px;
    max-width: fit-content;
    padding: 5px 20px;
    margin-top: 20px;
}

.plan-wrap-card ul {
    margin-top: 20px;
}

.plan-wrap-card ul li {
    display: block;
    margin-bottom: 15px;
}

.plan-wrap-card ul li img {
    position: relative;
    display: inline-block;
    margin-right: 5px;
}

.plan-wrap-card ul li span {
    font-size: 14px;
    display: inline-block;
    color: #051123;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 0;
    opacity: 0.5;
}

.payment-history {
    position: relative;
}

.payment-history ul {
    margin-top: 20px;
}

.payment-history ul li {
    display: block;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #0000001a;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.payment-history ul li:last-child {
    border: 0;
}

.payment-history ul li .payment-detial-div {
    position: relative;
    padding-left: 60px;
}

.payment-history ul li .payment-detial-div img {
    position: absolute;
    left: 0;
    top: 0;
}

.payment-history ul li .payment-detial-div span {
    font-size: 14px;
}

.payment-history ul li .payment-detial-div span {
    margin: 0;
    margin-top: 5px;
    font-size: 12px;
    color: #000;
    opacity: 0.5;
}

.payment-history ul li .plan-price {
    font-weight: bold;
    /* margin-top: 15px; */
}

.booking-card {
    position: relative;
}

.booking-card .booking-img {
    position: relative;
    width: 100%;
    height: 200px;
    border-radius: 10px;
    overflow: hidden;
}

.booking-card .booking-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.booking-user {
    position: absolute;
    left: 10px;
    bottom: 15px;
    background-color: #fff;
    border-radius: 36px;
    padding: 2px 15px 5px 15px;
    height: 30px;
    padding-left: 35px;
}

.booking-user img {
    position: absolute;
    left: 4px;
    top: 4px;
    width: 22px !important;
    height: 22px !important;
    border-radius: 100%;
    display: inline-block;
}

.booking-user p {
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
}

.booking-user p span {
    font-weight: bold;
    display: inline-block;
    margin: 0;
    font-size: 12px;
}

.booking-date-wrap {
    margin-top: 20px;
    position: relative;
}

.booking-date-wrap h2 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}

.date-card-wrap {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.date-card-wrap .date-card {
    background-color: #EFEFEF;
    border-radius: 4px;
    padding: 10px 15px;
    font-size: 12px;
    border-radius: 8px;
    /* width: 150px; */
}

.date-card-wrap .date-card img {
    position: relative;
    top: -1px;
    margin-right: 10px;
}

.date-card-wrap .date-card span {
    font-size: 12px;
    margin: 0;
    display: inline-block;
}

.horoscope-content {
    position: relative;
    margin-top: 15px;
    padding-right: 20px;
}

.horoscope-content .content-wrap {
    display: flex;
    justify-content: space-between;
}

.horoscope-content .content-wrap .horscope-time img {
    display: inline-block;
    margin-right: 8px;
    top: 2px;
}

.horoscope-content .content-wrap .horscope-time span {
    display: inline-block;
    margin: 0;
    font-weight: bold;
}

.horoscope-content .content-wrap .horscope-time a {
    display: block;
    margin-top: 20px;
    background: #F1F1F1 0% 0% no-repeat padding-box;
    border-radius: 18px;
    color: #000;
    text-align: center;
    padding: 7px 14px !important;
    font-weight: bold;
}

.horoscope-description {
    font-size: 14px;
    margin-top: 20px;
    font-weight: bold;
}


/* Customer Details View CSS End here */


/* Chat Screen CSS Start Here */

.chat-wrap {
    position: relative;
}

.chat-wrap .chat-header {
    padding: 15px 20px 20px 20px;
    border-bottom: 2px solid #00000008;
}

.chat-wrap .chat-header span {
    font-size: 14px;
    display: inline-block;
    border: 1px solid #E8E8E8;
    border-radius: 17px;
    padding: 2px 10px;
}

.chat-wrap .chat-header p {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 5px;
}

.chat-wrap .chat-date {
    font-size: 14px;
    opacity: 0.7;
    font-weight: bold;
    color: #000;
}

.chat-content {
    position: relative;
}

.chat-content ul {
    margin: 0;
    padding: 0;
    margin-top: 30px;
}

.chat-content ul li {
    position: relative;
    margin-bottom: 15px;
    padding-left: 60px;
}

.chat-content ul li img {
    position: absolute;
    left: 0;
    top: 0;
    width: 52px;
    height: 52px;
    border-radius: 100%;
    overflow: hidden;
}

.chat-content ul li p {
    position: relative;
    padding: 15px 15px;
    background-color: #000;
    border-radius: 0px 20px 20px 20px;
    max-width: 100%;
    word-break: break-word;
    word-wrap: break-word;
    color: #fff;
    font-size: 16px;
    max-width: 430px;
}

.chat-content ul li .user-chat-date {
    font-size: 14px;
    color: #0C1C36;
    font-weight: bold;
    margin-top: 5px;
}

.chat-content ul li.chat-right {
    padding-left: 0;
    padding-right: 60px;
}

.chat-content ul li.chat-right img {
    left: inherit;
    right: 0;
}

.chat-content ul li.chat-right p {
    background-color: #F0F0F0;
    color: #000;
    margin-right: 0px;
    margin-left: 0px;
    border-radius: 20px 0px 20px 20px;
    margin-left: auto;
}

.chat-content ul li.chat-right .user-chat-date {
    font-size: 14px;
    color: #0C1C36;
    font-weight: bold;
    margin-top: 5px;
    text-align: right;
}

.Compose {
    position: relative;
    color: #FFF;
    background-color: #fff;
    padding: 0px 0px;
    margin-bottom: 10px;
    margin-top: 20px;
}

.Compose input {
    width: 100%;
    background-color: #F9F9F9;
    outline: 0;
    border: 0;
    padding: 15px 20px;
    padding-right: 100px;
    box-shadow: none;
    font-size: 16px;
    color: #000;
    border-radius: 8px;
}

.Compose img {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
}

.Compose .attachment-btn {
    position: absolute;
    top: 5px;
    right: 50px;
}

.Compose .attachment-btn input {
    display: none;
}

.Compose .attachment-btn label img {
    width: 25px;
}

.customer-support-wrap span.chat-card-heading {
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold;
    display: block;
}

.chat-right-section {
    position: relative;
}

.view-all-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #000;
    font-size: 14px;
    cursor: pointer;
}

.view-all-btn img {
    margin-left: 5px;
}

.chat-user-card {
    position: relative;
    padding-left: 75px;
}

.chat-user-card img {
    position: absolute;
    left: 10px;
    top: 5px;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 100%;
}

.chat-user-card p {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

.chat-user-card span {
    font-size: 14px;
    display: inline-block;
    border: 1px solid #E8E8E8;
    border-radius: 17px;
    padding: 2px 10px;
    background-color: #F0F0F0;
}

.contact-details {
    position: relative;
    margin-top: 20px;
}

.contact-details span {
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

.contact-details ul li {
    font-size: 14px;
    color: #000000;
    margin-bottom: 10px;
}

.border-right {
    position: relative;
    border-right: 1px solid #000;
}

.approved-card img {
    width: 50px;
    margin-bottom: 15px;
    margin: 20px auto;
}

.approved-card p {
    font-size: 26px;
    color: #0C1C36;
}

.resolve-time {
    position: relative;
    padding-left: 30px;
    margin-top: 10px;
}

.resolve-time p {
    font-weight: bold;
    font-size: 14px;
}

.resolve-time span {
    font-size: 14px;
}

.resolve-time img {
    position: absolute;
    left: 0;
    top: 5px;
    margin-right: 15px;
}


/* Chat Screen CSS End Here */


/* Chat Screen CSS End Here */


/* Add Sub-Admin CSS Start Here */

.sub-admin-add-form {
    position: relative;
    padding-top: 0px;
    padding-right: 0px;
}


/* .sub-admin-add-form .add-data-form {
    min-height: 100%;
} */

.permissions-wrap {
    margin-top: 20px;
}

.permissions-wrap h2 {
    display: block;
    margin-bottom: 15px;
}

.admin-permissions {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    max-width: 70%;
}

.right-permission .custom-radio {
    display: block;
    margin-bottom: 15px;
}


/* Add Sub-Admin CSS End Here */


/* Customer Support CSS Start Here */

.customer-support-list-wrap {
    margin-top: 30px;
}


/* Customer Support CSS End Here */


/* Preferences  CSS End Here */

.preferences-table table tr td:nth-child(2) {
    text-align: left;
}

.preferences-table table tr td:nth-child(2) label {
    font-weight: bold;
    cursor: pointer;
}


/* Preferences CSS End Here */


/* Static Content CSS Start Here */

.static-content-wrap {
    position: relative;
    padding: 20px 0;
}

.static-content-wrap p {
    font-size: 16px;
    line-height: 26px;
}


/* Static Content CSS End Here */


/* Change Password  CSS Dtart Here */

.form-group.full-input-wrap {
    position: relative;
    padding-left: 0;
    margin-bottom: 15px;
    padding-top: 25px;
}


/* .form-group.full-input-wrap label.has-value {
    top: -15px;
    font-size: 16px;
    color: #292d32c7;
    font-weight: bold;
} */


/* .form-group.full-input-wrap>p label {
    top: 52%;
} */

.form-group.full-input-wrap .form-control {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #B1B1B1;
    border-radius: 4px;
    padding-top: 5px;
}

.form-group.full-input-wrap select.form-control {
    background-image: url(../images/right-arrow.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) calc(1em + 0px), calc(100% - 27px) calc(1em + 2px), 100% 0;
    background-size: 8px 17px, 16px 5px, 2.5em 2.5em;
    padding-right: 30px;
    padding-top: 12px;
    margin-top: 0;
}

.form-group.full-input-wrap textarea.form-control {
    height: 120px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #B1B1B1;
    border-radius: 4px;
    padding-top: 5px;
}

.change-password-wrap {
    padding-left: 25px;
}

.change-password-wrap label {
    margin-bottom: 20px;
    font-weight: bold;
}


/* Change Password  CSS End Here */


/* Transaction CSS Start Here */

.download-invoice a img {
    width: 22px;
    height: auto;
}

.transction-wrap {
    margin-top: 20px;
}

.transction-wrap .heading {
    margin-bottom: 15px;
    font-weight: bold;
    display: block;
}

.transction-wrap .user-detail-card {
    margin-bottom: 30px;
}

.graph-header {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.graph-label label {
    color: #000000;
    opacity: 0.3;
    font-size: 16px;
    font-weight: 600;
}

.graph-label p {
    font-size: 22px;
    font-weight: bold;
}

.filters-wrap .form-group {
    display: inline-block;
    margin-left: 15px;
    height: auto;
    padding-top: 0;
}

.filters-wrap .form-group select.form-control {
    height: 28px !important;
    padding: 5px 10px;
    font-size: 12px;
    padding-right: 20px;
    min-width: 80px;
    background-size: 6px 11px, 16px 5px, 2.5em 2.5em;
    background-position: calc(100% - 5px) calc(1em + -4px), calc(100% - 27px) calc(1em + 2px), 100% 0;
}

.chat-section-wrap {
    position: relative;
    margin-top: 0px;
    cursor: pointer;
}

.chat-section-wrap img {
    width: 100%;
}

.transction-wrap .user-detail-card {
    height: 90%;
    min-height: 138px;
}

.chat-section-wrap.graph-2-wrap img {
    width: 200px;
    margin: 0 auto;
    display: table;
}


/* Transaction CSS End Here */


/* FAQ CSS Start Here */

.faq-wrap {
    padding-bottom: 60px;
}


/* FAQ CSS End Here */


/* Add Notification CSS Start Here */

.select-notification {
    position: relative;
    margin-bottom: 15px;
    margin-top: 25px;
}

.select-notification .custom-radio {
    display: block;
    margin-bottom: 10px;
}

.select-notification .user-select-table {
    margin-top: 30px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D9DEEA;
    border-radius: 4px;
    padding: 5px 15px 15px 15px;
    margin-left: 25px;
    max-width: 80%;
}

.user-select-table .form-group.full-input-wrap {
    padding-top: 0;
}

.user-select-table .form-group.full-input-wrap .form-control {
    border: 0;
    border-bottom: 1px solid #D9DEEA;
    border-radius: 0;
}

.search-wrap-card {
    position: relative;
}

.search-wrap-card img {
    position: absolute;
    left: 12px;
    top: 12px;
    width: 20px;
}

.search-wrap-card .form-control {
    height: 44px;
    background-color: #F6F7FA;
    border-radius: 4px;
    padding-left: 50px;
    border: 0;
}


/* Add Notification CSS End Here */


/* Add Offer CSS start Here */

.discount-type-wrap {
    position: relative;
}

.discount-type-wrap .discount-label {
    display: block;
    margin-top: 40px;
    color: #B1B1B1;
}

.per-customer-text {
    position: absolute;
    right: 15px;
    top: 48px;
    color: #B1B1B1;
}


/* Add Offer CSS End Here */

.options-wrap {
    position: relative;
    padding: 15px 60px 15px 15px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D9DEEA;
    border-radius: 8px;
}

.options-wrap label {
    font-size: 16px;
    font-weight: bold;
}

.options-wrap img {
    position: absolute;
    right: 15px;
    top: 70px;
    width: 25px;
    cursor: pointer;
}

.options-wrap .form-group {
    margin-top: 15px;
}

.options-wrap .form-group .form-control {
    border: 1px solid #B1B1B1;
    border-radius: 8px;
    padding: 15px 10px 15px 10px;
}


/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */


/* position */

.toast-center-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-left {
    top: 12px;
    left: 12px;
}

.toast-top-right {
    top: 12px;
    right: 12px;
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px;
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}


/* toast styles */

.toast-title {
    font-weight: bold;
}

.toast-message {
    word-wrap: break-word;
}

.toast-message a,
.toast-message label {
    color: #FFFFFF;
}

.toast-message a:hover {
    color: #CCCCCC;
    text-decoration: none;
}

.toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 0 1px 0 #ffffff;
    /* opacity: 0.8; */
}

.toast-close-button:hover,
.toast-close-button:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
}


/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}

.toast-container {
    pointer-events: none;
    position: fixed;
    z-index: 999999;
}

.toast-container * {
    color: #fff;
    padding: 10px;
    box-sizing: border-box;
}

.toast-container .ngx-toastr {
    position: relative;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 24px;
    box-shadow: 0 0 12px #999999;
    color: #FFFFFF;
}

.toast-container .ngx-toastr:hover {
    box-shadow: 0 0 12px #000000;
    opacity: 1;
    cursor: pointer;
}


/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */

.toast-info {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}


/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */

.toast-error {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}


/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */

.toast-success {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}


/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */

.toast-warning {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}

.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}

.toast {
    background-image: none!important;
}

.ngx-toastr {
    background-color: #030303;
    pointer-events: auto;
}

.toast-success {
    background-color: #51A351;
}

.toast-error {
    background-color: #BD362F;
}

.toast-info {
    background-color: #2F96B4;
}

.toast-warning {
    background-color: #F89406;
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000000;
    opacity: 0.4;
}


/* Responsive Design */

@media all and (max-width: 240px) {
    .toast-container .ngx-toastr.div {
        padding: 8px 8px 8px 50px;
        width: 11em;
    }
    .toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    .toast-container .ngx-toastr.div {
        padding: 8px 8px 8px 50px;
        width: 18em;
    }
    .toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    .toast-container .ngx-toastr.div {
        padding: 15px 15px 15px 50px;
        width: 25em;
    }
}

.ngx-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.ngx-pagination .disabled {
    display: flex!important;
    padding: 1rem 0.625rem!important;
}

.ngx-pagination .pagination-previous a:before,
.ngx-pagination .pagination-previous.disabled:before {
    content: "\ab";
    display: inline-block;
    margin-right: 0.5rem;
}

.ngx-pagination span {
    margin: 0px;
}

.ngx-pagination li {
    margin: 0px 4px;
}

.ngx-pagination .current {
    padding: 1rem 0.625rem!important;
    background: #000!important;
    color: #fff!important;
    cursor: default;
    line-height: 12px!important;
    margin: 0px 5px!important;
}


/* */

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

.casteslect .dropdown.bootstrap-select .dropdown-menu.show {
    width: 280px!important;
    max-width: 280px!important;
    height: 240px!important;
    min-height: 240px!important;
    bottom: 0px;
}

.casteslect .dropdown.bootstrap-select {
    font-size: 16px!important;
    color: #000!important;
    appearance: none!important;
    height: 45px !important;
    width: 100%!important;
    border-bottom: 1px solid #292d321c!important;
    padding: 0px!important;
    border: 0px;
    border-radius: 0px;
}

.casteslect .bootstrap-select button.dropdown-toggle {
    background: #fff!important;
    border: 0!important;
    outline: 0!important;
    color: #000!important;
    line-height: 32px;
}

.casteslect .bootstrap-select .dropdown-menu.show {
    color: #000!important;
}

.casteslect .bootstrap-select.show {
    color: #000!important;
}

.canvasjs-chart-credit {
    display: none!important;
}

input[type="date"] {
    -webkit-text-fill-color: #000!important;
}

.casteslect .bootstrap-select .dropdown-toggle::after {
    background-image: url(../images/right-arrow.svg);
    background-repeat: no-repeat;
    border: 0px!important;
    width: 16px;
    height: 16px;
    background-size: 16px 17px, 16px 5px, 2.5em 2.5em;
    border: 0px!important;
    /* background-position: calc(100% - 12px) calc(1em + 0px), calc(100% - 27px) calc(1em + 2px), 100% 0; */
}

.breadcumbs {
    cursor: pointer!important;
    border-bottom: 1px solid;
}

.action-btns button.anchortag {
    font-size: 14px;
    text-decoration: underline;
    font-weight: bold;
    display: inline-block;
    color: #000;
    background: #fff;
    border: 0px;
    width: auto;
}

.date-filter {
    width: 100%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E6E6E6;
    border-radius: 16px;
    padding: 10px 15px;
    margin-top: 20px;
}

.filterDiv {
    display: flex;
    align-items: center;
    width: 600px;
    flex-wrap: wrap;
}

.filterDiv li {
    width: 200px;
    margin-right: 20px;
}

.filterDiv li.buttontic {
    width: 100px;
}

.filterDiv li h5 {
    font-size: 16px;
}

input[type=date]::-webkit-datetime-edit {
    color: #000;
}

.filterDiv li.buttontic button {
    margin-top: 15px;
}

:root {
    --select2-single-height: 50px;
    --select2-multiple-height: 50px;
}

.select2-container {
    display: block !important;
}

.select2-selection__rendered {
    line-height: 50px !important;
}

select2 * {
    text-align: left !important;
}