/*================================================================================
    Item Name: Totality - Totality admin dashpriority
    Version: 2.0
    Author: REALTYX
    Author URL: https://realtyx.co.in/
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/**Common**/
.theme-scrollbar {
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;
  }

.developer-logo img {
    width: auto;
    height: 50px;
}

body {
    overflow-y: auto;
    overflow-x: hidden;
}
body::-webkit-scrollbar-track,
 .theme-scrollbar::-webkit-scrollbar-track,
 .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
 -webkit-box-shadow:none;
 background-color:transparent;
}
body::-webkit-scrollbar,
.theme-scrollbar::-webkit-scrollbar,
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
 width: 6px;
 background-color:transparent;
}
body::-webkit-scrollbar-thumb,
.theme-scrollbar::-webkit-scrollbar-thumb,
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
 background-color: #ddd;
 border-radius:3px;
}

body a {
    color: #000;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
body a:hover {
    color: #7367F0;
}
.btn[class*='btn-outline-'] {
    padding-top: 9px;
    padding-bottom: 9px;
}
label.error {
    position: absolute;
    bottom: -22px;
    left: 0;
    font-size: 11px;
    margin: 0 !important;
    color: #ff0000 !important;
    display: block;
}
.form-label-group > input:not(:active):not(:placeholder-shown) ~ label.error {
    color: #ff0000 !important;
}
html body .content .content-wrapper {
    margin-top: 3.7rem;
}

.nav.nav-tabs .nav-item .nav-link.active:after {
    top: calc(100% - 3px);
}
.main-loading {
    position: fixed;
    left: 0px !important;
    top: 0px !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 99999 !important;
    background: rgb(0 0 0) !important;
    opacity: 0.8 !important;
}
.loading-item,
.search_loader {
    position: fixed;
    top: calc(50% - 30px);
    left: 0;
    right: 0;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    border-radius: 50%;
    animation: ring 2s linear infinite;
}
.apex_graph_loader {
    position: absolute;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    -webkit-animation: ring 2s linear infinite;
    animation: ring 2s linear infinite;
    margin: 0 auto;
    margin-top: 30% !important;
    margin-left: 45% !important;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
}
.loading-item:before,
.search_loader:before,
.apex_graph_loader:before {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.3);
}
@keyframes ring {
  0% {
    transform: rotate(0deg);
    box-shadow: 1px 3px 2px #28c76f;
  }
  50% {
    transform: rotate(180deg);
    box-shadow: 1px 3px 2px #7367f0;
  }
  100% {
    transform: rotate(0360deg);
    box-shadow: 1px 3px 2px #ff9f43;
  }
}
.hidden {
    display: none !important;
    visibility: hidden !important;
}
.iconerr {
    display: block !important;
}
.position-relative {
    position: relative;
}
.theme-scrollbar {
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;
}
.theme-scrollbar-horizontal {
    width: 100%;
    overflow-x: auto;
}
 .theme-scrollbar-horizontal::-webkit-scrollbar {
 height: 10px;
}
.theme-scrollbar-horizontal::-webkit-scrollbar-track {
 border-radius: 3px;
 -webkit-box-shadow: none;
}
.theme-scrollbar-horizontal::-webkit-scrollbar-thumb {
 border-radius: 3px;
 background-color: #ddd;
}
.theme-scrollbar-horizontal::-webkit-scrollbar:vertical {
 display: none;
}
.main-menu.menu-shadow {
    -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
}
.main-menu .navbar-header .navbar-brand {
    margin-top: 0.6rem;
    margin-right: 0.6rem;
}
.modal-xl {
    max-width: 70%;
    margin-left: 15%;
    margin-right: 15%;
}

.main-menu.menu-shadow {
    -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 15px 0 rgb(0 0 0 / 50%);
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 50%);
}
.light-layout .main-menu .navbar-header .navbar-brand .brand-logo {
    background: url(../../app-assets/images/logo/totality-suite-logo-dark.svg) no-repeat;
    height: 46px;
    width: 46px;
    background-size: contain;
    margin-right: 5px;
}
.light-layout .main-menu .navbar-header .navbar-brand .brand-logo-text {
    background: url(../../app-assets/images/logo/totality-suite-logo-text-dark.svg) no-repeat;
    height: 22px;
    width: 140px;
    background-size: contain;
}
.main-menu .navbar-header .navbar-brand .brand-logo,
.dark-layout .main-menu .navbar-header .navbar-brand .brand-logo,
.semi-dark-layout .main-menu .navbar-header .navbar-brand .brand-logo {
    background: url(../../app-assets/images/logo/totality-suite-logo.svg) no-repeat;
    height: 46px;
    width: 46px;
    background-size: contain;
    margin-right: 5px;
}
.main-menu .navbar-header .navbar-brand .brand-logo-text,
.dark-layout .main-menu .navbar-header .navbar-brand .brand-logo-text,
.semi-dark-layout .main-menu .navbar-header .navbar-brand .brand-logo-text {
    background: url(../../app-assets/images/logo/totality-suite-logo-text.svg) no-repeat;
    height: 22px;
    width: 140px;
    background-size: contain;
}
.main-menu.brikkin .navbar-header .navbar-brand .brand-logo,
.dark-layout.brikkin .main-menu .navbar-header .navbar-brand .brand-logo,
.semi-dark-layout.brikkin .main-menu .navbar-header .navbar-brand .brand-logo {
    background: url(../../app-assets/images/logo/brikkin-suite-logo-white.svg) no-repeat;
    height: 40px;
    width: 40px;
    background-size: contain;
    margin-right: 0px;
}
.main-menu.brikkin .navbar-header .navbar-brand .brand-logo-text,
.dark-layout.brikkin .main-menu .navbar-header .navbar-brand .brand-logo-text,
.semi-dark-layout.brikkin .main-menu .navbar-header .navbar-brand .brand-logo-text {
    background: url(../../app-assets/images/logo/brikkin-suite-logo-white-text.svg) no-repeat;
    height: 40px;
    width: 140px;
    background-size: contain;
}
.light-layout.brikkin .main-menu .navbar-header .navbar-brand .brand-logo {
    background: url(../../app-assets/images/logo/brikkin-suite-logo.svg) no-repeat;
    height: 40px;
    width: 40px;
    background-size: contain;
    margin-right: 0px;
}
.light-layout.brikkin .main-menu .navbar-header .navbar-brand .brand-logo-text {
    background: url(../../app-assets/images/logo/brikkin-suite-logo-text.svg) no-repeat;
    height: 40px;
    width: 140px;
    background-size: contain;
} 
.menu-collapsed .main-menu:not(.expanded) .navbar-header .navbar-brand .brand-logo-text {
    display: none;
}

.builders-detail img {
    width: 100%;
}
.col-builders:before {
    content: '';
    position: absolute;
    height: 100%;
    top: 0;
    left: -1px;
    border-left: 1px dashed #ddd;
}
.col-builders:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    top: auto;
    left: 0;
    bottom: -1px;
    border-bottom: 1px dashed #ddd;
}
.row-builders {
    position: relative;
    overflow: hidden;
    margin: 0;
}
.builders-detail a {
    position: relative;
    display: block;
    padding: 10px;
    top: 0;
}
.builders-detail a:hover {
    top: -3px;
}
.bg-authentication {
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
}
.made-in-text {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.made-in-india-img {
    background-image: url(../../app-assets/images/sprite.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 31px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px;
}
.rupees-icon {
    width: 22px;
    height: 22px;
    display: block;
    background-image: url(../../app-assets/images/sprite.png);
    background-position: -40px 0;
    background-repeat: no-repeat;
}
body.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a > i {
    font-size: 1rem;
}
.form-label-group:last-child {
/*margin-bottom: 0;*/
}
.modal .modal-footer {
    border-color: rgba(0, 0, 0, 0.2);
}
.nav-vertical .nav.nav-tabs.nav-left {
    margin-right: 5rem;
}
.nav-vertical .nav.nav-tabs .nav-item .nav-link i {
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.nav-vertical .nav.nav-tabs .nav-item .nav-link {
    font-size: 13px;
    padding: 10px 15px 10px 0;
    position: relative;
}
.nav-vertical .nav.nav-tabs .nav-item .nav-link.active:after {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: auto;
    right: -15px;
    top: 0;
    width: 2px;
    height: 100%;
}
.nav-vertical .tab-content .tab-pane {
    padding: 0;
}
#company .nav-vertical .tab-content .tab-pane,
#projects .nav-vertical .tab-content .tab-pane,
#sub-company .nav-vertical .tab-content .tab-pane,
#add-on-company .nav-vertical .tab-content .tab-pane {
    padding: 0;
}
.full-width {
    width: 100%;
}
.form-group label,
.lable {
    margin-bottom: 2px;
    letter-spacing: 0;
    padding-left: 0;
    min-height: 19px;
}
.res-maps {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.res-maps iframe, .res-maps object, .res-maps embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.dropzone .dz-message {
    font-size: 2rem;
    position: absolute;
    top: 50%;
    width: inherit;
    height: inherit;
    left: 0;
    right: 0;
    margin-top: -30px;
    color: #7367F0;
    text-align: center;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.blank-label {
    min-height: 19px;
    display: block;
}
.input-or-text {    
    line-height: 40px;
}
.form-group .custom-control-label {
    margin-bottom: 0;
}
.custom-control.custom-switch {
    margin: 0;
    padding: 8px 0;
}
.help-text span {
    position: relative;
    padding-left: 30px;
    display: block;
    border-left: 2px solid #ddd;
}
.help-text span:before, .help-text span:after {
    left: -2px;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.help-text span:before {
    border-color: rgba(194, 225, 245, 0);
    border-left-color: #ddd;
    border-width: 9px;
    margin-top: 0px;
}
.help-text span:after {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #ffffff;
    border-width: 6px;
    margin-top: 0;
}
.next-previous-btn .btn {
    padding: 8px 14px;
}
.next-previous-btn .btn i {
    font-size: 20px;
}
.next-previous-btn .btn:first-child {
    margin-right: -5px;
    border-radius: 0.4285rem 0 0 0.4285rem;
}
.next-previous-btn .btn:last-child {
    border-radius: 0 0.4285rem 0.4285rem 0;
}
.next-previous-btn.single-btn .btn {
    border-radius: 0.4285rem;
}
.noUi-horizontal {
    padding-right: 0;
}
.card-title-with-btn .card-title,
.card-title-with-btn .card-title-inner {
    display: inline-block;
    margin: 0;
    line-height: 40px;
}
.card-title-with-btn .card-btn {
    float: right;
    margin: 0;
}
.tab-pane .card-title-with-btn .card-btn {
    margin: 0 14px 0 0;
}

.nav-vertical .tab-content .card-title,
.nav-vertical .tab-content .card-title-with-btn,
.nav-vertical .tab-content .card-title-inner {
    margin-left: 14px;
    margin-right: 14px;
}
.tab-pane .col-form .card-title-with-btn .card-btn {
    margin: 0;
}

.card-title-with-btn {
    margin-bottom: 15px;
}
.card-title-with-btn .card-title {
    margin-bottom: 0 !important;
}
.card-title-with-btn .card-btn {
    float: right;
    margin: 0;
}
.btn-disable {
    opacity: 0.65;
    pointer-events: none;
}
.tooltip-inner {
    padding: 10px;
}
.tooltip-inner img {
    width: 100%;
}
html body p {
    letter-spacing: 0.5px;
}
.form-group label span {
    display: inline-block;
    vertical-align: middle;
}
body label .help-tooltip {
    width: 15px;
    height: 15px;
    line-height: 9px;
    display: inline-block;
    text-align: center;
    color: #7367f0;
    border-radius: 100%;
    font-size: 10px;
    margin-left: 3px;
    padding: 3px;
    border: 1px solid #7367f0;
    vertical-align: middle;
}
body .picker__holder .picker__table tbody tr td .picker__day {
    border: 1px solid transparent;
}
.top-area {
    margin-bottom: 30px;
}
.nav-links li {
    float: left;
    list-style: none;
}
.nav-links:last-child {
    margin-bottom: 0;
}
.nav-links {
    padding: 0;
}
.nav-links li a {
    position: relative;
    padding: 10px;
    display: block;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #000;
}
.nav-links li a .nav-no, .nav-no {
    padding: 4px 5px;
    font-size: 10px;
    color: #000;
    background: #eee;
    border-radius: 10rem;
}
.nav-links li.active a:before, .nav-links li:hover a:before {
    width: 100%;
    opacity: 1;
}
.nav-links li a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    opacity: 0;
    height: 2px;
    background: #7367f0;
}
.nav-links li.active a, .nav-links li:hover a {
    color: #000;
}
.top-area-btn .btn {
    margin-left: 10px;
}
.btn {
    padding: 10px 18px;
}
.btn-primary {
    color: #fff;
}
.btn.btn-sm {
    padding: 8px 14px;
    font-size: 12px;
}
.form-control {
    height: inherit;
    padding: 8px 12px;
    border-radius: 2px;
    line-height: initial;
    border: 1px solid #eee !important;
    background: transparent;
}
.form-control:focus {
    border-color: #7367F0 !important;
}
.theme-sidebar {
    position: fixed;
    top: 0;
    opacity: 0;
    z-index: 1050;
    background: #ffffff;
    padding: 0 30px 30px 30px;
    width: 400px;
    height: 100%;
    box-shadow: -5px 0px 5px 1px rgba(0, 0, 0, 0.2);
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.theme-sidebar-close, .theme-sidebar-right-close {
    position: absolute;
    top: 0;
    right: 0;
    color: #7367f0;
    cursor: pointer;
}

.theme-sidebar-close i, .theme-sidebar-right-close i {
    font-size: 26px;
}
.theme-sidebar-right {
    right: -400px;
}
.theme-sidebar-right.show {
    right: 0;
    opacity: 1;
}
.theme-sidebar-left {
    right: -400px;
}
.theme-sidebar-left.show {
    right: 0;
}
.theme-sidebar-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 0;
    opacity: 0;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.theme-sidebar-overlay.show {
    opacity: 0.7;
    z-index: 1045;
}
.video-res {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    margin-bottom: 30px;
}
.video-res:last-child {
    margin-bottom: 0;
}
.video-res iframe, .video-res object, .video-res embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.get-started-btn {
    border: 1px solid #ff9f43;
    color: #ff9f43 !important;
    margin: 12px 5px 12px 0;
}
.get-started-btn:hover {
    border: 1px solid #ff9f43;
    background-color: rgba(255, 159, 67, 0.2);
}
.get-started-btn:not(:disabled):not(.disabled):active, .get-started-btn:not(:disabled):not(.disabled).active, .show > .get-started-btn.dropdown-toggle {
    color: #FFFFFF;
    background-color: #ff9f43;
    border-color: #ff9f43;
}
.apexcharts-canvas .apexcharts-radialbar-track path {
    stroke: #f5f5f5;
}
.theme-sidebar.theme-form-sidebar {
    width: 800px;
    right: -800px;
}
.theme-sidebar.theme-form-sidebar.show {
    right: 0;
    opacity: 1;
}
.theme-sidebar-delete{
    right: 0;
    opacity: 1;
    z-index: 99999;
}

.deletesubdatasidebar {
    z-index: 9999;
}
.theme-sidebar.theme-sidebar-lg {
    width: 1200px;
    right: -1200px;
}
/* .theme-sidebar.theme-sidebar-xl {
    width: 1500px;
    right: -1500px;
} */
.theme-form-sidebar > .theme-scrollbar {
    height: calc(100% - 43px);
    margin: 0 -10px 0 0;
    width: calc(100% + 15px);
    padding-top: 30px;
}
.theme-form-sidebar-without-title .theme-scrollbar {
    height: 100%;
}
.select2-container--default .select2-selection--single {
    border: 0;
    border-radius: 2px;
    height: 40px;
    font-size: 0.96rem;
}
.select2-container--open .select2-selection--single {
    border: 1px solid #7367F0;
}
.col-form .list-unstyled {
    padding: 5px 0;
}
.collapse-icon .card-header {
    border-bottom: 1px solid #eef0f2;
}
.accordion .collapse {
    border-top: 1px solid #eef0f2;
}
.theme-form-sidebar .collapse-margin .card-body {
    padding: 2rem;
}
.theme-form-sidebar .collapse-margin .card-header {
    padding: 1rem 2rem;
}
.col-form {
    position: relative;
}
.add-more-close {
    position: absolute;
    top: 40px;
    right: -10px;
    color: #ff0000 !important;
    font-size: 20px;
}
.add-more-close-btn {
    font-size: 24px;
    line-height: 40px;
    text-align: center;
    display: block;
    color: #ff0000 !important;
}
.collapse-margin:last-child {
    margin-bottom: 0 !important;
}
.col-form-view {
    margin-bottom: 20px;
}
.view-form-title {
    font-size: 11px;
    margin-bottom: 3px;
    font-weight: normal;
    text-transform: uppercase;
    display: block;
}
/* .view-form-des {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #333 !important;
} */
.view-form-des {
    position: relative;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #333 !important;
    display: block;
}
.view-form-des a {
    color: #333;
}
.view-form-des img {
    width: 100%;
}
.email-body .view-form-des img {
    width: inherit;
}
.view-form-img {
    margin-top: 5px;
    padding: 5px;
    border: 1px solid #eee;
    max-width: 100px;
}
.view-form-img img {
    width: 100%;
}
.employee-view-sidebar .table th {
    min-width: 150px;
}
.theme-form-sidebar .table th {
    min-width: 150px;
}
.theme-form-sidebar .table-responsive {
    margin-bottom: 15px;
}
.theme-form-sidebar .table-responsive:last-child {
    margin-bottom: 0;
}
.card-title-inner {
    margin-bottom: 10px;
    font-size: 15px;
}
.form-control:disabled {
    background-color: #eeeeee;
    cursor: not-allowed;
}
.form-control[readonly] {
    background-color: #ffffff;
    opacity: 1;
}
.form-control[readonly]:focus {
    border-color: transparent !important;
    box-shadow: none;
}
.table thead th {
    border-bottom: 2px solid #ddd;
}
.table-bordered th, .table-bordered td {
    border: 1px solid #ddd;
}
.theme-date-range {
    position: relative;
}
.theme-date-range .form-control {
    float: left;
    width: calc(50% - 19px);
}
.date-range-lable {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 40px;
    height: 34px;
    line-height: 40px;
    text-align: center;
    background: #ddd;
}
.theme-date-range .form-control:first-child {
    border-radius: 5px 0 0 5px;
}
.theme-date-range .form-control.last {
    float: right;
    border-radius: 0 5px 5px 0;
}
.card-title-bg {
    background: #6f63eb;
    padding: 10px 15px;
    border-radius: 5px 5px 0 0;
}
.card-title-bg .card-title {
    margin: 0;
    color: #fff;
}
.list-unstyled .list-unstyled {
    margin-left: 50px;
}
.form-switch {
    padding: 9px 0;
}
/*Custom Menu*/
.custom-menu-item {
    width: 50%;
    float: left;
    min-height: 120px;
    text-align: center;
    padding: 15px;
    transition: all 0.3s linear;
}
.custom-menu-item i {
    font-size: 40px;
    line-height: 50px;
    display: block;
    margin: 0 0 10px;
}
.custom-menu-item-wrap {
    padding: 15px;
}
.custom-menu-item span {
    font-weight: 600;
    letter-spacing: 1px;
}
.custom-menu-item:hover {
    background-color: #f5f5f5;
}
/*End Custom Menu*/
.custom-switch-right .switch-label {
    padding: 0 15px 0 0;
}
.custom-switch-right .custom-control-label {
    float: right;
}
.table-responsive {
    margin-bottom: 1.5rem;
}
.table-responsive:last-child {
    margin-bottom: 0;
}
.editor, .ql-editor {
    min-height: 200px;
}
.card .tab-pane .card-title {
    margin-bottom: 1rem;
}
.ag-btns #filter-text-box {
    width: calc(100% - 127px) !important;
}
.btn-group.dropdown.actions-dropodown {
    height: 40px;
}
.col-form:last-child > .form-group {
    margin-bottom: 0;
}
.green-bg {
    background-color: #6bc700;
}
.red-bg {
    background-color: #fa0000;
}
.blue-bg {
    background-color: #0091f7;
}
.gray-bg {
    background-color: #808080;
}
.amber-bg {
    background-color: #ffbf00;
}
.select2-container--default .select2-selection--single {
    background-color: transparent;
    border: 1px solid #eee;
}
.modal-body {
    padding: 30px;
}
.full-height-modal .modal-dialog .theme-scrollbar {
    height: calc(100vh - 160px);
}
.add-new-dropdown .dropdown-toggle.nav-link:after {
    display: none !important;
}
.add-new-dropdown .dropdown-toggle.nav-link {
    background-color: #7367f0 !important;
    padding: 10px 15px !important;
    line-height: 14px;
    border-radius: 2px;
    margin: 8px;
    color: #fff !important;
    font-weight: 400;
}
.add-new-dropdown .dropdown-toggle.nav-link span {
    color: #fff;
}
.dropdown-menu.ruppes-dropdown {
    width: 240px;
    padding: 15px;
}
.ruppes-dropdown li {
    margin-bottom: 15px;
}
.ruppes-label {
    font-size: 14px;
    letter-spacing: 1px;
}
.ruppes-value {
    font-size: 16px;
    font-weight: 500;
    float: right;
    letter-spacing: 1px;
}
.ruppes-balance {
    border-top: 1px dashed #ddd;
    padding-top: 15px;
}
.ruppes-dropdown .ruppes-btn {
    margin: 0;
}
.ruppes-balance .ruppes-value {
    font-weight: 600;
}
.ql-toolbar.ql-snow {
    border-radius: 5px 5px 0 0;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
    border-radius:0 0 5px 5px;
}
.iti {
        display: block;
}
.iti__country-name {
    color: #555 !important;
}
.iti__dial-code {
    color: #999 !important;
}
.mobile-verfied-detail .form-control {
    padding-right: 35px !important;
}

.mobile-verfied {
    position: absolute;
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    bottom: 4px;
    right: 8px;
    text-align: center;
    border-radius: 100%;
    color: #fff !important;
    z-index: 9;
}
.form-group {
    position: relative;
}
.mobile-verfied.verfied {
    background-color: #008000;
}
.mobile-verfied.unverfied {
    background-color: #6e6e72;
}
.view-form-view {
    margin: 0;
    width: 100%;
}
.view-form-view tr td {
    padding: 0 10px 10px 0;
    word-break: break-word;
}
.view-form-view tr td b {
    color: #fff;
    font-weight: 500;
}
.card-form-view {
    padding: 25px;
    background: #090e2c;
    border-radius: 5px;
    margin-bottom: 30px;
}
.card-form-view:last-child {
    margin-bottom: 0;
}
.view-form-view tr td:first-child {
    min-width: 150px;
}
hr {
    margin-top: 30px;
    margin-bottom: 30px;
}
.breadcrumb-btn {
    text-align: right;
    padding-right: 0;
}
.breadcrumb {
    padding: 0.7rem 0 0.7rem 1rem !important;
}
.popover,
.tooltip {
    z-index: 1060;
}
.nav.nav-tabs {
    /*margin-bottom:0;*/
}
.select2-container--default .select2-selection--multiple {
    background-color: transparent;
    border: 1px solid #eee;
}
.ql-toolbar.ql-snow,
.ql-container.ql-snow {
    border: 1px solid #eee;
}
body.dark-layout .chip {
    background-color: #212744;
}
.btn.btn-outline-primary.white-btn {
    border: 1px solid #ffffff;
    color: #ffffff;
}
/**Sticky Notification**/
.sticky-notification {
    /* position: fixed; */
    top: 0;
    left: 0;
    background: #009688;
    z-index: 1035;
    width: 100%;
    padding: 10px 15px;
    border-radius: 0;
}

.sticky-notification-error{
    background: #EA5455 !important;
}

.sticky-notification.alert,
.sticky-notification.alert:last-child {
    margin-bottom: 0 !important;
}
.header-navbar .navbar-container ul.nav li.dropdown.nav-megamenu {
    position: static;
}
.header-navbar .navbar-container ul.nav li.dropdown.nav-megamenu .dropdown-menu::before {
    right: 195px;
}
.header-navbar .navbar-container ul.nav li.dropdown.nav-megamenu .dropdown-menu {
    width: 820px;
    min-width: 820px;
}
.header-navbar .navbar-container ul.nav li.dropdown.nav-megamenu .dropdown-menu a.dropdown-item {
    width: 25%;
    display: block;
    margin: 0;
    float: left;
    clear: inherit;
}
.sticky-notification-des {
    width: calc(100% - 164px);
    display: inline-block;
    vertical-align: middle;
}
.sticky-notification-detail p {
    margin: 0;
    color: #fff !important;
    letter-spacing: 1px;
}
.sticky-notification-btn {
    width: 160px;
    display: inline-block;
    vertical-align: middle;
}
.sticky-notification-detail h5 {
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-bottom: 0px;
    color: #fff;
}
.sticky-notification.alert.alert-dismissible .close {
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.sticky-notification.alert.alert-dismissible .close span {
    color: #fff !important;
}
/**End Sticky Notification**/
.add-more-close-in-form {
    font-size: 20px;
}
.apexcharts-menu {
    min-width: 120px !important;
}
.apexcharts-menu-item {
    padding: 8px;
}
.breadcrumb-btn .form-group {
    display: inline-block;
    vertical-align: middle;
}
.breadcrumb-btn .form-group .form-control {
    border: 1px solid #eee !important;
    max-width: 120px;
}
.disabled {
    cursor: not-allowed !important;
}
.card-chart-dropdown {
    position: absolute;
    top: 15px;
    right: 15px;
}
.rupee-icon {
    font-weight: normal !important;
}
.apexcharts-legend.center.position-right {
    top: 50% !important;
    bottom: inherit !important;
    transform: translateY(-50%);
    right: 15px !important;
}
.top-actions {
    position: relative;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 8px;
    color: #fff !important;
}
.header-navbar .navbar-container .bookmark-wrapper ul.nav li > a.nav-link.top-actions:hover i,
.header-navbar .navbar-container .bookmark-wrapper ul.nav li > a.nav-link.top-actions i:hover {
    color: #fff;
}
.header-navbar .navbar-container ul.nav li .top-actions .badge.badge-up {
    top: -12px;
    right: inherit;
    left: 1rem;
    border: 2px solid #fff;
}
.header-navbar .navbar-container ul.nav li a.top-actions i.ficon {
    font-size: 1.8rem;
}
.main-menu .navbar-header {
    padding: 0.35rem 1rem 0.3rem 1.30rem;
}
.mode-wrap {
    padding: 0 8px;
}
.mode-wrap .card-title-inner {
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #aaa;
}
.mode-wrap fieldset {
    margin-bottom: 5px;
}
.mode-wrap fieldset:last-child {
    margin-bottom: 0;
}
.tooltip-inner {
    background: #5a4fcf;
}
.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^='top'] .arrow::before {
  border-top-color : #5a4fcf;
}
.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^='right'] .arrow::before {
  border-right-color : #5a4fcf;
}
.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^='bottom'] .arrow::before {
  border-bottom-color : #5a4fcf;    
}
.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^='left'] .arrow::before {
  border-left-color : #5a4fcf;
}

/**End Common**/

/**Theme Table**/
.theme-table thead tr th {
    vertical-align: middle;
    min-width: 120px;
    background-color: #eaeff0;
    border-bottom: 1px solid #ddd;
}
.theme-table thead tr th.theme-table-col-big {
    min-width: 240px;
}
.theme-table thead tr th.theme-table-sr-no {
    min-width: 85px;
}
.theme-table thead tr th.theme-table-col-medium {
    width: 180px;
}
.theme-table thead tr th.theme-table-col-small {
    min-width: 100px;
}
.theme-table tr {
    border-right: 0;
}
.theme-table tr:last-child {
    border-bottom: 0;
}
.theme-table tr td {
    font-size: 13px;
    border-top: 1px solid #eaeff0;
}
.theme-table-search {
    position: relative;
    display: inline-block;
    z-index: 10;
    vertical-align: middle;
    margin-right: 10px;
}
.search-table-btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 34px !important;
    width: 34px !important;
    border-radius: 0 2px 2px 0 !important;
    text-align: center !important;
    line-height: 28px !important;
    padding: 0 !important;
}
.theme-table-search .form-control {
    padding-right: 45px;
}
.col-theme-table-header .btn-dropdown {
    display: inline-block;
    vertical-align: middle;
}
.col-theme-table-header {
    margin-bottom: 20px;
}
.col-theme-table-header:last-child {
    text-align: right;
}
.theme-table-header .dropdown .btn {
    padding: 10px 15px !important;
    border-radius: 2px;
}
.theme-table-footer .pagination .page-item .page-link {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px !important;
    padding: 0;
}
.col-theme-table-header .filter-sidebar-btn .user-filter-sidebar-btn {
    margin-left: 10px;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    padding: 0 !important;
}
.col-theme-table-footer:last-child {
    text-align: right;
}
.theme-table-tag li {
    display: inline-block;
    margin: 5px 5px 5px 0;
}
.theme-table-tag li .chip {
    margin: 0;
}
.theme-table-tag {
    padding: 0;
    margin: 0;
}
.theme-table-tag li a {
    color: #eee;
}
.theme-table tr td button {
    background: transparent;
    padding: 0 5px;
    border: 0;
    color: #555;
    font-size: 18px;
}
.theme-table-action,
.theme-table-status {
    text-align: center;
}
.theme-table-action span {
    display: inline-block;
}
.theme-table-action a {
    color: #333;
}
.theme-table-action a:hover {   
    color: #7367f0;
}
.theme-table-action span > a i {
    font-size: 15px;
    display: block;
    line-height: 29px;
}
.theme-table-action > a,
.theme-table-action > span > a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    background-color: transparent;
    border-radius: 100%;
}
.theme-table tr .theme-table-action {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.theme-table-action a:hover {
    background-color: #7367f0;
    color: #fff !important;
}
.theme-table-action a[data-original-title="Delete"]:hover, .theme-table-action a[title="Delete"]:hover {
    background-color: #d10d0d;
}
.theme-table-action a[data-original-title="Edit"]:hover, .theme-table-action a[title="Edit"]:hover {
    background-color: #008000;
}
.theme-table-action {
    min-width: 100px;
}
/**End Theme Table**/

/**Authentication**/
.bg-authentication .login-footer {
    padding-bottom: 20px;
}
.authentication-logo {
    margin-bottom: 30px;
}
.authentication-logo-p {
    padding-top: 110px;
}
.bg-authentication img {
    max-width: 100%;
}

.table.theme-table tr:nth-last-child(-n+7) .dropdown .dropdown-menu {
    /* width: 300px; */
    max-height: 300px;
    /* overflow: auto; */
}

.table.theme-table tr:nth-last-child(-n+7) .dropdown .dropdown-menu a.dropdown-item {
    width: 100%;
    display: inline-block;
    padding: 5px 10px;
}
.table.theme-table tr:nth-last-child(-n+4) .dropdown .dropdown-menu {
    /* width: 400px; */
    /* max-height: 162px; */
    /* overflow: auto; */
}
.table.theme-table tr:nth-last-child(-n+4) .dropdown.show button i:before {
    /* font-weight: 900; */
    /* display: inline-block; */
    /* -webkit-transform: rotate(90deg); */
    /* -ms-transform: rotate(90deg); */
        /* transform: rotate(90deg); */
 }
.table.theme-table tr:nth-last-child(-n+4) .dropdown .dropdown-menu a.dropdown-item {
    /* width: 50%; */
    /* display: inline-block; */
    /* padding: 5px 10px; */
}
.table.theme-table tr:nth-last-child(-n+2) .dropdown .dropdown-menu {
    /* width: 600px; */
    /* max-height: 120px; */
    /* overflow: auto; */
}
.table.theme-table tr:nth-last-child(-n+2) .dropdown .dropdown-menu a.dropdown-item {
    /* width: 33%; */
    /* display: inline-block; */
    /* padding: 5px 10px; */
}
.section-sales-executives .table.theme-table tr th {
    width: 17%;
}
/**End Authentication**/

/**Register**/
.google-btn {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    display: block;
    text-align: center;
}
.google-btn img {
    height: 40px;
    border-radius: 5px;
    display: inline-block;
}
.register-t-and-c fieldset.checkbox, .register-t-and-c a {
    display: inline-block;
    vertical-align: middle;
}
.crm-domain-name-detail {
    position: relative;
}
.crm-domain-name-detail .form-control {
    padding-right: 135px;
}
.input-crm {
    position: absolute;
    top: 0;
    right: 0;
    height: 34px;
    line-height: 34px;
    background: #f7f7f7;
    border-radius: 0 5px 5px 0;
    padding: 0 12px;
}
.register-t-and-c-bottom {
    position: absolute;
    bottom: -60px;
}
.register-t-and-c-bottom p {
    color: #333 !important;
}
/**End Register**/

/**Chat**/
.active-chat:before {
    content: "";
    background-image: url(../../app-assets/images/backgrounds/chat-bg.svg);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0.3;
}
.active-chat {
    position: relative;
}
.chat_navbar {
    position: relative;
    z-index: 9;
    display: block;
    background: #ffffff;
}
.chat-application .chats .chat-body .chat-content {
    background: -webkit-linear-gradient(332deg, #7367F0, rgba(115, 103, 240, 0.7));
    background: linear-gradient(118deg, #7367F0, rgba(115, 103, 240, 0.7));
    color: #fff;
}
.chat-application .chat-app-form {
    position: relative;
    z-index: 9;
}
.chat-application .chat-app-window .user-chats {
    position: relative;
    z-index: 1;
    background-color: transparent !important;
    background-image: none !important;
}
.chat-application .user-profile-sidebar {
    z-index: 22;
}
/**End Chat**/
/**Project Add**/
/*#project-settings .table-responsive {
    margin-bottom: 1.5rem;
}*/
.res-maps.google-location-preview {
    padding-bottom: 30%;
}
.price-range {
    margin: 16px 0;
    padding: 0 50px;
}
#add-project-settings label {
    display: block;
}
.youtube-url-wrap {
    position: relative;
}
.youtube-url {
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    line-height: 40px;
    background: #f7f7f7;
    border-radius: 5px 0 0 5px;
    padding: 0 12px;
}
.youtube-url-wrap .form-control {
    padding-left: 220px;
}
/**End Project Add**/

/**No Support Request**/
.support-block {
    max-width: 680px;
    margin: 0 auto;
    padding: 60px;
    text-align: center;
}
.support-block img {
    margin-bottom: 30px;
    width: 100%;
}
.support-block .card-title {
    margin-bottom: 10px;
}
.support-block p {
    margin-bottom: 30px;
}
/**End No Support Request**/

/**Support List**/
.filtered-search-block .dropdown {
    background: #d9d9d9;
    color: #000;
    padding: 15px;
    padding: 10px 25px;
    border-radius: 5px;
    height: 40px;
    display: inline-block;
}
.issues-filter-form .dropdown {
    width: 185px;
    float: left;
    border-radius: 5px 0 0 5px;
    margin-right: 1px;
}
.issues-filter-form .form-group {
    float: left;
    margin: 0;
    width: calc(100% - 186px);
}
.issues-filter-form .form-group .form-control {
    border-radius: 0 5px 5px 0;
    border: 1px solid #262c49 !important;
}
.issues-sort-filter {
    padding: 10px 22px;
    background: #d9d9d9;
    border-radius: 0 5px 5px 0;
    width: 58px;
    float: left;
    height: 40px;
    color: #000;
}
.col-issues-details-filters:last-child .dropdown {
    width: calc(100% - 59px);
    float: left;
    margin-right: 1px;
    border-radius: 5px 0 0 5px;
}
.issues-detail {
    width: 100%;
    float: left;
}
.issues-select-box {
    float: left;
    width: 30px;
    margin: 6px 0;
}
.issuable-main-info {
    width: 100%;
}
.open-issue-check-box .issues-select-box.hidden {
    display: block;
    visibility: visible;
}
.open-issue-check-box .filtered-search-block {
    padding-left: 15px;
}
.open-issue-check-box .issues-detail, .open-issue-check-box .issuable-main-info {
    width: calc(100% - 30px);
}
.issues-item {
    padding: 15px;
}
.issue-title-text a {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
}
.issuable-info span {
    font-size: 14px;
}
.issuable-info span a {
    color: #000;
}
.issues-meta ul {
    padding: 0;
    margin: 0 0 5px;
}
.issues-meta {
    text-align: right;
}
.issues-meta ul li {
    list-style: none;
    display: inline-block;
    margin-left: 10px;
}
.issues-meta ul li a img {
    max-width: 23px;
    border-radius: 100%;
}
.issues-meta ul li a {
    color: #999;
}
.issues-item:nth-child(even) {
    background: #f5f5f5;
}
/**End Support List**/

/**Lock Screen**/
.are-you-not-user {
    line-height: 40px;
}
/**End Lock Screen**/

/**Get Started**/
.getstarted {
    /* padding: 30px; */
}
.getstarted .card {
    height: calc(100vh - 60px);
    margin: 0;
}
.getstarted-wrapper .collapse-margin .card-header {
    padding: 1rem 4rem 1rem 1rem;
}
.getstarted-chart {
    display: inline-block;
    width: 100px;
    vertical-align: middle;
}
.getstarted-chart-text {
    width: calc(100% - 105px);
    display: inline-block;
    vertical-align: middle;
}
.getstarted-chart-text h2 {
    font-size: 20px;
}
.getstarted-chart-text span {
    letter-spacing: 1px;
}
.getstarted-wrapper .time {
    position: absolute;
    right: 15px;
    top: 50%;
    font-size: 12px;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.getstarted-wrapper .card-header {
    position: relative;
}
.circle-tick {
    background-color: #009174;
    color: #fff;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    opacity: 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.circle-tick i {
    color: #fff;
    font-size: 15px;
}
.getstarted-wrapper .nav.nav-tabs .nav-item .nav-link.active:after {
    display: none;
}
body.dark-layout .getstarted-wrapper .accordion-completed .nav .nav-item .nav-link {
    padding: 0.61rem 3rem 0.61rem 0.635rem;
}
.getstarted-wrapper .nav.nav-tabs {
    margin: 0;
}
.getstarted-wrapper .card-body {
    padding-top: 0;
}
.getstarted-wrapper .nav.nav-tabs .nav-item {
    margin-bottom: 5px;
}
.getstarted-wrapper .nav.nav-tabs .nav-item:last-child {
    margin-bottom: 0;
}
.getstarted-wrapper .collapse-title {
    font-size: 14px;
    font-weight: 500;
}
.tick {
    position: absolute;
    top: 50%;
    right: 15px;
    opacity: 1;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.accordion-completed .time {
    opacity: 0;
}
.accordion-completed .circle-tick {
    opacity: 1;
}
.accordion-completed .tick {
    opacity: 1;
}
.nav-item.tab-completed .nav-link .tick {
    opacity: 1;
}
.collapse-margin {
    background: #fafafa;
    box-shadow: none;
}
.collapse-margin.accordion-completed {
    border-radius: 5px;
    background: #e0f5f0;
}
.getstarted-wrapper .accordion-completed .nav-tabs .nav-item .nav-link.active, .getstarted-wrapper .accordion-completed .nav-tabs.nav-justified .nav-item .nav-link.active, .getstarted-wrapper .accordion-completed .nav .nav-item .nav-link.active {
    background-color: #00a886;
}
.getstarted-wrapper .nav .nav-item .nav-link.active {
    color: #ffffff;
}
.getstarted-wrapper .nav-tabs .nav-item .nav-link.active, .getstarted-wrapper .nav-tabs.nav-justified .nav-item .nav-link.active, .getstarted-wrapper .nav .nav-item .nav-link.active {
    background-color: #7367f0;
}
body.dark-layout #get-started .card .card-header,
body.dark-layout #get-started .card .card-footer {
    color: #C2C6DC;
    background-color: #0c112e;
}

.custom-switch-big.custom-switch .custom-control-label::before {
    width: 4rem;
    height: 2rem;
    border-radius: 1.3rem;
}
.custom-switch-big.custom-switch .custom-control-label:after {
    width: 1.6rem;
    height: 1.6rem;
    top: 3px;
    left: 5px;
}
.custom-switch-big.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    -webkit-transform: translateX(1.8rem);
    -ms-transform: translateX(1.8rem);
    transform: translateX(1.8rem);
}
.custom-switch-big.custom-switch .custom-control-label .switch-text-left,
.custom-switch-big.custom-switch .custom-control-label .switch-text-right,
.custom-switch-big.custom-switch .custom-control-label .switch-icon-left,
.custom-switch-big.custom-switch .custom-control-label .switch-icon-right {
    top: 8px;
}
.custom-switch-big.custom-switch .custom-control-label {
    width: 4rem;
    height: 2rem;
}
.custom-switch-big.custom-control.custom-switch {
    padding: 0;
}
.getstarted-accordion-btn.accordion-completed {
    background-color: #e0f5f0;
}
.getstarted-accordion-btn {
    position: relative;
    padding: 1rem 1rem 1rem 1rem;
    border-radius: 5px;
    box-shadow: none;
    background: #c9cfd4;
    border-radius: 5px;
    margin-top: 0.71rem;
    margin-bottom: 0.71rem;
    cursor: pointer;
}
.getstarted-accordion-btn.getstarted-accordion-inner-btn {
    padding: 0.61rem 3rem 0.61rem 0.635rem;
    margin: 0;
    background-color: transparent;
}
.accordion-completed .getstarted-accordion-btn.getstarted-accordion-inner-btn {
    background-color: transparent;
}
.getstarted-accordion-btn.accordion-completed[aria-expanded^="true"] span,
.getstarted-accordion-btn[aria-expanded^="true"] span {
    color: #fff !important;
}
.getstarted-accordion-btn[aria-expanded^="true"] {
    background-color: #7367f0 !important;
}
.getstarted-accordion-btn.accordion-completed[aria-expanded^="true"],
.accordion-completed .getstarted-accordion-btn.getstarted-accordion-inner-btn[aria-expanded^="true"] {
    background-color: #00a886 !important;
}
#getstarted-module-accordion .collapse-margin {
    position: relative;
}
#getstarted-module-accordion .custom-switch-big.custom-control {
    position: absolute;
    top: 13px;
    right: 13px;
}
.getstarted-wrapper .accordion .collapse {
    border-top: 0 !important;
}
.card-header.disabled {
    opacity: 0.5;
    pointer-events: none;
}
/**End Get Started**/
/**Employee**/
.theme-table .ag-cell:last-child span i {
    cursor: pointer;
}
.theme-table .ag-cell:last-child span i:hover {
    color: #7367F0;
}
.employee-view-sidebar .table td {
    font-size: 13px;
}
/**End Employee**/
/**Work Details**/
.work-details-view-sidebar .table th {
    min-width: 240px;
}
.work-details-edit-sidebar .table-responsive.theme-scrollbar-horizontal {
    overflow-x: visible;
}
.work-details-edit-sidebar .table-responsive.theme-scrollbar-horizontal .table tr td {
    position: relative;
}
/**End Work Details**/

/**Employee Locations**/
.locations-detail {
    height: 100vh;
}
.location-des > span {
    letter-spacing: 1px;
    display: block;
    margin-bottom: 8px;
    line-height: 22px;
}
.employee-google-location iframe {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.locations-detail .row, .locations-detail .row .col-locations, .employee-google-location {
    height: 100%;
}
.location-item-wrapper {
    padding: 20px 0 0;
}
.location-item ul {
    padding: 0;
    margin: 0;
}
.location-item {
    margin-bottom: 20px;
    padding: 20px;
    background: #f5f5f5;
    border-left: 1px solid;
    border-radius: 0 5px 5px 0;
}
.location-item:last-child {
    margin-bottom: 0;
}
.location-item ul li {
    letter-spacing: 0.5px;
    margin-bottom: 5px;
    line-height: 22px;
}
.col-locations .theme-scrollbar {
    height: calc(100% - 42px);
}
.location-des h5 {
    position: relative;
    padding-right: 40px;
}
.employee-locations-pin {
    position: absolute;
    top: 0;
    right: 0;
}
.green-border {
    border-color: #6bc700 !important;
}
.red-border {
    border-color: #fa0000 !important;
}
.blue-border {
    border-color: #397ef3 !important;
}
.l-check-type {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
}
.l-time span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.l-designation {
    font-size: 15px;
    font-weight: 500;
}
.location-des > span:last-child {
    margin-bottom: 0;
}
.l-address {
    font-size: 13px;
    letter-spacing: 0.5px !important;
}
/**End Employee Locations**/

/**Category**/
.add-company-policy-link {
    display: block;
    line-height: 40px;
}
/**End Category**/
/**Reimbursement Type**/
.rt-select-icon {
    width: 35px;
    height: 35px;
    display: block;
    background-image: url(../../app-assets/images/sprite.png);
    background-repeat: no-repeat;
    filter: grayscale(100%);
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.vs-radio-con input:checked ~ .rt-select-icon, .vs-radio-con:hover .rt-select-icon {
    filter: grayscale(0%);
}
.rt-select-icon-1 {
    background-position: 0 -30px;
}
.rt-select-icon-2 {
    background-position: -35px -30px;
}
.rt-select-icon-3 {
    background-position: -70px -30px;
}
.rt-select-icon-4 {
    background-position: -105px -30px;
}
.rt-select-icon-5 {
    background-position: -140px -30px;
}
.rt-select-icon-6 {
    background-position: -175px -30px;
}
.rt-select-icon-7 {
    background-position: -210px -30px;
}
.rt-select-icon-8 {
    background-position: -245px -30px;
}
/**End Reimbursement Type**/
/**Email Setting**/
.email-setting-img img {
    width: 100%;
}
.section-email-settings .form-footer .btn {
    padding: 13px;
}
/**End Email Setting**/
/**Project List Setting**/
.theme-sidebar.theme-sidebar-sm {
    width: 450px;
    right: -460px;
}
/**End Project List Setting**/


/**Support Priority**/
.priority-filter-form .dropdown {
    width: 185px;
    float: left;
    border-radius: 5px 0 0 5px;
    margin-right: 1px;
}
.priority-filter-form .form-group {
    float: none;
    margin: 0;
    width: 100%;
}
.priority-filter-form .form-group .form-control {
    border-radius: 0 5px 5px 0;
}
.priority-sort-filter {
    padding: 10px 22px;
    background: #d9d9d9;
    border-radius: 0 5px 5px 0;
    width: 58px;
    float: left;
    color: #000;
}
.col-priority-details-filters:last-child .dropdown {
    width: calc(100% - 59px);
    float: left;
    margin-right: 1px;
    border-radius: 5px 0 0 5px;
}
.priority-header .card-title {
    font-size: 15px;
}
.priority-header-right .btn {
    padding: 5px;
    margin-left: 5px;
}
.priority-header-count {
    display: inline-block;
    vertical-align: middle;
}
.priority-header-count i {
    font-size: 16px;
    transform: rotate(180deg);
    display: inline-block;
}
.priority-header-count i:before {
}
.priority-header-count span {
    margin-left: 3px;
}
.priority-header {
    border-bottom: 1px solid #eee !important;
    padding: 1rem !important;
}
.priority-list {
    padding: 0;
    margin: 0;
}
.priority-list .priority-card {
    list-style: none;
    margin-bottom: 15px;
    border-radius: 5px;
}
.priority-list .priority-card:last-child {
    margin-bottom: 0;
}
.priority-card {
    background: #eee;
    padding: 15px;
}
.priority-card-number {
    display: inline-block;
    line-height: 24px;
}
.priority-card-assignee img {
    max-width: 24px;
}
.priority-card-assignee {
    float: right;
}
.priority-card h5 a {
    color: #000;
}
.priority-list .priority-card {
    cursor: -webkit-grab;
    cursor: grab;
}
.priority-wrapper .col-priority {
    height: calc(100vh - 330px);
}
.priority-wrapper .col-priority .card {
    height: 100%;
}
.add-issue-form {
    display: none;
    margin-bottom: 15px;
}
.add-issue-form.show {
    display: block;
}
.add-issue-form .btn {
    padding: 13px 18px;
}
.priority-wrapper .col-priority .card .theme-scrollbar {
    padding: 0;
}
.priority-label li {
    position: relative;
    list-style: none;
    margin-bottom: 5px;
    padding-left: 25px;
}
.priority-label li:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
    margin-right: 3px;
    background: #f0ad4e;
    border-radius: 5px;
}
.priority-label li:last-child {
    margin-bottom: 0;
}
.priority-label {
    padding: 0;
}
.priority-label li:last-child:before {
    background: #5cb85c;
}
.improve-issue-priority ul li {
    margin-bottom: 5px;
}
.improve-issue-priority ul li:last-child {
    margin-bottom: 0;
}
.priority-list .priority-card .badge {
    margin: 10px 10px 0 0;
}
/**End Support Priority**/

/**Site Visits**/
.site-visits-action-btn {
    background: #fd397a;
    color: #fff !important;
    padding: 4px 8px;
    border-radius: 5px;
}
/**End Site Visits**/

/**Support Labels**/
.labels-filter-form {
    display: inline-block;
    margin-right: 10px;
}
.tab-content .tab-pane .support-block {
    padding: 0 60px;
}
.manage-labels-list {
    padding: 0;
}
.label-list-item {
    list-style: none;
    display: flex;
    padding: 15px;
    background: #eee;
    margin-bottom: 15px;
    border-radius: 5px;
}
.label-name {
    width: 200px;
    line-height: 40px;
}
.label-description {
    flex-grow: 1;
    display: table;
    min-height: 40px;
}
.label-actions-list {
    list-style: none;
    flex-shrink: 0;
    text-align: right;
    padding: 0;
    position: relative;
    margin: 0;
}
.label-links li {
    display: inline-flex;
}
.label-actions-list li {
    display: inline-flex;
    margin-left: 10px;
}
.label-list-item:last-child {
    margin-bottom: 0;
}
.tl-label {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 15px;
    color: #fff !important;
}
.label-name .red-label {
    background: #d9534f;
}
.label-name .blue-label {
    background: #428bca;
}
.label-name .green-label {
    background: #5cb85c;
}
.label-name .yellow-label {
    background: #f0ad4e;
}
.label-links {
    padding: 0;
    display: table-cell;
    vertical-align: middle;
}
.label-links li a {
    letter-spacing: 0.5px;
    color: #000;
}
.label-actions-list li .label-actions {
    padding: 5px 10px;
    border-radius: 5px;
    background: #ddd;
    font-size: 12px;
}
.label-actions-list li a {
    color: #000;
}
.input-bg-color {
    position: relative;
}
.input-bg-color-code {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 38px;
    height: 38px;
    border-radius: 5px 0 0 5px;
    background: #0033CC;
}
.input-bg-color .form-control {
    padding-left: 50px;
}
.suggest-colors {
    padding: 0;
    margin: 15px 0 0;
}
.suggest-colors li {
    width: 24px;
    height: 24px;
    border-radius: 5px;
    display: inline-block;
    list-style: none;
    margin: 0 5px 0 0;
}
.ua-blue {
    background-color: #0033CC;
}
.moderate-blue {
    background-color: #428BCA;
}
.lime-green {
    background-color: #44AD8E;
}
.feijoa {
    background-color: #A8D695;
}
.slightly-desaturated-green {
    background-color: #5CB85C;
}
.bright-green {
    background-color: #69D100;
}
.very-dark-lime-green {
    background-color: #004E00;
}
.very-dark-desaturated-blue {
    background-color: #34495E;
}
.dark-grayish-cyan {
    background-color: #7F8C8D;
}
.slightly-desaturated-blue {
    background-color: #A295D6;
}
.dark-moderate-blue {
    background-color: #5843AD;
}
.dark-moderate-violet {
    background-color: #8E44AD;
}
.very-pale-orange {
    background-color: #FFECDB;
}
.dark-moderate-pink {
    background-color: #AD4363;
}
.strong-pink {
    background-color: #D10069;
}
.strong-red {
    background-color: #CC0033;
}
.pure-red {
    background-color: #FF0000;
}
.soft-red {
    background-color: #D9534F;
}
.strong-yellow {
    background-color: #D1D100;
}
.soft-orange {
    background-color: #F0AD4E;
}
.dark-moderate-orange {
    background-color: #AD8D43;
}
.section-support-list .support-block img {
    max-width: 120px;
}
/**End Support Labels**/

/**Leads**/
.btn.lead-page-type {
    border-radius: 0;
    padding: 9px 15px;
    float: left;
    border-right: 1px solid #7367f0;
}

.btn.lead-page-type input {
    opacity: 0;
    display: none;
}

.lead-page-type-wrapper {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #7367f0;
    border-radius: 2px;
    overflow: hidden;
}

.btn.lead-page-type span {
    color: #7367f0;
    font-weight: 600;
    letter-spacing: 1px;
}
.btn.active.lead-page-type span {
    color: #fff;
}

.btn.lead-page-type.active {
    background: #7367f0;
}

.btn.lead-page-type:last-child {
    border-right: 0;
}

.btn.lead-page-type span i {
    margin-right: 0;
}

/*Lead Table*/
/* .lead-status-img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
} */
.lead-status-des {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 80px);
}
.lead-status-des .badge {display: inline-block;}
.lead-status-des span {
    display: block;
    margin-bottom: 3px;
    letter-spacing: 0.5px;
}
.lead-status-des span:last-child {
    margin-bottom: 0;
}
.lead-status-des h5 {
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 14px;
}
.theme-sidebar .lead-status-des h5 .badge {
    display: inline-block;
    margin: -1px 0 0 5px;
    vertical-align: middle;
}
/* .lead-status-img img {
    background-color: #ddd;
    border-radius: 100%;
} */
.lead-status {
    position: absolute;
    right: 0;
    bottom: 7px;
    width: 10px;
    height: 10px;
    display: block;
    border: 1px solid #fff;
    border-radius: 100%;
}
.lead-action .button {
    background: transparent;
    padding: 0;
    border: 0;
    color: #555;
    font-size: 18px;
}
.lead-action .button i {
    margin: 0;
}
.lead-action {
    text-align: center;
}
.lead-project span {
    display: block;
    margin-bottom: 3px;
}
.lead-project span:last-child {
    margin-bottom: 0;
}
table.table.lead-table tr td:nth-child(3) {
    min-width: 260px;
}
/* .lead-table .lead-status-img {
    width: 60px;
} */
.lead-table .lead-status-des {
    width: calc(100% - 80px);
}
.lead-table .lead-source span {
    display: block;
}
/*Lead Table End*/

/*Lead Card*/
.lead-card {
    height: 100%;
    position: relative;
    border-radius: 5px;
    background: #f5f5f5;
    border: 1px solid #ddd;
}

.lead-card-contant {
    padding: 25px;
    height: calc(100% - 52px);
}

.lead-card-footer {
    text-align: center;
    border-top: 2px solid #ddd;
}
.lead-card-name {
    margin-bottom: 15px;
}

.lead-card-left-detail {
    /* padding: 50px 0; */
}

.lead-card-status {
    position: relative;
    display: inline-block;
    padding: 3px;
    margin-bottom: 20px;
}
.col-lead-card-inner span {
    display: block;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}
.col-lead-card-inner span span {
    display: inline-block;
}
.lead-card-status span {
    margin: 0;
}
.lead-card-status {
    border-radius: 15px;
}
.lead-card-status span {
    font-size: 12px;
    padding: 1px 5px 1px 19px;
}
.lead-card-status.qualified {
    background: #e9f9ec;
}
.lead-card-status.qualified span {
    color: #249139;
}
.lead-card-status.not-qualified {
    background: #f4d8e1;
}
.lead-card-status.not-qualified span {
    color: #fa0000;
}
.lead-card-status.new {
    background: #e9e6e6;
}
.lead-card-status.new span {
    color: #808080;
}
.lead-card-status .lead-status {
    right: inherit;
    left: 9px;
    bottom: inherit;
    top: 50%;
    border-radius: 100%;
    padding: 0 !important;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.lead-card-name h5 span {
    font-size: 14px;
    vertical-align: middle;
    margin: 5px 0 0;
}
.lead-card-right-detail {
    text-align: right;
}
.lead-card-footer ul {padding: 0;margin: 0;}
.lead-card-footer ul li {
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    float: left;
}
.col-lead-card {
    margin-bottom: 30px;
}
.lead-card-footer ul li a {
    color: #555;
    padding: 15px;
    display: block;
    border-right: 1px solid #ddd;
}
.lead-card-footer ul li:last-child a {
    border-right: 0 !important;
}
.lead-card-received-on, .lead-card-updated-at {
    font-size: 13px;
}
.lead-card-assignee i, .lead-card-assignee span {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}
.col-lead-card-inner .lead-card-assignee {
    margin-bottom: 0;
}
.col-lead-card-inner .lead-card-updated-at {
    margin-bottom: 0;
}
.col-lead-card-inner .lead-card-received-on {
    margin-bottom: 5px;
}
.lead-card-assignee i {
    width: 15px;
}
.lead-card-assignee span {
    width: calc(100% - 20px);
}
/*End Lead Card*/
/*Lead Board*/
.lead-board-status {
    width: 100%;
    height: 2px;
    display: block;
    margin-bottom: 15px;
}
.lead-board {
    cursor: -webkit-grab;
    cursor: grab;
    position: relative;
    border-radius: 5px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 20px;
}
.lead-board:last-child {
    margin-bottom: 0;
}

.lead-board-left-detail {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 160px);
    margin-right: 30px;
}

.lead-board-right-detail {
    display: inline-block;
    vertical-align: middle;
    vertical-align: middle;
    width: 30px;
    text-align: right;
}

/* .lead-board-contant .lead-status-img {
    width: 60px;
    margin-right: 30px;
    display: inline-block;
    vertical-align: middle;
} */

.lead-board-right-detail .lead-action {
    text-align: right;
    display: block;
    margin-bottom: 5px;
}

.lead-board-phone {
    margin-bottom: 3px;
    display: block;
}

.lead-board-contant {
    letter-spacing: 1px;
}

.lead-board-name {
    display: block;
    margin-bottom: 5px;
}

.lead-board-assignee {
    margin-bottom: 5px;
    display: block;
}
.lead-board-right-detail .lead-board-assignee i, .lead-board-right-detail .lead-action {
    padding: 8px;
    display: inline-block;
}
.lead-board-source {
    margin-bottom: 5px;
}
/*End Lead Board*/

/* Lead View*/
.lead-view-title .card-title {
    margin: 0 10px 0 0;
    display: inline-block;
    vertical-align: middle;
}
.col-lead-view-title {
    margin-bottom: 30px;
}
.col-lead-view-title:last-child {
    text-align: right;
}
.lead-view-item {
    position: relative;
    margin-bottom: 30px;
    border-radius: 5px;
    border: 1px solid #eee;
    overflow: hidden;
}
.lead-view-country-img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.lead-view-header {
    background: #eee !important;
    padding: 10px 30px;
}
.lead-view-country-img img {
    background: #fff;
}
.lead-view-country-des {
    display: inline-block;
    vertical-align: middle;
}
.lead-view-header-detail .card-title-inner {
    margin: 0;
}
.lead-view-task-no {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 500;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff !important;
    margin-right: 5px;
    border-radius: 100%;
}
.lead-view-task-des {
    display: inline-block;
    vertical-align: middle;
}
.lead-view-task {
    display: inline-block;
}
.lead-view-content {
    padding: 30px 30px 0;
}
.col-view-form .lead-view-item .lead-view-content {
    border-bottom: 1px solid #eee;
}
.lead-view-content-timeline {
    padding: 30px 0px 0;
}
.lead-status-mobile {
    position: relative;
}
.lead-status-mobile .mobile-verfied.verfied {
    position: static;
    display: inline-block;
    vertical-align: middle;
}
.lead-status-mobile a {
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.lead-status-mobile {
    margin-bottom: 10px;
}
/* .col-lead-view-content .lead-status-img {
    width: 60px;
} */

.col-lead-view-content .lead-status-des {
    width: calc(100% - 80px);
}

.col-lead-view-content {
    margin-bottom: 20px;
}

.lead-view-content-message.alert {
    margin-bottom: 0;
}

.lead-status-detail .view-form-title {
    margin-bottom: 5px;
}

.lead-status-detail .btn-outline-primary.dropdown-toggle {
    padding: 8px 14px !important;
}
.add-task-des {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    padding-right: 15px;
}
.add-task-detail .dropdown {
    display: inline-block;
}
.add-task-des:before {content: "";position: absolute;width: 1px;height: 100%;background: #ddd;right: 0;top: 0;}
.lead-view-header .dropdown .btn.btn-outline-primary.dropdown-toggle {
    padding: 7px 14px;
}

/*To Do*/
.todo-card {
    border-bottom: 1px solid #eeeeee;
}
.todo-card:last-child {
    border-bottom:0 !important;
}
.todo-card-header {
    padding: 20px 30px;
}
.todo-card-header h5 {
    font-size: 14px;
    margin-bottom: 0;
}
.col-todo-card-header:last-child {
    text-align: right;
}
.todo-card-content {
    padding: 0 30px;
}
.todo-card .col-lead-view-content {
    margin-bottom: 20px;
}
.lead-view-item-todo .lead-view-content {
    padding: 0;
}
.todo-points li {
    display: inline-block;
    list-style: none;
    border: 0 !important;
    border-right: 1px solid #dae1e7 !important;
    padding: 0 10px 0 0 !important;
    margin-right: 6px;
    font-weight: 500;
    font-size: 12px;
}
.todo-points {
    margin-top: 10px;
    padding: 0;
}
.todo-points li:hover {
    box-shadow: none !important;
    transform: none !important;
}
.todo-points li:last-child {
    margin-right: 0 !important;
    border-right: 0 !important;
    padding-right: 0 !important;
}
/* End To Do*/

/*Campaign*/
.campaign-card {
    border-bottom:1px solid #eeeeee;
}
.campaign-card:last-child {
    border-bottom:0 !important;
}
.campaign-card-header {
    padding: 20px 30px;
}
.campaign-card-header h5 {
    font-size: 14px;
    margin-bottom: 0;
}
.campaign-card-content {
    padding: 0 30px;
}
.campaign-card .col-lead-view-content {
    margin-bottom: 20px;
}
.lead-view-item-campaign .lead-view-content {
    padding: 0;
}
.lead-view-campaign-date {
    font-size: 13px;
    font-weight: 500;
    color: #fff !important;
    letter-spacing: 0.5px;
}
/* End Campaign*/

/* End Lead View*/
/**End Leads**/

/**Leads View Page**/
.col-lead-view-main .col-lead-view-title {
    text-align: left;
}
.col-lead-history-header {
    margin-bottom: 30px;
}
.col-lead-history-header .nav.nav-tabs {
    margin-bottom: 0;
}
.lead-history-wrapper {
    border-left: 2px solid #ddd;
    padding-left: 30px;
    margin-left: 5px;
}
.col-lead-header {
    margin-bottom: 20px;
}
.lead-history-item {
    position: relative;
    border: 1px solid #ddd;
    margin-bottom: 30px;
    padding: 20px;
    border-radius: 5px;
}
.lead-history-title {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.lead-history-title h5 {
    margin-bottom: 0;
    font-size: 14px;
}
.lead-history-des ul li {
    position: relative;
    display: inline-block;
    color: #333;
    letter-spacing: 1px;
    font-size: 13px;
    padding-right: 10px;
    margin-right: 10px;
}
.lead-history-des ul li a {
    color: #333;
}
.lead-history-des ul {
    padding: 0;
    margin: 0;
}
.lead-history-des ul li:before {
    content: "|";
    position: absolute;
    top: 0;
    right: -3px;
}
.lead-history-des ul li:last-child {
    margin-right: 0;
    padding-right: 0;
}
.lead-history-des ul li:last-child:before {
    display: none;
}
.lead-history-item:before {
    content: "";
    position: absolute;
    top: 15px;
    left: -37px;
    width: 10px;
    height: 10px;
    background: #f5f5f5;
    border-radius: 100%;
    border: 2px solid #ddd;
}
.lead-history-item-call h5,
.lead-history-item-email h5 {
    width: calc(100% - 34px);
    display: inline-block;
}

.lead-history-item-call .btn-dropdown .btn,
.lead-history-item-email .btn-dropdown .btn {
    display: inline-block;
    padding: 0 !important;
    width: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0;
    background: transparent !important;
}

.lead-history-item-call .btn-dropdown .btn i,
.lead-history-item-email .btn-dropdown .btn i {
    margin: 0;
}

.lead-history-item-call .btn-dropdown,
.lead-history-item-email .btn-dropdown {
    display: inline-block;
    vertical-align: top;
    width: 30px;
}

.lead-history-title h5 i {
    margin-right: 5px;
}
.lead-history-wrapper audio {
    margin-top: 15px;
}
.col-lead-filter-footer ul li {
    /* position: relative;
    display: inline-block;
    color: #333;
    letter-spacing: 1px;
    font-size: 13px;
    padding-right: 10px;
    margin-right: 10px;
    margin-bottom: 0 !important; */

    position: relative;
    display: inline-block;
    color: #333;
    letter-spacing: 1px;
    font-size: 12px;
    padding-right: 5px;
    margin-right: 1px;
    margin-bottom: 0 !important;
}
.col-lead-filter-footer ul li a {
    color: #333;
}
.col-lead-filter-footer ul {
    padding: 0;
    margin: 0;
}
.col-lead-filter-footer ul li:before {
    content: "|";
    position: absolute;
    top: 0;
    right: -3px;
}
.col-lead-filter-footer ul li:last-child {
    margin-right: 0;
    padding-right: 0;
}
.col-lead-filter-footer ul li:last-child:before {
    display: none;
}
.timeline-info-content .col-lead-view-content {
    margin-bottom: 15px;
}
.timeline-info-header.timeline-info-header-with-btn p {
    width: calc(100% - 34px);
    display: inline-block;
    letter-spacing: 1px;
}
.timeline-info-header.timeline-info-header-with-btn .btn-dropdown {
    display: inline-block;
    vertical-align: top;
    width: 30px;
}
.timeline-info-header.timeline-info-header-with-btn .btn-dropdown .btn {
    display: inline-block;
    padding: 0 !important;
    width: 20px;
    line-height: 18px;
    text-align: center;
    margin: 0;
    background: transparent !important;
}
.timeline-info-header {
    padding: 8px 20px;
    background-color: #eee;
    border-bottom: 1px solid #eee;
}
.timeline-info span {
}
.timeline-info {
    margin-bottom: 10px;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}
.timeline-info:last-child {
    margin-bottom: 0;
}
.activity-timeline.timeline-left > li {
    padding-bottom: 20px;
    border-bottom: 1px dashed #ddd;
}
.activity-timeline.timeline-left > li:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
}
.timeline-info audio {
    margin-top: 15px;
}
.col-lead-filter-footer.col-lead-filter-footer-action ul li {
    padding-right: 0;
}
.col-lead-filter-footer.col-lead-filter-footer-action ul li:before {
    display: none;
}
.outgoing {
    color: #268de2;
}
.communication {
    color: #808080;
}
.incoming {
    color: #28C76F;
}
.missed {
    color: #ff0000;
}
.communication.success {
    color: #28C76F !important;
}
/**End Leads View Page**/

/**Issue**/
.issuable-status-box {
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px;
    padding: 4px 8px;
    margin-right: 5px;
}

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

.status-box-open {
    background-color: #108548;
}

.issuable-status-box span {
    color: #fff !important;
}

.issuable-meta img {
    border-radius: 100%;
    max-width: 24px;
    margin: 0 5px;
    display: inline-block;
    vertical-align: middle;
}

.issuable-meta b {
    display: inline-block;
    vertical-align: middle;
}

.issuable-meta span span {
    display: inline-block;
    vertical-align: middle;
}

.col-issue-page-header:last-child,
.col-issue:last-child {
    text-align: right;
}
.issue-page-header,
.issue-item {
    border-bottom: 1px dashed #262c49;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.issue-title-edit-btn {
    font-size: 20px;
    padding: 9px 9px !important;
    line-height: 20px;
}
.issue-item h2, .issue-item p {
    margin: 0;
}
.issue-desc-profile img {
    border-radius: 100%;
}
.col-issue-desc {
    max-width: 60px;
}
.col-issue-desc:last-child {
    max-width: calc(100% - 60px);
}
/**End Issue**/
/**Cloud Telephony**/
.col-did-number {
    margin-bottom: 10px;
}
.did-number-detail.theme-scrollbar {
    /*height: 300px;*/
}
/**End Cloud Telephony**/

/**Grievance List**/
.raise-grievance-view-sidebar {
    padding: 0;
}
.raise-grievance-chat-action a, .raise-grievance-chat-action .dropdown {
    display: inline-block;
    vertical-align: middle;
    color: #000;
}
.raise-grievance-chat-action .theme-sidebar-close {
    position: static;
    display: inline-block;
    vertical-align: middle;
}
.raise-grievance-chat-action .dropdown {
    margin: 0 10px;
}
.raise-grievance-chat-action .dropdown .button {
    padding: 0;
    text-align: center;
    border: 0;
    background-color: transparent;
    color: #000;
}
.raise-grievance-chat-action .dropdown .button i {
    margin: 0;
}
.col-raise-grievance-chat-header:last-child {
    text-align: right;
    padding: 0;
}
.grievance-chat .row {
    margin: 0;
}
.col-raise-grievance-chat-header {
    padding: 0 15px 0 0;
}

.grievance-chat .card-header {background-color: #f5f5f5 !important;padding: 20px;}
.chat-footer {
    background: #f5f5f5;
}
.raise-grievance-status {
    position: relative;
    padding-left: 14px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-top: 5px;
    display: block;
}

.raise-grievance-status:before {content: "";position: absolute;width: 8px;height: 8px;background: #6f63e9;border-radius: 100%;top: 50%;left: 0;transform: translateY(-50%);}

.raise-grievance-status.completed:before {
    background: #008000;
}

.raise-grievance-status.rejected:before {
    background: #ff0000;
}
.grievance-chat .chat-application .chat-app-window .user-chats {
    height: calc(var(--vh, 1vh) * 100 - 145px);
}
.grievance-chat .chat-application .chat-app-window .user-chats {
    padding: 20px 30px;
    position: relative;
    text-align: center;
    height: calc(100% - 165px);
    height: calc(var(--vh, 1vh) * 100 - 165px);
    background-color: #fff !important;
    background-image: url(../images/backgrounds/chat-light-bg.svg) !important;
}
.grievance-chat .chat-footer .card-body {
    padding: 20px !important;
}
.grievance-chat .chat-message {
    background: #fff5c4;
    padding: 5px 10px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 10px;
}
.chat-message span {
    font-size: 12px;
    color: #4a421b !important;
}
.grievance-chat-type-message {
    position: relative;
    display: inline-block;
    width: calc(100% - 30px);
    margin-right: 15px;
}
.grievance-chat-type-message a {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
}
.grievance-chat-type-message .form-control {
    padding-right: 40px;
}
.btn.btn-icon {
    /*padding: 0.715rem 1rem;*/
}
/**End Grievance List**/

/**Reapp Transactions**/
.reapp-transactions-data .card-header {
    padding: 2rem;
    border-radius: 0.5rem;
}
.col-reapp-transactions-data {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
/**End Reapp Transactions**/

/**ReApp Calculator**/
.reapp-calculator-detail .bg-analytics {
    background: -webkit-linear-gradient(332deg,#7367F0,rgba(115,103,240,.7));
    background: linear-gradient(118deg,#7367F0,rgba(115,103,240,.7));
}
.reapp-calculator-detail .img-left {
    width: 200px;
    position: absolute;
    top: 0;
    left: 0;
}
.reapp-calculator-detail .img-right {
    width: 175px;
    position: absolute;
    top: 0;
    right: 0;
}
.reapp-calculator-detail .avatar {
    margin-bottom: 2rem;
}
.reapp-calculator-detail .card.bg-analytics {
    border-radius: 0.5rem 0.5rem 0 0;
    margin: 0;
}
.reapp-calculator-detail .card.bg-analytics .card-body {
    padding: 50px 30px;
}
.reapp-calculator-detail .card.bg-analytics .card-body h1 {
    font-size: 50px;
    margin: 0;
}
.form-value {
    display: block;
    line-height: 40px;
    font-weight: 600;
    color: #000 !important;
}
.reapp-calculator .form-group {
    margin-bottom: 0;
}
.reapp-calculator .card {
    border-radius: 0 0 0.5rem 0.5rem;
}
.reapp-calculator {
    position: relative;
}
.reapp-calculator .btn {
    position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
    top: -20px;
    max-width: 150px;
    margin: 0 auto;
}
.reapp-calculator .card-body {
    padding: 50px 30px;
}
.reapp-calculator .btn {
    -webkit-box-shadow: 0px 4px 16px 0px rgba(153, 153, 153, 0.15);
    box-shadow: 0px 4px 16px 0px rgba(153, 153, 153, 0.15);
}
.reapp-calculator .btn:focus {
    -webkit-box-shadow: 0px 4px 16px 0px rgba(153, 153, 153, 0.15) !important;
    box-shadow: 0px 4px 16px 0px rgba(153, 153, 153, 0.15) !important;
}
/**End ReApp Calculator**/

/**User Point Ledger**/
.timeline-value {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
}
.timeline-time {
    font-size: 13px;
    color: #999;
}
/**End User Point Ledger**/

/**Lead Stage Analysis**/
.pie-chart-legend-middle .apexcharts-legend {
    top: 50% !important;
    bottom: inherit !important;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
/**End Lead Stage Analysis**/


/**Customizer**/
.customizer {
  width: 400px;
  right: -400px;
  padding: 0;
  background-color: #fff;
  z-index: 1051;
  position: fixed;
  top: 0;
  bottom: 0;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  transition: right 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99);
  backface-visibility: hidden;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08); }
  .customizer.open {
    right: 0; }
  .customizer .customizer-content {
    position: relative;
    height: 100%; }
  .customizer .customizer-close {
    position: absolute;
    right: 30px;
    top: 20px;
    padding: 7px;
    width: auto;
    z-index: 10;
    color: #626262; }
    .customizer .customizer-close i {
      font-size: 1.71rem; }
  .customizer .customizer-toggle {
    background: #7367f0;
    color: #fff;
    display: block;
    box-shadow: -3px 0px 8px rgba(0, 0, 0, 0.1);
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    position: absolute;
    top: 50%;
    width: 38px;
    height: 38px;
    left: -39px;
    text-align: center;
    line-height: 40px;
    cursor: pointer; }
  .customizer .color-box {
    height: 35px;
    width: 35px;
    margin: .5rem;
    border-radius: .5rem;
    cursor: pointer; }
    .customizer .color-box.selected {
      box-shadow: 0 0 0 3px rgba(52, 144, 220, 0.5); }

      /* Kode Alert */
.kode-alert {
    color: #fff;
    position: relative;
    border-radius: 3px;
    text-align: left;
    margin-bottom: 10px;
    padding: 12px;
    padding-right: 30px;
  }
  .kode-alert a {
    color: inherit;
    text-decoration: underline;
    font-weight: 600;
  }
  .kode-alert h4 {
    font-size: 14px;
    margin: 0 0 5px;
    color: inherit;
    font-weight: 600;
    line-height: normal;
  }
  .kode-alert p {
    color: #fff !important;
    margin-bottom: 0;
  }
  .kode-alert .img {
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 3px;
    left: 12px;
    top: 12px;
  }
  .kode-alert-img {
    padding-left: 65px;
    min-height: 64px;
  }
  .kode-alert-icon {
    padding-left: 40px;
  }
  .kode-alert-icon .fa {
    display: block;
    width: 20px;
    text-align: center;
    position: absolute;
    font-size: 15px;
    left: 12px;
    top: 17px;
  }
  .kode-alert .closed {
    position: absolute;
    right: 3px;
    text-decoration: none;
    font-weight: bold;
    top: 0px;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.5);
    padding: 4px;
  }
  .kode-alert .closed:hover {
    color: #fff;
  }
  .kode-alert-click {
    cursor: pointer;
    padding-right: 12px;
  }
  .kode-alert .primary {
    outline: 0;
    border: none;
    background: rgba(0, 0, 0, 0.4);
    color: inherit;
    border-radius: 3px;
    padding: 4px 10px;
  }
  .kode-alert .cancel {
    outline: 0;
    border: none;
    background: rgba(255, 255, 255, 0.4);
    color: rgba(0, 0, 0, 0.8);
    border-radius: 3px;
    padding: 4px 10px;
  }
  .kode-alert .primary:hover,
  .kode-alert .cancel:hover {
    opacity: 0.9;
  }
  .kode-alert-top,
  .kode-alert-bottom,
  .kode-alert-top-left,
  .kode-alert-top-right,
  .kode-alert-bottom-left,
  .kode-alert-bottom-right,
  .kode-alert-fullscreen {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  /*  position: fixed;*/
    display: none;
    z-index: 99999;
  }
  
  .kode-alert-top,
  .kode-alert-top-left,
  .kode-alert-top-right,
  .kode-alert-bottom-left,
  .kode-alert-bottom-right,
  .kode-alert-fullscreen {
      position: fixed;
  }
  .kode-alert-top {
    top: 0;
    left: 0;
    right: 0;
  }
  .kode-alert-bottom {
    bottom: 0;
    left: 0;
    right: 0;
  }
  .kode-alert-top-left {
    top: 80px;
    left: 20px;
  }
  .kode-alert-top-right {
    top: 250px;
    right: 20px;
  }
  .kode-alert-bottom-left {
    bottom: 20px;
    left: 20px;
  }
  .kode-alert-bottom-right {
    bottom: 20px;
    right: 20px;
  }
  .kode-alert-fullsize {
    top: 50%;
    left: 50%;
    margin: -20px;
  }
  .alert3 {
    background: #26a65b;
  }
  .alert6 {
    background: #ef4836;
  }


  .theme-table-footer{
    margin-top: 15px;
  }

  /*sorting*/ 
#sortup {
    float: right;
    margin: -16px 0px 0px 0px;
    background-position: center;
}
#sortdown {
    float: right;
    margin: -8px 0px -14px 0px;
    background-position: center;
}
#sortup img{
    width: 9px;
    height: 8px;
    padding: 0 0;
    margin: -23px -7px 0 -8px;
}
#sortdown img{
        width: 18px;
    height: 8px;
    padding: 0 0;
    margin: 8px -6px;
}
.sorting{
    display: table-cell;
    cursor: pointer;
}



/* Cloud Credit */
.credit-payment-summary-value {
    max-width: 110px !important;
    text-align: right;
    font-weight: bold;
}
.credit-payment-summary-label, .credit-payment-summary-value {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.credit-payment-summary-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 1px dashed #eee;
    padding-top: 10px;
    margin-top: 10px;
}
.credit-payment-summary-item:first-child {
    border-top: 0 !important;
    padding-top: 0;
    margin-top: 0;
}
.credit-payment-summary {
    margin-bottom: 20px;
}
.credit-payment-summary-item.credit-payment-summary-item-total .credit-payment-summary-label {
    font-weight: 500;
}
/* End Cloud Credit */

.col-lead-primary-status-analysis .select2,
.col-lead-primary-status-analysis-header .select2 {
    display: inline-block;
    width: inherit !important;
    margin-left: 5px;
}
.tab-pane .theme-table-header .row {
    margin: 0;
}
.tab-pane .theme-table-header .row .col-theme-table-header {
    padding: 0;
}
.bootstrap-switch {
    border-color: #dddddd;
}
.bootstrap-switch .bootstrap-switch-label {
    background-color: #f8f8f8;
}

.modal .modal-header {
    padding: 1rem 2rem;
    border-radius: 0;
}
.modal .modal-header .close {
    transform: none;
    top: 0px;
    right: 0px;
}
.modal .modal-header .close:hover {
    transform: none;
}
.modal-content {
    border-radius: 8px;
    overflow: hidden !important;
}
#logopreview,
#faviconpreview {
    width: 250px;
    height: auto;
    padding: 5px;
    background-color: #f8f8f8;
    border-radius: 8px;
}
.company-visual-assets label {
    display: block;
}
/* .media-img {
    position: relative;
    display: block;
}
.media-img img {
    margin-bottom: 20px;
    max-width: 150px;
} */
.media-img  {
    width: 150px;
    height: auto;
    border: 1px solid #e4e6ef;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}
.media-img .hidden {
    margin-bottom: 0;    
}

.media-delete{
    position: absolute;
    top: -8px;
    right: -8px;
    z-index: 0;
    cursor: pointer;
    color: red;
    border: 2px solid red;
    padding: 2px 6px;
    font-weight: 700;
    background-color: white;
}

.mediaimg-wrap {
    position: relative;
    display: inline-block;
}
/* .mediaimg-wrap .close {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 100;
    background-color: #FFF;
    padding: 5px 2px 2px;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    opacity: .2;
    text-align: center;
    font-size: 22px;
    line-height: 10px;
    border-radius: 50%;
}
.mediaimg-wrap:hover .close {
    opacity: 1;
} */

.company-visual-assets .rmvlogo {
    margin-right: auto;
    position: absolute;
    font-size: 18px;
    right: -30px;
    top: calc(50% - 10px);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.cmplogoerr {
    margin-bottom: 0 !important;
    display: block;
}
.select2 + label,
input + label {
    margin-block: 0;
    display: block;
    line-height: initial;
}
.select2 + label span,
input + label span {
    line-height: initial;
    display: block;
}
.col-theme-table-header .select2-container .select2-selection,
.col-theme-table-header .select2 {
    border-radius: 1.5rem;
}

.switch.btn-color-mode-switch {
    border-radius: 10px;
}
.btn-color-mode-switch-inner {
    border-radius: 10px !important;
}
.btn-color-mode-switch > label.btn-color-mode-switch-inner {
    margin: 0px !important;
    width: 40px !important;
    height: 22px !important;
    height: 1.571rem;
    width: 3.1rem;
    background: #eee !important;
    border-radius: 15px !important;
}
.btn-color-mode-switch > label.btn-color-mode-switch-inner:after {
    width: 18px !important;
    height: 18px !important;
    left: 3px !important;
    top: 2px;
    border-radius: 100% !important;
}
.btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner:after {
    left: 19px !important;
    background: #ffffff;
}
.btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner {
    background: #7467F0 !important;
}
.todo-application .content-area-wrapper .content-right .app-fixed-search {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background-color: #eee;
}
.todo-application .content-area-wrapper .sidebar .todo-sidebar .todo-app-menu .list-group .list-group-item:hover {
    color: #7367f0;
    background-color: transparent !important;
}
.table th {
    color: #2C2C2C;
}
.header-navbar .navbar-container .bookmark-wrapper ul.nav li > a.nav-link.top-actions:hover i, .header-navbar .navbar-container .bookmark-wrapper ul.nav li > a.nav-link.top-actions i:hover {
    color: #211d6c;
}
.col-reapp-transactions-data .card {
    background-color: #f8f8f8;
}





.cre-matrix-page .comparison-table {
    overflow-x: scroll;
    margin-left: 17em;
    overflow-y: visible;
    padding: 0;
}
.cre-matrix-page .card-content li a {
    display: block;
    color: #222;
    text-align: center;
    padding: 16px;
    text-decoration: none;
}

.cre-matrix-page .list-group .list-group-item {
    background-color: #f5f5f5 !important;
    color: #222;
    box-shadow: 10px 10px 8px -9px rgb(0 0 0 / 10%);
    border: 1px solid #eee !important;
}

.list-group .list-group-item:hover{
    background-color: #eee !important;
    color: #222;
}

.cre-matrix-page .pure-table-horizontal td,
.cre-matrix-page .pure-table-horizontal th {
    border-width: 0 0 1px;
    border-top: 1px solid #eeeeee !important;
    border-bottom: 0px solid #eee !important;
}
.cre-matrix-page .pure-table-horizontal tr:last-child th {
    border-bottom: 1px solid #eeeeee !important;
} 
.cre-matrix-page table {
    border-collapse: separate;
    border-spacing: 0;
    /*min-height: 590px;*/
}
.cre-matrix-page .pure-table-horizontal tr {
    height: 30px;
}
.cre-matrix-page td, body.dark-layout.cre-matrix-page th {
    margin: 0;
    white-space: nowrap;
}

.cre-matrix-page .pure-table-horizontal td .refresh_chart {
    cursor: pointer;
}

.cre-matrix-page .heading-borders {
    border-right: 1px solid #eeeeee !important;
    border-left: 1px solid #eeeeee !important;
}

.cre-matrix-page .comparison-table{
    overflow-x: auto;
    margin-left: 21em;
    overflow-y: visible;
    padding: 0;
    width: inherit;
}

.cre-matrix-page .headcol {
    position: absolute;
    width: 22em;
    left: 0px;
    top: auto;
    /*only relevant for first row*/
    margin-top: -1px;
    /*compensate for top border*/
}
.cre-matrix-page div#divnew .nav-vertical {
    min-height: 450px;
}
.cre-matrix-page .wrapper {
    /*margin-left: 130px;
    position: absolute;
    top: 40%;
    left: 45%;
    transform: translate(0%, 0%);*/
}

.cre-matrix-page .wrapper .search_box {
    /*width: 800px;*/
    background: #eee;
    border-radius: 5px;
    height: 50px;
    display: flex;
    padding: 10px;
    color: #222;
    box-shadow: 0 10px 15px -7px rgb(0 0 0 / 0.2);
}

.cre-matrix-page .wrapper .search_box .dropdown {
    width: 150px;
    border-right: 2px solid #dde2f1;
    color: #9fa3b1;
    position: relative;
    cursor: pointer;
}

.cre-matrix-page .wrapper .search_box .dropdown .default_option {
    text-transform: uppercase;
    padding: 5px 20px;
    font-size: 15px;
}

.cre-matrix-page .wrapper .search_box .dropdown ul {
    position: absolute;
    top: 43px;
    left: -10px;
    background: #0d1334;
    width: 150px;
    border-radius: 5px;
    padding: 20px;
    display: none;
    box-shadow: 10px 10px 8px -9px #000000;
        z-index: 1;
        list-style: none;
}

.cre-matrix-page .wrapper .search_box .dropdown ul.active {
    display: block;
}

.cre-matrix-page .wrapper .search_box .dropdown ul li {
    padding: 7px 14px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    border-bottom: 0;
}

.cre-matrix-page .wrapper .search_box .dropdown ul li:last-child {
    padding-bottom: 0;
}

.cre-matrix-page .wrapper .search_box .dropdown ul li:hover {
    color: #fff;
    background-color: #03071d;
}

.cre-matrix-page .wrapper .search_box .dropdown:before {
    content: "";
    position: absolute;
    top: 12px;
    right: 22px;
    border: 8px solid;
    border-color: #5078ef transparent transparent transparent;
}

.cre-matrix-page .wrapper .search_box .search_field {
    width: 630px;
    width: 100%;
    height: 100%;
    position: relative;
}

.cre-matrix-page .wrapper .search_box .search_field .input {
    width: 100%;
    height: 100%;
    border: 0px;
    font-size: 16px;
    padding-left: 20px;
    padding-right: 38px;
    color: rgb(0, 0, 0);
    background: #eeeeee;
    outline: none;
}

.cre-matrix-page .wrapper .search_box .search_field .fas {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 22px;
    color: #7367f0;
    cursor: pointer;
}

.cre-matrix-page .panel {
    background-color: #fff;
    width: 100vw;
    position: fixed;
    margin-left: -50vw;
    height: 100px;
    border-radius: 5px;
    left: 50%;
    display: flex;
    flex-direction: column;
    min-height: 88vh;
}

.cre-matrix-page .panel-body {
    overflow-y: auto;
    float: left;
    position: relative;
    margin-left: -5px;
    padding: 20px;
    margin-bottom: auto;
}

.cre-matrix-page .suggestions {
    position: absolute;
    margin-top: 50px;
    margin-left: 130px;
    overflow-y: auto;
    width: fit-content;
    max-height: 300px;
    z-index: 12;
    padding-right: 0;
}

.overlay {
    position: fixed;
    /* Sit on top of the page content */
    display: none;
    /* Hidden by default */
    width: 100%;
    /* Full width (cover the whole page) */
    height: 100%;
    /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    /* Black background with opacity */
    z-index: 2;
    /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer;
    /* Add a pointer on hover */
}

.refresh_chart {
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    position: relative;
    padding: 0 8px;
    z-index: 11;
    top: 28px;
}

.booked_green {
    color: #5ad482;
    font-weight: bold;
}

.row_hover:hover {
    background-color: #0d1334;
}

.graph_loader {
    position: absolute;
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #3498db;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    /* position: fixed; */
    margin-left: 17%;
    margin-top: 10%;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 20;
    opacity: 0.7;
}

.graph_loading_box {
    position: absolute;
    width: 500px;
    height: 350px;
}


/* Safari */

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

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.cre-matrix-page .overlay {
    position: fixed;
    /* Sit on top of the page content */
    display: none;
    /* Hidden by default */
    width: 100%;
    /* Full width (cover the whole page) */
    height: 100%;
    /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    /* Black background with opacity */
    z-index: 2;
    /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer;
    /* Add a pointer on hover */
}
.cre-matrix-page section#comparison-section {
    position: relative;
}

.cre-matrix-page .sticky-search-result {
    position: absolute;
    /* width: 1000px; */
    margin-top: 44px;
    margin-left: -10px;
}
.cre-matrix-page .sticky-search-result ul {
    list-style: none;
    padding: 0;
    display: inline-block;
}
.cre-matrix-page .sticky-project {
    padding: 4px 10px;
    background-color: #eeeeee;
    border-radius: 3px;
    box-shadow: 0 7px 5px -4px rgb(0 0 0 / 0.2);
    margin-right: 10px;
    font-size: 10px;
    float: left;
    cursor: pointer;
}

.cre-matrix-page .chart_box {
    background: rgb(13 19 52);
    border: 1px solid #070d2c;
    border-radius: 8px;
    width: max-content;
    padding: 10px;
    height: 380px;
    width: 520px;
    color: black;
}

.cre-matrix-page .sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

.cre-matrix-page #close {
    float: right;
    display: inline-block;
    background: #eeeeee;
    margin-left: 10px;
    border-radius: 3px;
}

.cre-matrix-page #close:hover {
    float: right;
    display: inline-block;
    color: #fff;
    background: #0d1334;
    margin-left: 10px;
    border-radius: 3px;
}
.cre-matrix-page .chart_box {
    background: rgb(13 19 52);
    border: 1px solid #070d2c;
    border-radius: 8px;
    width: max-content;
    padding: 10px;
    height: 380px;
    width: 520px;
    color: black;
}
.cre-matrix-page .booked_green {
    color: #5ad482 !important;
    font-weight: bold;
}
.cre-matrix-page .row_hover:hover {
    background-color: #f5f5f5;
}
.light-layout .pure-table thead, .semi-dark-layout .pure-table thead {
    background-color: #eeeeee !important;
    color: #000 !important;
}
.light-layout .pure-table, .semi-dark-layout .pure-table {
    border: 1px solid #eee!important;
    color: #222 !important;
}
.todo-application .content-area-wrapper .sidebar .todo-sidebar {
    height: calc(100vh - 12rem);
    height: calc(var(--vh, 1vh) * 100 - 12rem);
}
.todo-application .content-area-wrapper .content-right .todo-app-list-wrapper {
    border-left: 1px solid #d5dce2;
}
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li {
    border-top: 1px solid #d0d7dd;
}
body.dark-layout .todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:first-child,
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:first-child {
    border-top: 0;
}
.theme-table-action {
    min-width: 150px;
}
#dashboard-analytics .card {
    position: relative;
    overflow: hidden;
}
#dashboard-analytics .tab-content {
}
.get-started-btn.welcome-name {
    cursor: auto;
}
.theme-table .badge.badge-pill {
    margin: 3px;
}
#todo-search {
    border: 0 !important;
    font-size: 16px;
}
.todo-application .content-area-wrapper .content-right .todo-task-list .todo-task-list-wrapper li:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    box-shadow: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    background-color: #f3f3f3;
}   
.dashboard-analytics-dropdown .form-group {
    margin-bottom: 0;
}
footer.footer a {
    margin: 0;
}
/* .vertical-overlay-menu .navbar.header-navbar.floating-nav {
    -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
} */

.header-navbar.floating-nav {
    border-radius: 2px;
    margin: 0;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
body.vertical-layout.vertical-menu-modern.menu-collapsed .header-navbar.floating-nav {
    width: calc(100vw - (100vw - 100%) - 4.4rem - 18px);
}
.header-navbar.floating-nav {
    width: calc( 100vw - (100vw - 100%) - calc(2.2rem * 2) - 197px);
}
.cre-matrix-page .wrapper .search_box .dropdown {
    min-width: 135px;
}
#lead .breadcrumb-btn > .btn, #lead .breadcrumb-btn .lead-page-type-wrapper {
    margin-bottom: 0.5rem !important;
}
#lead .content-header-left.mb-2 {
    margin-bottom: 0.5rem !important;
}
.welcome-name {
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #777;
    padding: 18px 8px 18px 0;
    display: inline-block;
}
.header-navbar .navbar-container ul.nav li a.dropdown-user-link img {
    border: 1px solid #eee;
}
.header-navbar .navbar-container ul.nav li a.dropdown-user-link {
    padding: 10px 16px 10px 8px !important;
}
.master-dropdown .theme-table-search .form-control {
    background-color: transparent;
    border-color: #eee !important;
}
.dropdown-user .dropdown-menu .dropdown-divider {border-color: #eee;}
.dropdown-user .dropdown-menu .mode-wrap {
    margin-bottom: 10px;
}
.bg-authentication .lblerror {
    width: 100%;
    position: static !important;
    padding: 0 !important;
    margin-top: 5px;
    display: contents !important;
}
.bg-authentication .lblerror .error,
.bg-authentication .error {
    position: static;
}
.bg-authentication .select2 + label span,
.bg-authentication input + label span {
    display: inline-block;
}
.form-label-group.register-t-and-c .vs-checkbox-con > span,
.form-label-group.register-t-and-c a {
    font-size: 12px;
}
.bg-authentication .form-label-group > input:not(:placeholder-shown) ~ label,
.bg-authentication .form-label-group textarea:not(:placeholder-shown) ~ label {
    top: -18px;
}
#dashboard-analytics .dropdown .dropdown-menu .dropdown-item,
.col-lead-primary-status-analysis-header .dropdown .dropdown-menu .dropdown-item,
.small-dropdown .dropdown .dropdown-menu .dropdown-item,
.dashboard-analytics-dropdown-wrapper .dropdown .dropdown-menu .dropdown-item {
    padding: 3px 10px;
    font-size: 12px;
}
table td a i {
    font-size: 16px;
}
.custom-file-label {
    padding: 0.4rem 0.7rem !important;
    margin: 0 !important;
    height: 34px;
    border-radius: 2px;
    border: 1px solid #eee;
}
.custom-file {
    height: 34px;
}
.custom-file-input {
    height: inherit;
    cursor: pointer;
}
.custom-file-label::after {
    padding: 6px 15px;
    border-radius: 0 2px 2px 0;
}
.credit-payment-amount {
    vertical-align: middle !important;
    text-align: center !important;
    font-size: 28px !important;
    color: #7367f0 !important;
    border-left: 1px solid #f8f8f8 !important;
}
.header-navbar.floating-nav {
    z-index: 100;
}
.nav.nav-pills .nav-item {
    margin-bottom: 15px;
}
.nav.nav-pills .nav-item:last-child {
    margin-bottom: 15px;
}
#profileimg {
    border: 1px solid #eee;
    border-radius: 100%;
}
.statusfilter.active span.btn-count{
    color: #7467F0 !important;
    background-color: #fff !important;
}
.recording{
    font-size: 2em;
    cursor: pointer;

}
.theme-table td .btn.btn-primary.rounded-circle {
    padding: 8px;
}
.theme-table td .btn.btn-primary.rounded-circle i {
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    display: block;
}
.box-card {
    height: 100%;
    position: relative;
    border-radius: 5px;
    padding: 20px;
    background: #f5f5f5;
    border: 1px solid #ddd;
}
.col-box-card {
    margin-bottom: 30px;
}
.makingcheckbox {
    margin-top:30px;
}
.master-checkbox-table-wrapper {
    max-height: 263px;
    margin-top: 15px;
    padding: 0;
}
.master-checkbox-table-wrapper .table.theme-table tr td {
    padding: 8px 16px;
}
.master-checkbox-table-wrapper .table.theme-table tr:last-child {
    border-bottom: 0;
}
.answerdata,
.masterdata {
    max-height: 480px;
}
.wrapper-scroll {
    position: relative;
    overflow: auto;
    border: 0;
    white-space: nowrap;
}
.sticky-col {
    position: sticky;
    position: -webkit-sticky;    
    background-color: white;
}
.first-col {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    left: 0px;    
}    
.second-col {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    left: 100px;    
}
.checkbox-custom-padding {
    padding: 6px 0;
}

.leads-add-sidebar .form-footer .col-form {
    width: 110px;
}
.leads-add-sidebar .form-footer .col-form:last-child {
    width: calc(100% - 110px);
}
.dashboard-analytics-dropdown-wrapper {
    display: inline-block;
    vertical-align: middle;
}
.dashboard-analytics-dropdown-wrapper .dashboard-analytics-dropdown, .dashboard-analytics-dropdown-wrapper .dropdown.chart-dropdown {
    display: inline-block;
}
.dashboard-analytics-dropdown-multiple-wrapper .dashboard-analytics-dropdown {
    margin-right: 10px;
} 
.select-dropdown .select2-selection.select2-selection--single {
    border: 0 !important;
    height: inherit;
    min-height: inherit;
    padding: 0;
    background-color: transparent !important;
}
.select-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow {
    min-height: inherit !important;
    height: inherit;
    text-align: right;
    top: 0;
}
.select-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    font-family: 'feather';
    content: '\e842' !important;
    font-size: 12px;
    color: #58666e;
}
.select-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0 !important;
    position: static;
    margin: 0;
}

.select-dropdown .select2-selection__rendered {
    line-height: inherit !important;
    color: #58666e !important;
    font-size: 12px;
    font-weight: 500;
    padding-left: 0 !important;
}
.select2-container--open .select2-dropdown--below {
    border: 0;
}
.select2-results__option {
    padding: 6px 12px;
}
.select2-container--open .select2-dropdown--above {
    border: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 5px;
}
.select2-dropdown {
    background-color: #f7f7f7;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    outline: 0;
    border-color: #aaa;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #ddd;
}
.leadsitevisitlinechart {
    max-height: 700px;
}

.lblthm-color{
    color: #7367F0 !important;
    font-weight: 500;
}

.dashboard-customizer-sidebar .chart-img {
    width: 100%;
    margin-bottom: 5px;
}
.dashboard-customizer-sidebar .card {
  background-color: #fcfcfc;
  margin: 4px;
}
.current-activity-btn-wrapper {
    position: fixed;
    right: 30px;
    bottom: 100px;
    z-index: 12;
    border-radius: 100%;
}
.current-activity-btn-wrapper .dropdown-toggle::after {
    display: none;
}
.current-activity-detail {
    position: absolute;
    bottom: 50px;
    right: 0;
    display: none;
    width: 400px;
    border-radius: 8px;
    overflow: hidden;
    background-color: #04081e;
    -moz-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.6);
    -ms-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.6);
    -o-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.6);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.6);
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
}
.current-activity-detail .scrollable-container.media-list {
    max-height: 380px;
    min-height: 67px;
    position: relative;
}
.current-activity-detail.show {
    display: block;
}
.current-activity-detail .tab-pane {
    background-color: transparent !important;
}
.current-activity-detail .nav.nav-tabs {
    margin-bottom: 0;
    /*width: calc(100% - 45px);*/
}
.current-activity-detail .nav.nav-tabs .nav-item a {
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.5px;
    background-color: #03071d !important;
}
.current-activity-detail .nav.nav-tabs .nav-item a.nav-link:hover,
.current-activity-detail .nav.nav-tabs .nav-item a.nav-link.active {
    color: #ffffff;
}
.current-activity-detail .nav.nav-tabs .nav-item a i {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.current-activity-detail .nav.nav-tabs .nav-item {
    width: 50%;
    text-align: center;
}
.current-activity-btn {
    border-radius: 100%;
    padding: 0 !important;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    text-align: center;
    border-color: #4839EB !important;
    background-color: #7367F0 !important;
    color: #fff !important;
    animation: pulse-purple 2s infinite;
}
.current-activity-btn i {
    line-height: 40px;
}
@keyframes pulse-purple {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgb(115 103 240 / 0.7);
    }
    
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }
    
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}
.current-activity-btn .waves-ripple.waves-rippling {
    display: none !important;
}
.current-activity-detail .media span {
    font-size: 13px;
    display: block;
    margin-top: 3px;
}
.current-activity-detail .media-list .media {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.current-activity-detail .media-list .media:hover {
    background-color: #f5f5f5;
}
.current-activity-detail .media-list .media .media-heading {
    color: #ffffff;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 24px;
    letter-spacing: 0.5px;
}
.current-activity-detail .media-list.current-activity-incoming-detail .media {
    cursor: pointer;
    border-bottom: 1px solid #00682e;
    background-color: #008039;
}

.current-activity-detail .nav.nav-tabs .nav-item a:after {
    display: none;
}
.current-activity-detail .nav.nav-tabs .nav-item a#current-activity-incoming.active {
    background-color: #007f38 !important;
}
.current-activity-detail .media-list.current-activity-incoming-detail .media:hover {
    background-color: #00682e;
}
.current-activity-item-bg {
    position: absolute;
    color: #000;
    font-size: 100px;
    right: 20px;
    bottom: -30px;
    opacity: 0.05;
    -o-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
.current-activity-detail .media-list .media small,
.current-activity-detail .media-list .media span {
    color: #fff;
}
.current-activity-detail .media-list.current-activity-missed-detail .media {
    background-color: #a39d1d;
    border-bottom: 1px solid #8d8816;
}
.current-activity-detail .nav.nav-tabs .nav-item a#current-activity-missed.active {
    background-color: #a29c1c !important;
}
.current-activity-detail .media-list.current-activity-missed-detail .media:hover {
    background-color: #848013;
}

.card.storage-card {
    position: static;
    background-color: #212426;
    margin: 10px;
    width: calc(100% - 20px);
    max-height: 216px;
    overflow: hidden;
}

.card.storage-card {
    background-color: #f8f8f8;
}
.storage-card .card-body  a, .storage-card .card-body span {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    display: block;
}
.storage-card .card-body > a {
    margin-bottom: 15px;
}
.storage-detail ,
.storage-detail-responsive {
    -webkit-transition: 300ms ease all;
    transition: 300ms ease all;
}
.card.pricing-plan {
    min-width: 280px;
    background-color: #f5f5f5 !important;
}
.card .card-title, .card-header h4 {
    font-size: 15px;
    color: #58666e;
}
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .storage-detail,
.storage-detail-responsive,
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:hover .storage-detail-responsive,
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .totality-setup-detail,
.totality-setup-detail-responsive,
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:hover .totality-setup-detail-responsive {
    display: none;
}
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .storage-detail span,
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .storage-detail .progress {
    /*display: none;*/
}
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:hover .storage-detail,
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .storage-detail-responsive,
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:hover .totality-setup-detail,
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .totality-setup-detail-responsive {
    display: block;
}
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:hover .storage-detail span,
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:hover .storage-detail .progress {
    /*display: block;*/
}
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .card.storage-card {
    margin: 12px;
}
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .card.storage-card {
    margin: 12px 15px;
}
.swiper-centered-slides-2.swiper-container .swiper-slide.swiper-slide-active {
    color: #666;
}
.main-menu.menu-fixed.expanded .card.storage-card {
    width: calc(100% - 30px);
    margin: 9px 15px;
}

.storage-card i {
    font-size: 14px;
}
.storage-use-detail {
    position: relative;
    width: calc(100% - 160px);
    text-align: center;
}
.pricing-plan.pricing-plan-recommended {
    background-color: #7367f0 !important;
    border: 0;
    box-shadow: 0 1px 6px rgba(60,64,67,0.3);
}

.pricing-plan.pricing-plan-recommended:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background: #fff;
}

.pricing-plan .card-body {
    position: relative;
    z-index: 1;
}

.pricing-badge {
    display: block;
    min-height: 22px;
    margin-bottom: 10px;
}

.plan-size {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 15px;
}

.pricing-free-text {
    display: block;
    min-height: 22px;
    letter-spacing: 1px;
    font-weight: 500;
    margin-bottom: 15px;
}

.pricing-plan .btn {
    margin-bottom: 30px;
}

.pricing-des {
    display: block;
    letter-spacing: 1px;
    font-weight: 500;
}
.storage-use-detail .row {
    max-width: 280px;
    margin: 0 auto;
}
.col-storage-use.total-use {
    border-right: 1px solid #7367f0;
}
.total-use h4 {
    color: #7367f0 !important;
}
.col-storage-use span {
    letter-spacing: 0.5px;
    font-weight: 500;
}
.col-storage-use h4 {
    font-size: 20px;
    font-weight: 600;
}
.total-use span {
    color: #7367f0 !important;
}
.chart-dropdown.show {
    z-index: 12;
}
.theme-date-range #enddate-error {
    left: calc(50% + 30px);
}

.wd-100{
    width: 100%
}
.lead-action.theme-table-action .dropdown-item:hover {
    color: #7367f0 !important;
}
.view-form-detail .badge {
    margin:2px 2px;
}
.select-dropdown .select2-container--classic .select2-selection--single:focus, .select-dropdown .select2-container--default .select2-selection--single:focus {
    box-shadow: none !important;
}
.col-theme-table-header.col-calldetails-header:first-child {
    max-width: 135px;
    -webkit-flex: 0 0 135px;
    -ms-flex: 0 0 135px;
    flex: 0 0 135px;
    text-align: left !important;
}
.col-theme-table-header.col-calldetails-header {
    max-width: calc(100% - 135px);
    -webkit-flex: 0 0 calc(100% - 135px);
    -ms-flex: 0 0 calc(100% - 135px);
    flex: 0 0 calc(100% - 135px);
    text-align: right !important;
}
th.sorting {
    position: relative;
}
.header-title-action {
    position: absolute;
    top: calc(50% + 6px);
    right: 3px;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.dropdown .dropdown-menu .dropdown-item.active:hover {
    color: #7367f0;
}
.theme-table .badge.badge-pill:hover {
    color: #fff;
}

/* change of grid view */
.grid-text-left {
    text-align: left !important;
}
.grid-text-right {
    text-align: right !important;
}
.grid-text-center {
    text-align: center !important;
}
/* change of grid view */

/**Login**/
body.auth-page {
    background: #10163A;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    width: 100%;
    margin: 0;
}

.no-margins {
  margin: 0 !important;
}

.underlined {
  position: relative;
}
.underlined::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 2px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  background-color: #7367f0;
  -webkit-transition: -webkit-transform 300ms ease;
  transition: -webkit-transform 300ms ease;
  -o-transition: transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
}
.underlined:hover::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

.auth {
    display: inline-block;
    background-color: #ffffff;
    border-radius: 10px;
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    position: relative;
    overflow: hidden;
    width: 900px;
    max-width: 100%;
    min-height: 620px;
    -webkit-animation: fadeIn 800ms forwards ease;
    animation: fadeIn 800ms forwards ease;
}
.auth-input {
  background-color: #f2f2f2;
  border: none;
  padding: 0.7em 1em;
  margin: 0.4em 0;
  width: 100%;
}
.auth-input:focus {
  outline-color: #7367f0;
}
.auth-input-label {
  width: 100%;
  text-transform: uppercase;
  text-align: left;
  font-size: 0.7rem;
  font-weight: bold;
  margin-top: 1em;
  letter-spacing: 1px;
}
.auth-label {
    text-align: left;
    font-size: 0.8rem;
}
.auth-button {
    margin: 1.8em 0 0;
    text-align: center;
    border-radius: 6px;
    border: 1px solid #7367f0;
    -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.05);
    font-size: 0.8rem;
    text-transform: uppercase;
    font-weight: 700;
    padding: 1em;
    letter-spacing: 1px;
    cursor: pointer !important;
    background-color: #ffffff;
    color: #7367f0 !important;
    -webkit-transition: -webkit-box-shadow 80ms ease-in;
    transition: -webkit-box-shadow 80ms ease-in;
    -o-transition: box-shadow 80ms ease-in;
    transition: box-shadow 80ms ease-in;
    transition: box-shadow 80ms ease-in, -webkit-box-shadow 80ms ease-in;
}
.auth-button:hover {
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
}
.auth-button-active {
  color: #ffffff !important;
  background-color: #7367f0;
}
.auth-button-close {
    position: absolute;
    top: 25px;
    right: 35px;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    font-size: 22px;
}
.auth-button-close:hover {
    color: #7367f0;
}
.auth-button-close svg line {
  fill: none;
  stroke: #7367f0;
  stroke-width: 5;
  -webkit-transition: stroke-width 300ms ease;
  -o-transition: stroke-width 300ms ease;
  transition: stroke-width 300ms ease;
}
.auth-button-close:hover svg line {
  stroke-width: 10;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.auth-container {
  position: absolute;
  top: 0;
  height: 100%;
  -webkit-transition: all 600ms ease-in-out;
  -o-transition: all 600ms ease-in-out;
  transition: all 600ms ease-in-out;
}
.auth-container .auth-title {
  width: 100%;
  text-align: left;
  font-size: 1.6rem;
  line-height: 2.3rem;
}
.auth-container .auth-sub-title {
    width: 100%;
    text-align: left;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
    margin: 5px 0 0;
}
.auth .row.theme-scrollbar {
    padding-top: 25px;
}
.auth-container form {
    background-color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 2.5em;
    height: 100%;
}
.auth-container form .auth-button-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.auth-container form .auth-button-container button,
.auth-container form .auth-button-container a {
  width: 48%;
}
.auth-secondary {
  left: 0;
  width: 50%;
  opacity: 0;
  z-index: 1;
}
.auth-secondary-secure {
    left: 0;
    width: 50%;
    opacity: 0;
    z-index: 1;
}
.auth-main {
  left: 0;
  width: 50%;
  z-index: 2;
}
.auth-main .auth-main-extra {
  margin-top: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.auth-main .auth-main-extra .remember .reverse .check {
  stroke-dashoffset: 85;
  -webkit-transition: stroke-dashoffset 250ms linear;
  -o-transition: stroke-dashoffset 250ms linear;
  transition: stroke-dashoffset 250ms linear;
}
.auth-main .auth-main-extra .remember .checked {
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.03);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.03);
}
.auth-main .auth-main-extra .remember .auth-remember-check {
  display: none;
  pointer-events: none;
}
.auth-main .auth-main-extra .remember .auth-remember-check:checked + label .check {
  stroke-dashoffset: 0;
  -webkit-transition: stroke-dashoffset 250ms linear;
  -o-transition: stroke-dashoffset 250ms linear;
  transition: stroke-dashoffset 250ms linear;
}
.auth-main .auth-main-extra .remember .auth-remember-text {
  cursor: pointer;
  font-size: 12px;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-grid-columns: auto 3fr;
  grid-template-columns: auto 3fr;
}
.auth-main .auth-main-extra .remember .auth-remember-text svg {
  width: 1.3em;
  stroke-width: 5;
  fill: white;
  margin-right: 1em;
  stroke: #7367f0;
}
.auth-main .auth-main-extra .remember .auth-remember-text .check {
  stroke-dasharray: 85;
  stroke-dashoffset: 85;
  fill: none;
}
.auth-main .auth-main-extra .forgot {
  cursor: pointer;
  -webkit-transition: 300ms all;
  -o-transition: 300ms all;
  transition: 300ms all;
}
.auth-main .auth-main-options {
  position: absolute;
  text-align: center;
  bottom: 5%;
  width: 100%;
  padding: 0 4em;
}
.auth-main .auth-main-options .auth-options-text {
  text-align: center;
}
.auth-main .auth-main-options .auth-options-button {
  display: inline-block;
  margin: 0 5px;
  font-size: 12px;
  background: none;
  border: none;
  cursor: pointer;
  font-weight: bold;
  border-bottom: 1px solid transparent;
  color: #7367f0;
  -webkit-transition: 300ms all;
  -o-transition: 300ms all;
  transition: 300ms all;
}
.auth-overlay {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  overflow: hidden;
  -webkit-transition: -webkit-transform 600ms ease-in-out;
  transition: -webkit-transform 600ms ease-in-out;
  -o-transition: transform 600ms ease-in-out;
  transition: transform 600ms ease-in-out;
  transition: transform 600ms ease-in-out, -webkit-transform 600ms ease-in-out;
  z-index: 100;
}
.auth-overlay .auth-overlay-container {
    background-size: cover;
    background: -o-linear-gradient(left, #7367f0, #7367f0) no-repeat center;
    background: -webkit-gradient( linear, left top, right top, from(#7367f0), to(#7367f0) ) no-repeat center;
    background: linear-gradient(to right, #7367f0, #7367f0) no-repeat center;
    background: url(../images/pages/authentication-bg.jpg) center center / cover no-repeat, linear-gradient(to right, #7367f0, #7367f0);
    position: relative;
    left: -100%;
    height: 100%;
    width: 200%;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    color: #ffffff;
    -webkit-transition: -webkit-transform 600ms ease-in-out;
    transition: -webkit-transform 600ms ease-in-out;
    -o-transition: transform 600ms ease-in-out;
    transition: transform 600ms ease-in-out;
    transition: transform 600ms ease-in-out, -webkit-transform 600ms ease-in-out;
}
.auth-active .auth-main {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}
.auth-active .auth-secondary {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  opacity: 1;
  z-index: 5;
  -webkit-animation: show 0.6s;
  animation: show 0.6s;
}
.auth-active .auth-overlay {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
.auth-active .auth-overlay .auth-overlay-container {
  -webkit-transform: translateX(25%);
  -ms-transform: translateX(25%);
  transform: translateX(25%);
}
.auth-active .auth-overlay .auth-overlay-container .container__left {
  -webkit-transform: translateX(20%);
  -ms-transform: translateX(20%);
  transform: translateX(20%);
}
.auth-active .auth-overlay .auth-overlay-container .container__right {
  -webkit-transform: translateX(150%);
  -ms-transform: translateX(150%);
  transform: translateX(150%);
}

.auth-active-secure .auth-main {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}
.auth-active-secure .auth-secondary-secure {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 1;
    z-index: 5;
    -webkit-animation: show 0.6s;
    animation: show 0.6s;
}
.auth-active-secure .auth-overlay {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}
.auth-active-secure .auth-overlay .auth-overlay-container {
    -webkit-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
}
.auth-active-secure .auth-overlay .auth-overlay-container .container__left {
    -webkit-transform: translateX(20%);
    -ms-transform: translateX(20%);
    transform: translateX(20%);
}
.auth-active-secure .auth-overlay .auth-overlay-container .container__right {
    -webkit-transform: translateX(150%);
    -ms-transform: translateX(150%);
    transform: translateX(150%);
}

.auth-container form,
.secure-login-detail {
    position: relative;
    background-color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 2.5em;
    height: 100%;
}



.auth-forgot .auth-main {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.auth-forgot .forgot-password {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.forgot-password {
  width: 50%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  z-index: 1000;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 600ms ease-in-out;
  transition: -webkit-transform 600ms ease-in-out;
  -o-transition: transform 600ms ease-in-out;
  transition: transform 600ms ease-in-out;
  transition: transform 600ms ease-in-out, -webkit-transform 600ms ease-in-out;
}
.forgot-password .auth-button {
  width: 48%;
  margin-right: auto;
}
.auth-page .authentication-logo {
    position: static;
    margin-bottom: 30px;
}
@-webkit-keyframes show {
  0%,
  49.99% {
    opacity: 0;
    z-index: 1;
  }
  50%,
  100% {
    opacity: 1;
    z-index: 5;
  }
}

@keyframes show {
  0%,
  49.99% {
    opacity: 0;
    z-index: 1;
  }
  50%,
  100% {
    opacity: 1;
    z-index: 5;
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.auth .form-control {
    background-color: #f2f2f2;
    background-color: #ffffff;
    border: 0;
}
.auth .form-control:focus {
    border: 0 !important;
    background-color: #f2f2f2;
    background-color: #ffffff;
    border-radius: 5px !important;
    outline: 1px auto #7367f0 !important;
    box-shadow: none;
}
.auth .form-label-group {
    margin-bottom: 1.8rem;
}
.action-dropdown{
    z-index: 999999999999;
    opacity: 1 !important;
}
/**End Login**/
.master-detail a {
    color: #636363;
}
.master-detail i {
    font-size: 28px;
    display: block;
    margin-bottom: 15px;
}
.master-detail span {
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 600;
}
.block-link {
    position: absolute;
    width: 100%;
    height: 100%;
}
.master-detail {
    padding:30px;
}
.master-base-bg {
    background-image: url(../images/search-bg.png);
    background-size: cover;
    background-color: rgba(115,103,240,.12)!important;
    background-position: 0 20%;
}
.master-base-bg .card-body {
    padding: 120px 80px;
    text-align: center;
}
.section-master h1 {
    color: #7367f0;
}
.section-master .card-text {
    font-weight: 500;
    letter-spacing: 1px;
}
.master-card {
    position: relative;
        top: 0;
}
.master-card:hover {
    top: -3px;
}
.master-base-bg .form-group {
    max-width: 560px;
    margin: 0 auto;
    background: #fff;
    border-radius: 5px;
}
.master-base-bg .form-group .form-control-position {
    top: 0 !important;
    width: 40px;
    height: 40px;
    line-height: 52px;
    text-align: center;
}

/* lead upload csv font color */
.csv-font-color{
    /* color:#E55929; */
    color: #E55929 !important;
}
/* lead upload csv font color */

.width-100{
    width: 100% !important;
}
.pb-10{
    padding-bottom:10px;
}
.pb-4-10{
    padding: 4px 10px;
}
.mt-20{
    margin-top:20px;
}
.searchandshow{
    margin:0px; 
    max-height: 200px; 
    overflow-y: auto;
}
.width-100-select{
    width: 100%;
}

/* grid action button  */
.grid-action{
    text-align: center;
}
.grid-loadmore-button{
    margin-top:10px;
    margin-bottom:10px;
    text-align: center;
}
.view-form-des .badge.badge-pill,
.view-form-des .badge.badge-pill:hover {
    color: #fff;
}
.email-sms-whatssapp-sidebar .addemail {
    position: absolute;
    top: 0;
    right: 0;
}
.form-footer .col-lg-12.col-form {
    width: 100%;
}
/* table width */
.wd-2{
    width: 2%;
}
.wd-3{
    width: 3%;
}
.wd-5{
    width: 5%;
}
.wd-7{
    width: 7%;
}
.wd-8{
    width: 8%;
}
.wd-10{
    width: 10%;
}
.wd-15{
    width: 15%;
}
.wd-20{
    width: 20%;
}
.wd-25{
    width: 25%;
}
.wd-30{
    width: 30%;
}
.wd-35{
    width: 35%;
}
.wd-40{
    width: 40%;
}
.wd-50{
    width: 50%;
}
.wd-55{
    width: 55%;
}
.wd-60{
    width: 60%;
}
.wd-70{
    width: 70%;
}
.wd-85{
    width: 85%;
}
.wd-100{
    width: 100%;
}
.wd-100p{
    width: 100px;
}

/* cloud credit */
.cloud-credit-modal{
    width:100%; 
    height:85% ;
    margin-top:5%;
}

/* cloud telephony */
.grid-tbody-height{
    max-height: 500px;
}
.grid-person-td-vr-al{
    vertical-align: middle;
}

/* image border */
.img-border{
    border-radius: 50%;
    width:60;
    height:60;
}
.image-preview{
    width: 150px;
    height: auto;
    padding: 5px;
    background-color: #f8f8f8;
    border-radius: 8px;
  }
.chat-content .image-preview{
  background-color: unset;
}
.image-removebtn{
    margin-right:217px;
}
.image-btnremove{
    margin-right:100px;
    font-size: 18px;
}
/* fix hieght of owenership tabel in lead view  */
.max-height-400{
    max-height:400px;
}
.max-height-1400{
    max-height:1400px;
}
.ml-0{
    margin-left:0px;
}

/* comingsoon page flip counter */
.mt-100{
    text-align:center;
    margin-top:100px;
}
.opacity-1{
    opacity: 1;
}

/*for login */
.lblerror {
    width: 100%;
    position: static !important;
    padding: 0 !important;
    margin-top: 5px;
    display: contents !important;
}
.lblerror .error {
    position: static;
}
.lead-btn-item,
.button-with-number {
    position: relative;
    display: inline-block;
}
.lead-btn-item .btn-count.badge.badge-pill,
.button-with-number .btn-count.badge.badge-pill {
    position: absolute;
    top: -10px;
    right: 8px;
    background-color: #10163a;
    display: block !important;
}

.avatar.bg-light-warning,
.avatar.bg-light-warning .avatar-content {
    color: #FF9F43!important;
}
.alert-warning, .bg-light-warning {
    background: rgba(255,159,67,.12)!important
}
.avatar.bg-light-primary,
.avatar.bg-light-primary .avatar-content {
    color: #7367F0!important;
}
.alert-primary, .bg-light-primary {
    background: rgba(115,103,240,.12)!important;
}
.avatar.bg-light-secondary,
.avatar.bg-light-secondary .avatar-content {
    color: #82868B!important;
}
.alert-secondary, .bg-light-secondary {
    background: rgba(130,134,139,.12)!important
}
.avatar.bg-light-success,
.avatar.bg-light-success .avatar-content {
    color: #28C76F!important;
}
.alert-success, .bg-light-success {
    background: rgba(40,199,111,.12)!important;
}
.avatar.bg-light-danger,
.avatar.bg-light-danger .avatar-content {
    color: #EA5455!important
}
.alert-danger, .bg-light-danger {
    background: rgba(234,84,85,.12)!important
}
.avatar .avatar-content .avatar-icon {
    height: 1rem;
    width: 1rem;
    font-size: .857rem;
}
.invoice-preview .invoice-padding, .invoice-edit .invoice-padding, .invoice-add .invoice-padding {
  padding-left : 2.5rem;
  padding-right : 2.5rem;
}

.invoice-preview .table th:first-child, .invoice-preview .table td:first-child, .invoice-edit .table th:first-child, .invoice-edit .table td:first-child, .invoice-add .table th:first-child, .invoice-add .table td:first-child {
  padding-left : 2.5rem;
}

.invoice-preview .logo-wrapper, .invoice-edit .logo-wrapper, .invoice-add .logo-wrapper {
  display : -webkit-box;
  display : -webkit-flex;
  display : -ms-flexbox;
  display :         flex;
  -webkit-box-align : center;
  -webkit-align-items : center;
  -ms-flex-align : center;
          align-items : center;
  margin-bottom : 1.9rem;
}

.invoice-preview .logo-wrapper .invoice-logo, .invoice-edit .logo-wrapper .invoice-logo, .invoice-add .logo-wrapper .invoice-logo {
  font-size : 2.142rem;
  font-weight : bold;
  letter-spacing : -0.54px;
  margin-left : 1rem;
  margin-bottom : 0;
}

.invoice-preview .invoice-title, .invoice-edit .invoice-title, .invoice-add .invoice-title {
  font-size : 1.285rem;
  margin-bottom : 1rem;
}

.invoice-preview .invoice-title .invoice-number, .invoice-edit .invoice-title .invoice-number, .invoice-add .invoice-title .invoice-number {
  font-weight : 600;
}

.invoice-preview .invoice-date-wrapper, .invoice-edit .invoice-date-wrapper, .invoice-add .invoice-date-wrapper {
  display : -webkit-box;
  display : -webkit-flex;
  display : -ms-flexbox;
  display :         flex;
  -webkit-box-align : center;
  -webkit-align-items : center;
  -ms-flex-align : center;
          align-items : center;
}

.invoice-preview .invoice-date-wrapper:not(:last-of-type), .invoice-edit .invoice-date-wrapper:not(:last-of-type), .invoice-add .invoice-date-wrapper:not(:last-of-type) {
  margin-bottom : 0.5rem;
}

.invoice-preview .invoice-date-wrapper .invoice-date-title, .invoice-edit .invoice-date-wrapper .invoice-date-title, .invoice-add .invoice-date-wrapper .invoice-date-title {
  width : 7rem;
  margin-bottom : 0;
}

.invoice-preview .invoice-date-wrapper .invoice-date, .invoice-edit .invoice-date-wrapper .invoice-date, .invoice-add .invoice-date-wrapper .invoice-date {
  margin-left : 0.5rem;
  font-weight : 600;
  margin-bottom : 0;
}

.invoice-preview .invoice-spacing, .invoice-edit .invoice-spacing, .invoice-add .invoice-spacing {
  margin : 1.45rem 0;
}

.invoice-preview .invoice-number-date .title, .invoice-edit .invoice-number-date .title, .invoice-add .invoice-number-date .title {
  width : 115px;
}

.invoice-preview .invoice-total-wrapper, .invoice-edit .invoice-total-wrapper, .invoice-add .invoice-total-wrapper {
  width : 100%;
  max-width : 15rem;
}

.invoice-preview .invoice-total-wrapper .invoice-total-item, .invoice-edit .invoice-total-wrapper .invoice-total-item, .invoice-add .invoice-total-wrapper .invoice-total-item {
  display : -webkit-box;
  display : -webkit-flex;
  display : -ms-flexbox;
  display :         flex;
  -webkit-box-align : center;
  -webkit-align-items : center;
  -ms-flex-align : center;
          align-items : center;
  -webkit-box-pack : justify;
  -webkit-justify-content : space-between;
  -ms-flex-pack : justify;
          justify-content : space-between;
}

.invoice-preview .invoice-total-wrapper .invoice-total-item .invoice-total-title, .invoice-edit .invoice-total-wrapper .invoice-total-item .invoice-total-title, .invoice-add .invoice-total-wrapper .invoice-total-item .invoice-total-title {
  margin-bottom : 0.35rem;
}

.invoice-preview .invoice-total-wrapper .invoice-total-item .invoice-total-amount, .invoice-edit .invoice-total-wrapper .invoice-total-item .invoice-total-amount, .invoice-add .invoice-total-wrapper .invoice-total-item .invoice-total-amount {
  margin-bottom : 0.35rem;
  font-weight : 600;
}
.invoice-edit .invoice-preview-card .invoice-title, .invoice-add .invoice-preview-card .invoice-title {
  text-align : left;
  margin-right : 3.5rem;
  margin-bottom : 0;
}

.invoice-edit .invoice-preview-card .invoice-edit-input, .invoice-edit .invoice-preview-card .invoice-edit-input-group, .invoice-add .invoice-preview-card .invoice-edit-input, .invoice-add .invoice-preview-card .invoice-edit-input-group {
  max-width : 11.21rem;
}

.invoice-edit .invoice-preview-card .invoice-product-details, .invoice-add .invoice-preview-card .invoice-product-details {
  background-color : #FCFCFC;
  padding : 3.75rem 3.45rem 2.3rem 3.45rem;
}

.invoice-edit .invoice-preview-card .invoice-product-details .product-details-border, .invoice-add .invoice-preview-card .invoice-product-details .product-details-border {
    border: 1px solid #EBE9F1 !important;
    border-radius: 0.357rem;
}

.invoice-edit .invoice-preview-card .invoice-to-title, .invoice-add .invoice-preview-card .invoice-to-title {
  margin-bottom : 1.9rem;
}

.invoice-edit .invoice-preview-card .col-title, .invoice-add .invoice-preview-card .col-title {
    position: absolute;
    top: -3.5rem !important;
}

.invoice-edit .invoice-preview-card .item-options-menu, .invoice-add .invoice-preview-card .item-options-menu {
  min-width : 20rem;
}

.invoice-edit .invoice-preview-card .repeater-wrapper:not(:last-child), .invoice-add .invoice-preview-card .repeater-wrapper:not(:last-child) {
  margin-bottom : 3rem;
}

.invoice-edit .invoice-preview-card .invoice-calculations .total-amt-title, .invoice-add .invoice-preview-card .invoice-calculations .total-amt-title {
  width : 100px;
}
@media print {
  .invoice-edit hr, .invoice-add hr {
    margin-top : 1rem !important;
    margin-bottom : 1rem !important;
  }
}
.btn-success {
    color: #FFFFFF;
}
.card.invoice-preview-card {
    background-color: #fff !important;
}
.invoice-preview-card,
.invoice-preview-card p,
.invoice-preview-card span,
.invoice-preview-card h1,
.invoice-preview-card h2,
.invoice-preview-card h3,
.invoice-preview-card h4,
.invoice-preview-card h5,
.invoice-preview-card h6,
.invoice-preview-card th,
.invoice-preview-card td {
    color: #626262 !important;
}
.invoice-preview-card .btn span {
    color: #fff !important;
}
.invoice-preview-card hr,
body.dark-layout .invoice-preview-card hr,
hr.invoice-spacing,
body.dark-layout hr.invoice-spacing {
    border-color: #ddd;
}
body.dark-layout .theme-table.invoice-table tbody tr td,
.theme-table.invoice-table tbody tr td {
    background-color: #ffffff;
}
.theme-table.invoice-table tr th, body.dark-layout .theme-table.invoice-table tr th {
    background-color: #eee;
}
.theme-table.invoice-table tr, body.dark-layout .theme-table.invoice-table tr {
    border-bottom: 1px solid #ddd !important;
}
.badge.badge-light-primary.invoice-attached {
    background-color: rgb(115 103 240 / 20%);
    color: #7367F0!important;
}
.invoice-attached svg {
    height: 12px;
    width: 11px;
    font-size: 12px;
    stroke-width: 3;
}
.invoice-preview .invoice-date-wrapper .invoice-date-title.invoice-gst {
    width: 5rem;
}
.invoice-wrapper .form-control,
body.dark-layout .invoice-wrapper .form-control {
    background: transparent !important;
    border: 1px solid #D8D6DE !important;
    color: #666 !important;
}

.input-group .input-group-prepend .input-group-text,
body.dark-layout .input-group .input-group-prepend .input-group-text {
    background-color: transparent;
    border: 1px solid #d8d6de;
}
.invoice-product-actions, body.dark-layout .invoice-product-actions {
    border-left: 1px solid #EBE9F1!important;
}
.invoice-product-actions .dropdown-menu, body.dark-layout .invoice-product-actions .dropdown-menu {
    background-color: #fff;
}
.invoice-product-actions .dropdown-menu label, body.dark-layout .invoice-product-actions .dropdown-menu label {
    color: #666;
}
.invoice-product-actions .dropdown-menu .form-control, body.dark-layout .invoice-product-actions .dropdown-menu .form-control {
    color: #fff;
}
.invoice-product-actions .dropdown-menu:before, body.dark-layout .invoice-product-actions .dropdown-menu:before {
    display: none;
}
.invoice-product-actions .dropdown-menu .dropdown-divider, body.dark-layout .invoice-product-actions .dropdown-menu .dropdown-divider {
    margin-top: 0 !important;
    border-color: #ebe9f1;
}
.invoice-product-actions .btn-outline-primary, body.dark-layout .invoice-product-actions .btn-outline-primary {
    color: #7367f0;
}
.invoice-payment-detail tr td {
    padding: 2px 0;
    vertical-align: text-bottom;
}

.invoice-detail span {
    display: block;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #333 !important;
    margin-bottom: 5px;
}
.invoice-detail small {
    font-size: 12px;
}
.invoice-detail span:last-child {
    margin-bottom: 0;
}
.invoice-detail span .badge {
    display: inline-block;
    color: #fff;
}
.invoice-detail small {
    font-size: 12px;
}


.package-buy{
    overflow: auto !important;
    width: 80% !important;
}
.package-main .table-responsive .row.invoice-sales-total-wrapper {
    margin: 0;
}
.package-main .invoice-preview .table th:first-child, .package-main .invoice-preview .table td:first-child {
    padding: 1rem;
    white-space: inherit;
}
.package-main .invoice-preview .table-responsive .theme-table thead tr th,
.package-main .invoice-preview .table-responsive .theme-table tbody tr td {
    min-width: inherit;
    white-space: nowrap;
}
.package-main{
    padding:15px;
}

.razorpay-payment-button {
    background: #7367F0 !important;
    padding: 10px 30px;
    color: #fff;
    border: none;
    border-radius: 0.4285rem;
}

.select2{
    width: 100% !important;
}
.unverifiedbgcolor{
    background-color: #6e6e72;
}
.verifiedbgcolor{
    background-color: #008000;
}

/* changes 13/02/2021 */
.theme-table-action {
    min-width: 150px;
}
.pricing-table-header {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 60px 20px 20px;
    border-bottom: 1px solid #eee;
}
.pricing-table-header span {
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 500;
    text-align: center !important;
}
.pricing-table-header h5 {
    font-size: 14px;
    min-height: 16px;
    line-height: 30px;
    margin: 7px 0 0;
}
.pricing-pill-text {
    width: 160px;
    height: 32px;
    font-size: 12px;
    text-align: center;
    color: #fff !important;
    font-weight: bold;
    box-shadow: 0px 2px 3px rgb(136 136 136 / 25%);
    background: #4dbe3b;
    transform: rotate(45deg);
    position: absolute;
    right: -42px;
    top: 24px;
    padding-top: 7px;
}
.pricing-table-plan-price {
    position: relative;
    color: #4d4d4d;
    display: inline-block;
}
.pricing-currency-symbol {
    position: absolute;
    font-size: 20px;
    top: 10px;
    left: -15px;
    font-weight: normal !important;
}
.pricing-table-plan-price h3 {
    font-size: 40px;
    margin-bottom: 0;
    font-weight: 600;
    color: #322b67;
}
.pricing-table-features-list li {
    position: relative;
    display: block;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
    padding-left: 28px;
}
.pricing-table-features-list li i {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 10px;
    line-height: 20px;
    background-color: rgb(77 190 59 / 10%);
    border-radius: 50%;
    color: #28c76f !important;
    text-align: center;
}
.pricing-table-plan-value {
    text-align: center;
    padding: 20px;
}
.pricing-table-features-list {
    padding: 0;
    margin: 0;
}
.pricing-plan-wrapper {
    padding: 0 5px 20px;
}
.pricing-table-features-list li:last-child {
    margin-bottom: 0;
}
.select-upgrade-plan-dropdown .select2-container .select2-selection .select2-selection__arrow b:before {
    font-size: 18px;
}
#marketanayticsid {
    display: none !important;
}
.col-pricing-plan {
    margin-bottom: 30px;
}
.col-pricing-plan  > .card {
    height: 100%;
    padding-bottom: 60px;
}
.pricing-plan-btn {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    max-width: 140px;
    width: 100%;
    margin: 0 auto;
}
.pricing-table-main-title {
    position: absolute;
    margin: 0;
    top: 20px;
    left: 20px;
}
.pricing-table-title-inner {
    font-size: 28px;
    line-height: 48px;
    font-weight: 600;
    margin-bottom: 0;
}
.swiper-centered-slides.swiper-container .swiper-slide {
    font-weight: 500;
    background-color: #F2F4F4;
    height: auto;
    width: auto !important;
    cursor: pointer;
    padding: 0;
}
.swiper-centered-slides .swiper-container,
.swiper-centered-slides .swiper-slide {
    cursor: grab !important;
}
.cre-matrix-page .changemarketdetail-add-sidebar .suggestions{    
    height: auto;
    width: calc(100% - 130px);
}
.developerclick.welcome-name {
    /*padding: 22px 10px 0 0;*/
}

.add-on-checkout-btn {
    float: right;
    margin-right: 15px;
}

/* lead buck action  */

.bulk-action-wrapper {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}

.bulk-action-btn {
    position: relative;
    text-align: center !important;
    line-height: 34px !important;
    z-index: 11;
    border-radius: 2px !important;
}

.bulk-action {
    position: relative;
    width: 0%;
    vertical-align: middle;
    display: block;
    min-width: 40px;
    height: 34px;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.bulk-action-wrapper .btn-dropdown {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    outline: none;
    width: 100%;
    height: 34px;
    margin: 0;
    z-index: 10;
    border-radius: 2px;
    font-size: 20px;
    opacity: 0;
    background-color: #f5f5f5;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.bulk-action-wrapper.open .bulk-action {
    width: 100%;
    max-width: 180px;
    min-width: 180px;
}
.bulk-action-wrapper.open .btn-dropdown {
    opacity: 1;
}
.bulk-action-wrapper .btn-dropdown .dropdown {
    text-align: left;
}
.bulk-action-wrapper .btn-dropdown .dropdown .btn {
    padding: 10px 15px!important;
    width: 0;
}
.bulk-action-wrapper.open .btn-dropdown .dropdown .btn {
    width: 100%;
    text-align: left;
}
.bulk-action-btn i {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    line-height: 34px;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.bulk-action-wrapper .bulk-close-icon,
.bulk-action-wrapper.open .bulk-icon {
    opacity: 0;
    display: none;
}
.bulk-action-wrapper.open .bulk-close-icon,
.bulk-action-wrapper .bulk-icon {
    opacity: 1;
    display: block;
}
.bulk-action-wrapper.open #bulk-action-btn {
    border-radius: 0 2px 2px 0 !important;
}
/* lead bulk action  */


.span-error{
    color: red;
    padding-top: 5px;
}
.removecode{
    color: red;
}

.span-date-filter{
    position: relative;
    bottom: 120px;
    left: 120px;
}

/* .contacterr{
    color: red !important;
} */


#tags > span{
    position: relative;
    cursor: pointer;
    display: inline-block;
    color: #fff;
    background: #2c395e;
    padding: 3px 10px;
    padding-right: 28px;
    border-radius: 1rem;
    margin: 4px;
    font-size: 13px;
  }
  #tags > span:hover{
      background:#2c395e;
      color:#fff;
  }
  #tags > span:after{
    position: absolute;
    top: 50%;
    width: 18px;
    right: 4px;
    height: 18px;
    padding: 2px;
    text-align: center;
    font-size: 12px;
    display: block;
    line-height: 14px;
    border-radius: 100%;
    background-color: #7367f0;
    transform: translateY(-50%);
    content: "\e8f6";
    font-family: feather!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  /* Page loading */
  .main-loading {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgb(61, 70, 77);
    opacity: 0.5;
  }
  .main-loading img {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 50%;
    top: 50%;
    margin: -20px;
  }

  .sub-loading {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgb(61, 70, 77);
    opacity: 0.5;
  }
  .sub-loading img {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 50%;
    top: 50%;
    margin: -20px;
  }

  #perpage{
    width:20%;
    float:right;
  }

  .lead-status-item-wrapper {
    padding: 0;
    margin-right: -5px;
    margin-left: -5px;
}
.lead-status-item {
    width: 20%;
    position: relative;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    list-style: none;
    padding: 0;
}
.lead-status-icon {
    position: relative;
    /* width: 52px; */
    /* height: 52px; */
    display: block;
    margin: 0 auto 8px;
}
.lead-status-icon:before {
    /* content: ""; */
    top: -6px;
    left: 0;
    width: 52px;
    height: 52px;
    position: absolute;
    border-radius: 100%;
    border: 2px solid #6b59d300;
    z-index: 3;
}
.lead-status-item.active .lead-status-icon:before {
    border: 2px solid #7367f0;
}
.lead-status-icon span {
    position: relative;
    z-index: 9;
    background-color: rgb(16 22 58 / 60%);
    width: 48px;
    color: #fff;
    height: 48px;
    border: 4px solid transparent;
    margin: 0 auto;
    display: block;
    border-radius: 100%;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    text-align: center;
}
.lead-status-item.active .lead-status-icon span {
    background: #7367f0;
}
.lead-status-icon .feather {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin: 0 auto;
    line-height: 40px;
}
.lead-status-line {
    position: relative;
    display: block;
}
.lead-status-line:before {
    content: "";
    width: calc(100% - 48px);
    height: 2px;
    background: rgb(16 22 58 / 60%);
    position: absolute;
    left: calc(-50% + 24px);
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.lead-status-item.active .lead-status-line:before {
    background-color: #7367f0;
}
.lead-status-wrapper {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    display: inline-block;
}
.lead-status-title {
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 10px;
}
.lead-status-day {
    position: absolute;
    left: -15px;
    z-index: 1;
    font-size: 11px;
    top: calc(50% - 18px);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.lead-status-item:first-child .lead-status-line:before {
    display: none;
}
.lead-status-date {
    font-size: 10px;
    margin-top: 10px;
    display: block;
    letter-spacing: 0.5px;
}
.lead-status-timeline-btn.btn-icon.rounded-circle {
    padding: 6px;
}
.lead-status-timeline-btn.btn-icon.rounded-circle i {
    width: 17px;
    height: 17px;
    line-height: 17px;
    margin: 0 auto;
    display: block;
}
.btn-icon.rounded-circle {
    height: 34px;
    width: 34px;
    text-align: center;
    line-height: 34px;
    padding: 0 !important;
}
.lead-status-wrapper .lead-status-item.active .lead-status-icon:before {
    border-color: #fff;
}
.lead-status-wrapper .lead-status-item.active .lead-status-icon span {
    background-color: #10163a;
    color: #ffffff;
    border-color: #6bc700;
}
.lead-status-wrapper .lead-status-item.active .lead-status-line:before {
    background-color: #10163a;
}
.lead-view-sidebar .lead-status-title {
    font-size: 12px;
    min-height: 34px;
}
.lead-view-sidebar .lead-status-day {
    left: -20px;
    font-size: 11px;
    top: calc(50% - 10px);
}
.lead-btn-item .btn-count.badge.badge-pill {
    position: absolute;
    top: -10px;
    right: 8px;
    font-size: 9px;
    background-color: #fff;
    display: block !important;
    color: #000;
    border: 1px solid #7467F0;
    padding: 0 5px;
    line-height: 15px;
}
.secure-login {
    padding: 20px;
    position: relative;
    display: block;
    background-color: #fff;
    -moz-box-shadow: 0 0 12px rgba(0,0,0,.1);
    -ms-box-shadow: 0 0 12px rgba(0,0,0,.1);
    -o-box-shadow: 0 0 12px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 12px rgb(0 0 0 / 10%);
    box-shadow: 0 0 12px rgb(0 0 0 / 10%);
}
.secure-login-link {
    position: absolute;
    bottom: 15px;
}
.lead-status-wrapper p,
.lead-status-wrapper small,
.lead-status-wrapper span,
.lead-status-wrapper label {
    color: #fff !important;
}
.light-blue-bg {
    background-color: #7367f0 !important;
}

.chart-loading {
    position: absolute;
    left: 0px !important;
    top: 0px !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 9999 !important;
    background: rgb(0 0 0) !important;
    opacity: 0.8 !important;
}
.package-usage-detail .theme-table tr td:first-child {
    width: 200px;
}
.package-usage-detail .theme-table tr td:last-child {
    min-width: 350px;
}
.iti__selected-flag {
    height: 34px;
}
.iti__selected-flag:focus {
    outline: 0;
}
.upload-csv-sidebar .form-group label {
    font-size: 14px;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 5px;
}
.section-checkout {
    max-width: 640px;
    margin: 0 auto;
}

.checkout-header {
    padding: 15px 15px 10px;
    text-align: center;
}
.checkout-header .card-title {
    margin-bottom: 0;
}
.checkout-value {
    text-align: center;
    padding: 0 0 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
}
.credit-payment-summary-item.credit-payment-summary-item-total.add-on-checkout-btn {
    text-align: right;
    display: block;
    float: none;
    margin-right: 0;
}
#btnaddcash_razorpay {
    display: inline-block;
}
.swiper-centered-slides .pricing-table-features-list li {
    padding-left: 0;
}
.custom-date {
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0;
    padding-top: 3px;
    vertical-align: middle;
}
.chart-dropdown {
    display: inline-block;
}
.btn.btn-primary.current-plan {
    background-color: #4dbe3b !important;
    color: #fff;
}
.btn.btn-primary.current-plan:hover {
    box-shadow: 0 8px 25px -8px #4dbe3b;
}
.section-sales-executives .lead-page-type a br {
    display: none;
}
.dateerr {
    display: block !important;
}
.dashboard-analytics-dropdown-wrapper .custom-date {
    margin-right: 5px;
}
.select-upgrade-plan-dropdown .select2-selection__rendered {
    font-size: 28px;
    line-height: 48px !important;
    font-weight: 600;
    color: #fff !important;
    padding: 0 !important;
}
.select-upgrade-plan-dropdown .select2-selection.select2-selection--single {
    height: inherit;
}
.select-upgrade-plan-dropdown .select2-selection.select2-selection--single {
    background-color: #7367f0 !important;
}
.select-upgrade-plan-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
}
.select-upgrade-plan-dropdown .select2-container .select2-selection .select2-selection__arrow b {
    border-top-color: #fff !important;
}
.pricing-table-header .list-unstyled {
    margin: 10px 0 0;
}

.activate-module-detail > img {
    max-width: 320px;
    margin-bottom: 30px;
}

.market-qty{
    padding-top: 6px;
}

.market-label{
    padding-top: 10px;
}

#channelpartner .breadcrumb-btn a {
    margin-bottom: 21px !important;
}

.pages-click{
    cursor: pointer;
}

.form-click{
    cursor: pointer;
}

.form-click-db{
    cursor: pointer;
}

.unlink-account{
    /* position: absolute;
    right: 18px;
    top: 20px; */
}

/* .reauthenticate-account{
    position: absolute;
    right: 62px;
    top: 20px;
} */

.btn-form-list{
    position: absolute;
    top: 20px;
    right: 50px;
}

.btn-fb-convertion-setup{
    position: absolute;
    top: 20px;
    right: 82px;
}

.btn-fb-convertion-log{
    position: absolute;
    top: 20px;
    right: 115px;
}

.btn-fb-token-check{
    position: absolute;
    top: 20px;
    right: 148px;
}

.fb-buttons{
    list-style: none;
    float: right;
    margin-top: -8px;
}

.fb-buttons li{
    display: inline-block;
    padding: 8px;
}

.fb-lbl{
    font-size: 14px;
    cursor: pointer;
}

.fb-token-valid{
    margin-right: 10px;
    color: green;
    font-size: 15px;
}

.fb-token-invalid{
    margin-right: 10px;
    color: red;
    font-size: 15px;
}

.date-rangetext{
    position: absolute;
    left: 90px;
    top: 4px;
    font-size: 12px;
}
.select-upgrade-plan-dropdown .select2-container .select2-selection .select2-selection__arrow b:before {
    font-size: 18px;
    color: #fff !important;
}

.chart-dropdown {
    display: inline-block;
    /* border: 1px solid #cfdadd; */
    color: #58666e;
    /* padding: 8px 12px; */
    /* border-radius: 2px; */
}

.roi-wrapper .chart-dropdown {
    margin-right: 5px;
}
.roi-wrapper .chart-dropdown:last-child {
    margin-right: 0;
}

.roi-detail {
    height: 100%;
    width: 100%;
    padding: 50px;
    background-color: #f5f5f5;
    border-radius: 2px;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);
}
.roi-label {
    display: block;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 10px;
    opacity: 0.9;
}
.roi-value {
    font-size: 24px;
    line-height: 36px;
    font-weight: 500;
    color: #022612 !important;
}
.roi-item {
    border-bottom: 1px solid rgb(135 135 135 / 10%);
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.roi-item:last-child {
    border-bottom: 0 !important;
    padding-bottom: 0;
    margin-bottom: 0;
}
.roi-detail-color-1 .roi-label,
.roi-detail-color-1 .roi-value,
.roi-detail-color-1 .roi-value span {
    color: #58666e !important;
}
.roi-detail-color-2 .roi-label,
.roi-detail-color-2 .roi-value,
.roi-detail-color-2 .roi-value span {
    color: #eb3 !important;
}
.roi-detail-color-3 .roi-label,
.roi-detail-color-3 .roi-value,
.roi-detail-color-3 .roi-value span {
    color: #ff9f43 !important;
}
.roi-detail-color-4 .roi-label,
.roi-detail-color-4 .roi-value,
.roi-detail-color-4 .roi-value span {
    color: #00cfe8 !important;
}
.roi-detail-color-5 .roi-label, 
.roi-detail-color-5 .roi-value,
.roi-detail-color-5 .roi-value span {
    color: #28c76f !important;
}
.roi-value .rupee-icon {
    font-size: 17px;
    vertical-align: middle;
    display: inline-block;
    margin: -1px 0 0;
    width: 10px;
}
.roi-value span {
    display: inline-block;
    vertical-align: middle;
}
.roi-value span:last-child {
    width: calc(100% - 20px);
}

.col-middle {
    display: table;
}
.col-middle-inner {
    display: table-cell;
    vertical-align: middle;
}

/* theme alert notification 3:53*/

.theme-alert.alert {
    padding: 0;
    overflow: hidden;
    border-radius: 2px;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);
}
.alert-title {
    color: #fff;
    padding: 15px 24px;
    position: relative;
}
.theme-alert .alert-body {
    display: flex;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.theme-alert.alert.alert-primary .alert-title {
    background-color: #6058c6;
}
.theme-alert.alert.alert-success .alert-title {
    background-color: #28c76f;
}
.theme-alert.alert.alert-danger .alert-title {
    background-color: #ea5455;
}
.theme-alert.alert.alert-warning .alert-title {
    background-color: #ff9f43;
}
.theme-alert.alert.alert-info .alert-title {
    background-color: #00cfe8;
}
.alert-title:before {
    content: "";
    position: absolute;
    top: 0;
    right: -29px;
    width: 30px;
    height: 100%;
    clip-path: polygon(0 0, 0% 100%, 58% 0);
    background-color: #6058c6;
}
.alert-title:after {
    content: "";
    position: absolute;
    top: 0;
    right: -19px;
    width: 20px;
    height: 100%;
    background-color: #6058c6;
    clip-path: polygon(0 100%, 80% 100%, 0 30%);
    opacity: 0.5;
}
.theme-alert.alert.alert-success .alert-title:before,
.theme-alert.alert.alert-success .alert-title:after {
    background-color: #28c76f;
}
.theme-alert.alert.alert-danger .alert-title:before,
.theme-alert.alert.alert-danger .alert-title:after {
    background-color: #ea5455;
}
.theme-alert.alert.alert-warning .alert-title:before,
.theme-alert.alert.alert-warning .alert-title:after {
    background-color: #ff9f43;
}
.theme-alert.alert.alert-info .alert-title:before,
.theme-alert.alert.alert-info .alert-title:after {
    background-color: #00cfe8;
}
.theme-alert span {
    padding: 15px 40px;
    font-weight: normal;
}
.theme-alert .close span {
    padding: 0 !important;
}
.theme-alert .close {
    text-shadow: none;
    color: #58666e;
    font-size: 16px;
    opacity: 1;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
}
.theme-alert .close:hover {
    opacity: 0.5;
}

.notification-date{
    position: absolute;
    right: 10px;
}



#qrcode {
    width: 128px;
    height: 128px;
    margin: 0 auto;
    text-align: center;
}

#qrcode a {
    font-size: 0.8em;
}


.leadcpadd{
    cursor: pointer;
}

.fetchcampagindetails{
    margin-top: 20px;
}

.card .card-header {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e2e8ea;
} 


.bb-0 {
    border-bottom: 0 !important;
}
.b-0 {
    border: 0 !important;
}

.pb-50, .py-50 {
    padding-bottom: 0.5rem !important;
}

/**Site Settings**/
#site-settings .content-wrapper {
    margin-top: 0;
    padding-top: 20px;
}
#site-settings .header-navbar-shadow {
    display: none;
}
.site-customizer-sidebar {
    position: fixed;
    left: -400px;
    right: inherit;
    opacity: 1;
    max-width: 400px;
    z-index: 99;
}
.site-customizer-sidebar.show {
    left: 0;
}
.menu-expanded .site-customizer-sidebar.show {
    left: 0;
}
.site-customizer-detail img {
    width: 100%;
}
.site-customizer-detail {
    position: relative;
    margin-bottom: 30px;
}
.site-customizer-btn {
    position: absolute;
    top: calc(50% + 10px);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    transition: all 0.3s linear;
}
.site-customizer-detail:hover .site-customizer-btn {
    top: 50%;
    opacity: 1;
}
.site-customizer-detail:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgb(38 44 73 / 70%);
    opacity: 0;
    transition: all 0.3s linear;
}
.site-customizer-detail:hover:before {
    opacity: 1;
}
.site-customizer-detail:last-child {
    margin-bottom: 0;
}
.content-wrapper.site-customizer-content-wrapper {
    margin-left: 400px;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.site-view-section.disabled {
    background-color: #e5e5e5 !important;
    color: #000 !important;
    opacity: 1 !important;
}
.close-customizer .content-wrapper.site-customizer-content-wrapper {
    margin-left: 0;
}
.site-customizer-sidebar-btn {
    position: fixed;
    top: 180px;
    left: -38px;
    transform: rotate(90deg);
    z-index: -1;
    opacity: 0;
    border-radius: 5px 5px 0 0;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.close-customizer .site-customizer-sidebar-btn {
    opacity: 1;
    z-index: 99;
}

.main-menu.menu-fixed.menu-light.menu-accordion:hover + .site-customizer-sidebar-btn {
    right: 500px;
}
.menu-expanded .site-customizer-sidebar-btn {
    left: -38px;
}
.site-customizer-sidebar-close path {
    fill: #7c7c7c;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}

.theme-sidebar-close.site-customizer-sidebar-close {
    top: 15px;
    right: 15px;
}
.site-customizer-sidebar-close:hover path {
    fill: #7367f0;
}
/**End Site Settings**/


.locationpin.active{
    background-color: #7467F0 !important;
    color: #FFFFFF;
}

.locationpin{
    padding: 5px 0px 3px 15px !important;
}

.text-muted {
    font-size: 11px;
    line-height: 15px;
}

.delete-sub-sidebar{
    /* z-index: 999999999 !important; */
    right: 0;
    opacity: 1;
    z-index: 99999 !important;
}

#gallery{
    list-style:none;
    width:98%;
}

#gallery li{
    display:block;
    float:left;
    width:100%;
    cursor:pointer;
    border-radius:5px;
    box-sizing:border-box;
    margin:0 12px 7px 0;
    position:relative;
    padding: 10px;
}

#gallery img{
    width:100%;
    border-radius:5px;
}

#gallery li.active{
    border: 2px solid #7467F0 !important;
}

.navigation {
    font-size: 13px;
}

.semi-dark-layout .card.storage-card {
    background-color: #0b1130;
}
.semi-dark-layout .card.storage-card a,
.semi-dark-layout .card.storage-card span,
.storage-card i {
    color: #C2C6DC;
}
.semi-dark-layout .card.storage-card a:hover {
    color: #fff;
}

.semi-dark-layout .theme-alert .alert-body,
.light-layout .theme-alert .alert-body {
    background-color: #fff !important;
    color: #58666e;
}
.semi-dark-layout body,
.light-layout body {
    background-color: #f0f3f5;
}

.head-switch{
    top: 12px;
}

.card.card-inside {
    margin-bottom: 0;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%) !important;
}

.scrtabs-tab-scroll-arrow .feather {
    font-size: 18px;
    line-height: 30px;
    color: #58666e;
}
.scrtabs-tab-scroll-arrow {
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%)!important;
    border: 0 !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 100% !important;
    border: 1px solid #e2e8ea !important;
    text-align: center !important;
    line-height: 30px !important;
    padding: 0 !important;
    margin: 5px 0 !important;
}
.scrtabs-tab-container, .scrtabs-tabs-fixed-container {
    height: inherit;
}

.fix-height-dash{
    min-height: 400px;
    max-height: 400px;
}

.content-header-title {
    position: relative;
    color: #58666e;
    font-size: 15px;
    font-weight: 700 !important;
    text-transform: uppercase;
    padding: 8px 0;
}
.content-header-title:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 20px;
    background-color: #7367f0;
}
.main-menu.menu-light .navigation li a{
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;    
}
.semi-dark-layout .main-menu.menu-light .navigation li a:hover,
.dark-layout .main-menu.menu-light .navigation li a:hover {
    background-color: #0b1130 !important;
    color: #fff;
}
.main-menu .main-menu-content {
    /* height: calc(100% - 25rem) !important; */
    height: initial !important;
}
body.semi-dark-layout .main-menu-content .navigation-main .nav-item.open > a {
    background-color: #0b1130;
    color: #fff;
}
.main-menu.menu-light .navigation li a:hover {
    /* background-color: #f8f8f8; */
}
.header-navbar {
    min-height: initial;
}
.navbar-container .search-input input {
    padding: 17px 50px;
}
.navbar-floating .header-navbar-shadow {
    display: none !important;
}
.header-navbar .navbar-container ul.nav li .badge.badge-up {
    position: absolute;
    top: 2px;
    right: -2px;
}
.btn.btn-icon i {
    font-size: 1rem;
}

.location-badge{
    padding: 6px;
    margin-bottom: 10px;
}

.notification-badgcount{
    margin-right: 20px !important; 
}

.btn {
    font-size: 13px;
    line-height: 14px;
    border-radius: 2px;

}
#lead .col-theme-table-header:last-child {
    margin-bottom: 0;
}
#lead .col-theme-table-header .theme-table-search, #lead .col-theme-table-header > .btn-dropdown, #lead .col-theme-table-header > .btn, #lead .col-theme-table-header > .ml-50, #lead .col-theme-table-header .bulk-action-wrapper {
    margin-bottom: 21px;
}

.grabeme-click{
    cursor: pointer;
    vertical-align: top !important;
    margin-top: 12px;
    margin-right: 8px;
}
.dash-customizer-handler{
    cursor: pointer;
    /* margin-left: 10px; */
}
.customizer-title{
    font-size: 18px;
}
.leadscountchartdiv {
    margin: 0 !important;
    padding: 0 !important;
}
.swap-btn{
    padding: 10px 5px 10px 5px !important;
    font-size: 12px !important;
}

.analytics-nodatafound{
    margin-top: 20% !important ;
    font-size: 2rem !important;
}

.navigation {
    font-size: 13px;
}
.row.row-roi {
    width: calc(100% + 28px);
}
.text-muted {
    font-size: 11px;
    line-height: 15px;
}
.card .card-header {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e2e8ea;
}
.header-navbar .navbar-container ul.nav li .badge.badge-up {
    right: 0;
}
.header-navbar .navbar-container ul.nav li a.dropdown-user-link {
    padding: 10px 16px 10px 8px !important;
}
.semi-dark-layout .card.storage-card {
    background-color: #0b1130;
}
.semi-dark-layout .card.storage-card a,
.semi-dark-layout .card.storage-card span,
.storage-card i {
    color: #C2C6DC;
}
.semi-dark-layout .card.storage-card a:hover {
    color: #fff;
}
.content-header-title {
    position: relative;
    color: #58666e;
    font-size: 15px;
    font-weight: 700 !important;
    text-transform: uppercase;
    padding: 8px 0;
}
.content-header-title:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 20px;
    background-color: #7367f0;
}
.card .card-title, .card-header h4 {
    font-size: 15px;
    color: #58666e;
}
.roi-detail.roi-detail-color-1 {
    background-color: rgb(88 102 110 / 05%);
}
.roi-detail.roi-detail-color-2 {
    background: rgb(239 189 52 / 05%);
}
.roi-detail.roi-detail-color-3 {
    background-color: rgb(255 159 67 / 05%);
}
.roi-detail.roi-detail-color-4 {
    background-color: rgb(0 207 232 / 05%);
}
.roi-detail.roi-detail-color-5 {
    background-color: rgb(40 199 111 / 05%);
}
/* .nav.nav-tabs:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: #e2e8ea;
} */
.nav-vertical .nav.nav-tabs:before {
    display: none;
}
.nav.nav-tabs .nav-item .nav-link {
    padding-top: 15px;
    padding-bottom: 15px;
    color: #555;
    font-weight: 700;
    font-size: 13px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #58666e;
}
.card {
    border-radius: 2px;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);
}
.header-navbar.floating-nav {
    border-radius: 2px;
    margin: 0;
}
body.vertical-layout.vertical-menu-modern.menu-collapsed .header-navbar.floating-nav {
    width: calc(100vw - (100vw - 100%) - 4.4rem - 18px);
}
.header-navbar.floating-nav {
    width: calc( 100vw - (100vw - 100%) - calc(2.2rem * 2) - 197px);
}
.semi-dark-layout .theme-alert .alert-body,
.light-layout .theme-alert .alert-body {
    background-color: #fff !important;
    color: #58666e;
}
.semi-dark-layout body,
.light-layout body {
    background-color: #f0f3f5;
}
.chart-dropdown.dropdown.chart-dropdown .btn {
    display: block;
    color: #58666e;
    line-height: 19px;
}
html body .content .content-wrapper {
    margin-top: 3.7rem;
}
.header-navbar .navbar-container ul.nav li a.nav-link-label {
    padding: 20px 8px 19px;
}
.header-navbar .navbar-container ul.nav li > a.nav-link {
    padding: 15px 8px 14px;
}

.main-menu.menu-light .navigation > li {
    /*padding: 0;*/
}
.main-menu.menu-light .navigation li.hover > a {
    padding-left: 15px;
}
.vertical-overlay-menu .main-menu .navigation > li > a > i:before {
    font-size: 14px !important;
}
.main-menu.menu-light .navigation > li.open > a, .main-menu.menu-light .navigation > li.sidebar-group-active > a {
    border-radius: 0;
    box-shadow: none;
}
.main-menu.menu-light .navigation li.has-sub ul.menu-content {
    margin: -7px 0 -7px 0;
}
.main-menu.menu-light .navigation > li ul li > a {
    padding: 10px 15px;
}
body.vertical-layout.vertical-menu-modern .main-menu .navigation > li > a > i,
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation > li > a > i:before,
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation > li > a i:before {
    font-size: 14px;
}
.totality-setup-wrapper {
    padding: 15px 25px;
    background-color: #7367f0;
}
.totality-setup-item a {
    color: #fff;
    font-size: 14px;
}
.totality-setup-bar-text {
    font-size: 10px;
    color: #eee;
    display: inline-block;
    vertical-align: middle;
    width: 75px;
    margin-right: 5px;
}
.totality-setup-bar {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 84px);
}
.totality-setup-bar .progress {
    margin: 0;
}
.totality-setup-bar .progress .progress-bar {
    background-color: #fff;
}
.totality-setup-bar .progress {
    background-color: #10163a;
}
.totality-setup-detail-responsive .totality-setup-item {
    text-align: center;
}
.scrtabs-tab-scroll-arrow .feather {
    font-size: 18px;
    line-height: 30px;
    color: #58666e;
}
.scrtabs-tab-scroll-arrow {
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);
    border: 0;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: 1px solid #e2e8ea;
    text-align: center;
    line-height: 30px;
    padding: 0;
    margin: 10px 0;
}
.scrtabs-tab-container, .scrtabs-tabs-fixed-container {
    height: inherit;
    height: inherit !important;
}
.main-menu.menu-light .navigation li a{
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;    
}
.semi-dark-layout .main-menu.menu-light .navigation li a:hover,
.dark-layout .main-menu.menu-light .navigation li a:hover {
    background-color: #0b1130 !important;
    color: #fff;
}
.semi-dark-layout.brikkin .main-menu.menu-light .navigation li a:hover {
    background-color: #00ce00 !important;
    color: #fff;
    border-radius: 5px;
  }
body.vertical-layout.vertical-menu-modern.brikkin .toggle-icon{
  color: #fff !important;
}
body.vertical-layout.vertical-menu-modern.light-layout.brikkin .toggle-icon{
  color: #1db62a !important;
}
body.semi-dark-layout .main-menu-content .navigation-main .nav-item.open > a {
    background-color: #0b1130;
    color: #fff;
}
body.semi-dark-layout.brikkin .main-menu-content .navigation-main .nav-item.open > a {
    background-color: #1db62a;
    color: #fff;
    border-radius: 5px;
}
.main-menu.menu-light .navigation li a:hover {
    /* background-color: #f8f8f8; */
}
.header-navbar {
    min-height: initial;
}
.navbar-container .search-input input {
    padding: 17px 50px;
}
.navbar-floating .header-navbar-shadow {
    display: none !important;
}
.header-navbar .navbar-container ul.nav li .badge.badge-up {
    position: absolute;
    top: 2px;
    right: -2px;
}
.breadcrumb {
    font-size: 12px;
}
.btn.btn-icon i {
    font-size: 1rem;
}
.btn {
    font-size: 13px;
    line-height: 14px;
    border-radius: 2px;
}
.dropdown .btn:not(.btn-sm):not(.btn-lg), .dropdown .btn:not(.btn-sm):not(.btn-lg).dropdown-toggle {
    padding: 9px 15px;
}
.card-title {
    font-size: 16px;
}
.form-control[type="file"] {
    padding: 5px 12px;
}
.select2-container--classic .select2-selection--multiple, .select2-container--default .select2-selection--multiple {
    min-height: inherit !important;
}
.dropdown .dropdown-menu .dropdown-item, .dropup .dropdown-menu .dropdown-item, .dropright .dropdown-menu .dropdown-item, .dropleft .dropdown-menu .dropdown-item {
    padding: 0.4rem 1rem;
}
.theme-table-action .dropdown .dropdown-menu .dropdown-item:hover {
    color: #7367F0 !important;
}
.card.card-inside {
    margin-bottom: 0;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%) !important;
}
.nav.navbar-nav.bookmark-icons .nav-item {
    padding-right: 15px;
}

.nav.navbar-nav.bookmark-icons .credai-nav-item {
    padding-right: 5px !important;
}
.report-content{
    padding: 10px;
}
.report-content-header-title {
    position: relative;
    color: #58666e;
    font-size: 15px;
    font-weight: 700 !important;
    text-transform: uppercase;
    padding: 8px 0;
}

.dash-customizer-handler{
    margin-bottom: 10px !important;
}

.dash-customizer-handler .card-body{
    padding: 2px 8px 2px 8px !important;
}

.dash-customizer-handler .showchartimg{
    position: absolute;
    top: 13px;
    right: 8px;
}

.bootstrap-select .dropdown-toggle{
    background-color: #FFF !important;
    color: #000 !important;
}

.actions-btn{
    background-color: #7467F0 !important;
}

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

.addmoreemail > span{
    position: relative;
    cursor: pointer;
    display: inline-block;
    color: #fff;
    background: #2c395e;
    padding: 3px 10px;
    padding-right: 28px;
    border-radius: 1rem;
    margin: 4px;
    font-size: 13px;
  }
  .addmoreemail > span:hover{
      background:#2c395e;
      color:#fff;
  }
  .addmoreemail > span:after{
    position: absolute;
    top: 50%;
    width: 18px;
    right: 4px;
    height: 18px;
    padding: 2px;
    text-align: center;
    font-size: 12px;
    display: block;
    line-height: 14px;
    border-radius: 100%;
    background-color: #7367f0;
    transform: translateY(-50%);
    content: "\e8f6";
    font-family: feather!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  #toasts {
    position: fixed;
    bottom: 160px;
    right: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 10;
  }
  
  .toast-noti {
    border-radius: 5px;
    padding: 1rem 1rem;
    margin: 0.5rem;
    min-width: 235px;
    color: #FFF !important;
    position: relative;
   }
   .toast-noti.default{
       background-color: #6058C6;
   }
   .toast-noti.success {
        background-color: #28C76F !important;
    }
    .toast-noti.danger {
        background-color: #DC3546 !important;
    }
    .toast-noti.warning {
        background-color: #FFC106 !important;
    }
    .toast-noti.info {
        background-color: #17A2B8 !important;
    }
    .toast-noti.dark {
        background-color: #343A40 !important;
    }
  .toast-noti .close{
    margin-left: 15px;
    position: absolute;
    top: 5px;
    right: 5px;
    margin: 0;
  }
  .toast-noti small.notification-time {
    float: right;
    display: block;
    width: 100%;
    text-align: right;
    font-size: 10px;
    margin: 0 0 -10px 0;
}
  .toast-noti .feather{
      color: #fff;
  }

  .toast-noti .toast-content {
        min-height: 90px;
        min-width: 410px;
        max-width: 600px;
   }

   .toast-noti .noti-title{
        font-size: 15px;
   }
   .notification-span{
        font-size: 13px;
    }

  .fetch-previouslead-span{
    right: 25px !important;
    position: absolute;
  }

  .todo-filter-btn{
    position: absolute;
    top: 62px !important;
    right: 32px !important;
  }

  .notification-filter-btn{
    position: absolute;
    top: 62px !important;
    right: 32px !important;
  }

  .todo-filter-tags{
    position: absolute;
    left: 30px !important;
    top : 75px !important;
  }
  
  .todo-add-btn{
    position: absolute;
    top: 62px !important;
    right: 174px !important;
  }
/**Add 05-06**/  
.card.integration-card {
    border-radius: 15px;
    overflow: hidden;
}
.integration-img {
    text-align: center;
    padding: 15px;
}
.integration-content {
    padding: 15px;
    background-color: #10163a;
    clear: both;
    float: left;
    width: 100%;
}
.integration-content span {
    font-weight: 500;
    color: #fff;
    font-size: 16px;
    padding-right: 15px;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 42px);
}
.integration-content a {
    color: #fff;
    background-color: #7367f0;
    padding: 7px 12px;
    border-radius: 8px;
    width: 38px;
}
.integration-label{
    padding: 45px;
    font-size: 50px;
    font-weight: 800;
}
.marketing-signal-detail-wrapper {
    position: relative;
    padding: 0;
    overflow: hidden;
    border-radius: 15px;
    background-color: #fff;
    box-shadow: 0 1px 24px 0 rgb(0 0 0 / 10%);
    height: 100%;
    transition: all 0.3s linear;
}
.marketing-signal-detail-wrapper:hover {
    box-shadow: 0 1px 24px 0 rgb(0 0 0 / 30%);
}
.marketing-signal-bg {
    position: relative;
    height: 200px;
    width: 100%;
}
.marketing-signal-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.marketing-signal-icon {
    position: absolute;
    background-color: #fff;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);
    padding: 15px;
    border-radius: 100%;
    bottom: -40px;
    width: 80px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.marketing-signal-icon svg {
    width: 60px;
    height: 60px;
}
.marketing-signal-title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 5px;
}
.col-marketing-signal {
    margin-bottom: 50px;
    padding: 0 25px;
}
.row-marketing-signal {
    margin-right: -25px;
    margin-left: -25px;
}
.marketing-signal-desc {
    font-size: 16px;
    line-height: 26px;
    display: block;
    font-weight: 400;
    margin-bottom: 15px;
}
.marketing-signal-date::before{
    content: "\A" !important;
}
.marketing-signal-date {
    position: absolute;
    font-weight: 400;
    letter-spacing: 2px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
    font-weight: 600;
    color: #999;
}
.marketing-signal-detail .close {
    background-color: #ff0000;
    opacity: 1;
    color: #fff;
    box-shadow: none;
    border-radius: 0 0 0 15px;
}
.marketing-signal-wishlist svg {
    width: 24px;
    height: 24px;
}
.marketing-signal-wishlist {
    position: absolute;
    background-color: #fff;
    top: 10px;
    left: 10px;
    padding: 8px;
    border-radius: 100%;
    cursor: pointer;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);
}
.marketing-signal-wishlist svg path {
    fill: #f00;
}
.sprite {
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
}
.marketing-signal-icon .sprite {
    width: 50px;
    height: 50px;
    display: block;
}
.sprite.insurance {
   background-position: 0 0; 
}
.sprite.fence {
   background-position: -50px 0;  
}
.sprite.beach-house {
   background-position: -100px 0;  
}
.sprite.farm {
   background-position: -150px 0;  
}
.sprite.house-1 {
   background-position: -200px 0;  
}
.sprite.appartment {
   background-position: -250px 0;  
}
.sprite.typhoon {
   background-position: -300px 0;  
}
.sprite.property {
   background-position: -350px 0;  
}
.sprite.deal {
   background-position: -400px 0;  
}
.sprite.renovation {
   background-position: -450px 0;  
}
.sprite.user {
   background-position: -500px 0;  
}
.sprite.price-1 {
   background-position: -550px 0;  
}
.sprite.garage {
   background-position: -600px 0;  
}
.sprite.agency {
   background-position: -650px 0;  
}
.sprite.loan {
   background-position: -700px 0;  
}
.sprite.deposit {
   background-position: -750px 0;  
}
.sprite.security {
   background-position: -800px 0;  
}
.sprite.sale {
   background-position: -850px 0;  
}
.sprite.blueprint {
   background-position: -900px 0;  
}
.sprite.burning-house {
   background-position: -950px 0;  
}
.sprite.flood {
   background-position: -1000px 0;  
}
.sprite.swimming-pool {
   background-position: -1050px 0;  
}
.sprite.first {
   background-position: -1100px 0;  
}
.sprite.solar {
   background-position: -1150px 0;  
}
.sprite.balcony {
   background-position: -1200px 0;  
}
.sprite.house-plan {
   background-position: 0 -50px;  
}
.sprite.money {
   background-position: -50px -50px;  
}
.sprite.building {
   background-position: -100px -50px;  
}
.sprite.contract {
   background-position: -150px -50px;  
}
.sprite.search  {
   background-position: -200px -50px;  
}
.sprite.gift {
   background-position: -250px -50px;  
}
.sprite.smarthouse {
   background-position: -300px -50px;  
}
.sprite.deficit {
   background-position: -350px -50px;  
}
.sprite.cabin {
   background-position: -400px -50px;  
}
.sprite.certificate {
   background-position: -450px -50px;  
}
.sprite.mansion {
   background-position: -500px -50px;  
}
.sprite.protection {
   background-position: -550px -50px;  
}
.sprite.profit {
   background-position: -600px -50px;  
}
.sprite.auction {
   background-position: -650px -50px;  
}
.sprite.eco-house {
   background-position: -700px -50px;  
}
.sprite.mortgage {
   background-position: -750px -50px;  
}
.sprite.placeholder {
   background-position: -800px -50px;  
}
.sprite.rent {
   background-position: -850px -50px;  
}
.sprite.sold {
   background-position: -900px -50px;  
}
.sprite.new {
   background-position: -950px -50px;  
}
.sprite.key {
   background-position: -1000px -50px;  
}
.sprite.money-flow {
   background-position: -1050px -50px;  
}
.sprite.price {
   background-position: -1100px -50px;  
}
.sprite.purse {
   background-position: -1150px -50px;  
}
.sprite.house {
   background-position: -1200px -50px;  
}

/* .btn-lead-list{
    right: 55px !important;
    position: absolute;
} */

/* .btn-getform-list{
    right: 80px !important;
    position: absolute;
} */

/* .btn-viewlead-list{
    right: 25px !important;
    position: absolute;
} */

.btn-calender{
    font-size: 20px;
    color: #fff;
}

.btn-up-down-calender{
    font-size: 18px;
    color: #000;
}
.flt-right{
    float: right;
}
.unit-data{
    margin-left: 0px !important;
}
.quation {
    width: 16px;
    height: 16px;
    font-size: 9px;
    line-height: 16px;
    background-color: #f5f5f5;
    text-align: center;
    border-radius: 100%;
    cursor: pointer;
}
.fr-basic{
    margin-left: 2px !important;
}
.fr-wrapper{
    margin-left: 2px !important;
}


/**Add 30-06-2021**/
#add-project-location #searchInput {
    max-width: 480px;
    top: 13px !important;
    margin: 0 auto;
    left: 0 !important;
    right: 0 !important;
    font-size: 15px !important;
    background-color: #fff;
}
.gm-style .gm-style-iw-c {
    color: #10163a;
}
.select2-container--default .select2-selection--single {
    height: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 22px;
}
.select2-container--classic .select2-selection--single, .select2-container--default .select2-selection--single {
    min-height: 34px;
}
.integration-img img {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}
/**Add After 09-07-2021**/
#analytics .tab-pane .theme-table-header .row {
    margin: 0 -14px;
}
textarea.form-control {
    line-height: 16px;
    font-size: 0.96rem;
}
.col-dashboard-customizer-title:last-child {
    max-width: 200px;
}
.col-dashboard-customizer-title {
    margin-bottom: 20px;
}
#dashboard .nav.nav-tabs,
#dashboard .scrtabs-tab-container {
    margin-bottom: 15px;
}
.select2-dropdown.select2-dropdown--below {
    min-width: 120px;
}
.roi-item a {
    display: block;
}
.tablesorter-default .header, .tablesorter-default .tablesorter-header {
    background-position: calc(100% - 5px) 50% !important;
    padding: 14px 20px 14px 14px;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--single .select2-selection__arrow {
    min-height: 32px !important;
}
#company-contact-person,
#sub-company-contact-person {
    overflow-y: inherit;
}
.company-contact-person-detail,
.sub-company-contact-person {
    display: flow-root;
}
#company-contact-person .iti__country-list,
#sub-company-contact-person .iti__country-list {
    max-height: 140px;
}
.made-detail,
.copyright-line {
    display: inline-block;
    vertical-align: middle;
}
#addsitemaster .input-group-text {
    border: 1px solid #dddcdc;
}
#addsitemaster .input-group-append {
    margin-left: 0;
}
#site-settings .footer {
    display: none;
}
.unit-data .card {
    margin-bottom: 0;
}
#getunitdetailsdiv {
    margin-left: -12px;
    margin-right: -12px;
}
.col-reapp-transactions-data .card-header {
    border-bottom: 0;
}
.breadcrumb-crematrix > span {
    margin-right: 10px;
    letter-spacing: 1px;
    font-weight: 300;
}
.breadcrumb-crematrix > span:last-child {
    margin-right: 0;
}
.breadcrumb-crematrix > span span {
    font-weight: 600 !important;
    letter-spacing: 1px;
}
.section-category .master-card .card-body {
    padding: 0;
}
.section-category .master-card .card-body .card-title {
    padding: 12px 15px;
    border-bottom: 1px solid #EEE;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 1px;
}
.section-category .master-card .card-body span {
    padding: 10px 15px;
    letter-spacing: 1px;
    display: block;
}
.col-master .master-card {
    height: 100%;
    margin-bottom: 0;
}
.col-master {
    margin-bottom: 30px;
}
.col-theme-table-header .dropdown-menu {
    left: inherit !important;
    right: 0 !important;
}
.col-theme-table-header .dropdown .dropdown-menu::before {
    left: inherit;
    right: 1.2rem;
}
#fc_frame {
    z-index: 1000 !important;
}
.col-lead-filter-footer-action .badge {
    white-space: initial;
}
.scrtabs-tab-container .nav.nav-tabs .nav-item .nav-link {
    padding-top: 12px;
    padding-bottom: 12px;
}
.section-settings #copyButton {
    padding-left: 0;
    padding-right: 0;
}
#site-settings .header-navbar, #site-settings .main-menu {
    display: none;
}
html body#site-settings .content {
    margin-left: 0;
}

/* to calender view */
.todo-viewtype-btn{
    position: absolute;
    top: 62px;
    right: 31px;
}
.table-no-data-found {
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 14px;
    font-size: 13px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.theme-sidebar > .row {
    background-color: #f5f5f5;
    margin: 0 -30px;
    padding: 15px;
}
.theme-sidebar > .row [class*="col-"] {
    margin-bottom: 0;
}
.theme-sidebar > .card-title {
    margin: 0 -30px;
    background-color: #f5f5f5;
    padding: 15px 30px;
}
.fr-toolbar {
    border-top: 0 !important;
}

.theme-email {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 0;
    margin: 0 auto 30px;
    border: 1px solid #eee;
}
.col-theme-email .form-group {
    margin-bottom: 0;
}
.col-theme-email .form-group .form-label {
    display: inline-block;
    margin-bottom: 0;
}
.col-theme-email .form-group {display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center !important;-webkit-align-items: center !important;-ms-flex-align: center !important;align-items: center !important;}
.theme-email-label, .theme-email-input {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.col-theme-email {
    margin-bottom: 10px;
}
.theme-email-label {
    max-width: 75px;
    margin-bottom: 0 !important;
}
.theme-email-input .form-control {
    padding-left: 0;
    border: 0 !important;
    border-bottom: 1px solid #eee !important;
}
.theme-email-input .addmoreemail-btn {
    width: 34px;
    height: 34px;
    text-align: center;
    padding: 0;
    line-height: 34px;
    border-radius: 2px;
}
.col-theme-email .form-group {display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center !important;-webkit-align-items: center !important;-ms-flex-align: center !important;align-items: center !important;}
.theme-email-label, .theme-email-input {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.col-theme-email {
    margin-bottom: 10px;
}
.theme-email-label {
    max-width: 75px;
    margin-bottom: 0 !important;
}
.theme-email-input .form-control {
    padding-left: 0;
    border: 0 !important;
    border-bottom: 1px solid #eee !important;
}
.theme-email-input .addmoreemail-btn {
    width: 34px;
    height: 34px;
    text-align: center;
    padding: 0;
    line-height: 34px;
    border-radius: 2px;
}
.theme-email .fr-box {
    margin: 0 !important;
    border: 0;
    border-radius: 0;
    padding: 0;
}
.theme-email .fr-toolbar.fr-top {
    padding: 0;
    margin: 0 !important;
    box-shadow: none;
    border-radius: 2px;
    -webkit-box-shadow: 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%), 0px 2px 4px -1px rgb(0 0 0 / 20%);
    box-shadow: 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%), 0px 2px 4px -1px rgb(0 0 0 / 20%);
}
.theme-email .fr-wrapper {
    margin: 0 !important;
    box-shadow: none !important;
}
.theme-email .fr-box .fr-separator.fr-hs,
.theme-email .fr-separator.fr-vs {
    display: none;
}
.theme-email-title {
    padding: 15px;
    background-color: #2c395e;
}
.theme-email-body {
    padding: 15px;
}
.theme-email-title h4 {
    margin-bottom: 0;
}
.theme-email-title .card-title {
    color: #fff;
}
.theme-email-from .form-control {
    width: 50%;
}
.theme-email-input .form-control:disabled {
    background-color: #fff;
}
#blocklist .blockelem {
    width: 100% !important;
    padding: 10px;
}
#blocklist .blockdesc {
    margin-bottom: 0;
}
#blocklist .grabme {
    vertical-align: middle;
    margin: 6px 0 0;
}
#blocklist .blocktext {
    width: calc(100% - 52px);
}
#blocklist .blockin {
    width: calc(100% - 31px);
}
.price-plus-gst {
    display: block;
    font-size: 15px;
    font-weight: 300;
    margin-top: 5px;
    letter-spacing: 1px;
}
.pricing-plan-btn.plan-date {
    max-width: 220px;
    font-size: 13px;
    padding: 7px;
    text-align: center;
    background-color: #f5f5f5;
    border-radius: 2px;
    border: 1px solid #eee;
}
.custom-file-label{
    cursor: pointer;
}
.media-selection-view-sidebar{
    z-index: 99999;
}
.load-single-media{
    border:1px solid #f9f9f9;;
}
.mediaimage{
    width: 110px !important;
    cursor: pointer;
}
.fixed-img-width{
    border: 1px solid #ecebeb;
    padding: 5px;
    overflow: hidden;
    border-radius: 5px;
    margin: 10px;
    width: 150px !important;
    height: 130px;
    cursor: pointer;
}
.mediasingleimage{
    max-width: 100%;
}
.mediaimage-click.active{
    border: 2px solid #7467F0;
    border-radius: 15px;
}

#dashboard-analytics .fixed-div{
    height:500px;
    /* overflow: scroll; */
}



.section-marketing-signal .card-body {
    padding: 28px 28px 0;
}
.theme-filter {
    margin-bottom: 30px;
}
.theme-filter ul {
    border-bottom: 1px solid #eaeef1;
    padding: 0;
    display: flex;
}
.theme-filter ul li {
    display: inline-flex;
}
.theme-filter ul li a {
    position: relative;
    color: #636363;
    font-weight: 500;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px;
}
.theme-filter ul li a:before {content: "";position: absolute;width: 100%;height: 2px;bottom: -1px;left: 0;background-color: #7367f0;opacity: 0;transition: all 0.3s linear;}
.theme-filter ul li.active a:before {
    opacity: 1;
}
.theme-filter ul li.active a {
    color: #7367f0;
}
.marketing-signal-dropdown .btn.btn-sm {
    border: 1px solid #e3e3e3;
    font-weight: 600;
    color: #1f2346;
    font-size: 11px;
    border-radius: 10px;
}
.col-marketing-signal {
    margin-bottom: 28px;
}
.col-marketing-signal-header.col-marketing-signal-img {
    max-width: 180px;
    text-align: right;
}
.marketing-signal-detail {
    position: relative;
    padding: 30px 30px 15px;
    border-radius: 10px;
    border: 1px solid;
    height: 100%;
}
.marketing-signal-aqua {
    background-image: linear-gradient(#eafeff, #fff);
    border-color: #e8f3f5;
}
.marketing-signal-purple {
    background-image: linear-gradient(#d7d5fa, #fff);
    border-color: #dcdaf0;
}
.marketing-signal-orange {
    background-image: linear-gradient(#ffd4af, #fff);
    border-color: #f3d9c2;
}
.col-marketing-signal-header h3 {
    font-size: 16px;
    line-height: 22px;
    color: #10153b;
    font-weight: 700;
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 10px;
}
.col-marketing-signal-header {
    margin-bottom: 10px;
}
.marketing-signal-content p b {
    color: #101638;
}
.marketing-signal-date {
    position: absolute;
    right: 30px;
    /* top: -80px; */
    /* bottom: 15px; */
    display: block;
    text-align: right;
    font-size: 9px;
    color: #10153b;
}
.marketing-signal-img-with-number img {
    position: relative;
    border-radius: 100%;
    border: 5px solid #7367f0;
}
.col-marketing-signal-header .badge {
    position: absolute;
    padding: 0 12px;
    bottom: 0;
    left: -14px;
    letter-spacing: 1px;
}
.marketing-signal-img {
    position: relative;
    display: inline-block;
}
.marketing-signal-title {
    min-height: 80px;
    display: table;
}
.unametext.view-form-des {
    display: inline-block;
    margin-bottom: 0;
}

#datefilterlabel{
    font-size: 10px !important;
}

.add-more-keyword {
    position: absolute;
    top: 0px;
    right: 0px;
}


.btn-with-badge-item {
    position: relative;
    display: inline-block;
}
.btn-with-badge-item .btn-count {
    position: absolute;
    top: -10px;
    right: 8px;
    background-color: #fff;
    display: block !important;
    color: #000;
    border: 1px solid #7467F0;
    line-height: 15px;
    font-size: 9px;
}





.checksum-wrapper {
    padding: 10px 5px;
}
.checksum {
    border-radius: 2px;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);
    margin-bottom: 30px;
}
.checksum h4 {
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #eee;
    margin-bottom: 0;
}
.checksum-detail {
    padding: 10px;
    text-align: center;
    border-bottom: 2px;
}
.checksum-label {
    letter-spacing: 1px;
    border-right: 1px solid #eee;
    text-transform: uppercase;
    font-size: 11px;
    margin-right: 10px;
    display: inline-block;
    padding: 5px 10px 5px 5px;
    vertical-align: middle;
}
.col.col-checksum {
    padding: 0 5px;
}
.checksum-detail.checksum-perfect {
    background-color: rgb(40 199 111 / 05%);
    color: #28c76f;
}
.checksum-value {
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
}
.checksum-detail.checksum-perfect .checksum-label {
    border-right: 1px solid #ceebdd;
}
.checksum-detail.checksum-low {
    background-color: rgba(255, 159, 67, 0.15);
    color: #FF9F43;
}
.checksum-detail.checksum-low .checksum-label {
    border-right: 1px solid #edc;
}
.checksum-detail.checksum-high .checksum-label {
    border-right: 1px solid #ebcbcb;
}
.checksum-detail.checksum-high {
    background-color: rgba(234, 84, 85, 0.15);
    color: #EA5455;
}

.closetimeline {
    position: absolute;
    top: 0;
    right: 0;
    color: #f3f3f3;
    cursor: pointer;
}

.complete-percentage {
    font-size: 9px;
    font-weight: 600;
    display: inline-block;
    vertical-align: text-top;
    padding: 2px 6px;
    border-radius: 15px;
    line-height: initial;
    border: 1px solid #28C76F;
    margin-left: 5px;
}

.card-title .complete-percentage {
    font-size: 14px;
    vertical-align: middle;
    padding: 3px 10px;
}

.col-lead-view-title:nth-child(2) {
    padding-right: 30px;
}
.lead-view-sidebar-close {
    top: 25px;
}
.todo-application .content-area-wrapper .content-right .app-fixed-search {
    padding: 0.35rem;
}
.todo-application .content-area-wrapper .content-right .app-fixed-search {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background-color: #eee;
}
.todo-application .content-area-wrapper .sidebar .todo-sidebar .todo-app-menu .list-group .list-group-item:hover {
    color: #7367f0;
    background-color: transparent !important;
}
.timeline-value .rupee-icon {
    display: inline-block;
    vertical-align: middle;
}
.theme-table tr th {
    background-color: #eaeff0;
    border-bottom: 1px solid #ddd;
}
.image-modal{
    z-index: 9999;
}
.image-modal .modal-header {
    padding: 0;
    margin: 0;
}
.image-modal .modal-body {
    padding: 0;
}
.image-modal img {
    width: 100%;
}
.image-modal .close {
    margin: 0;
    position: absolute !important;
    z-index: 1;
    top: -10px;
    right: 0;
}
.view-link {
    color: #7367f0;
    border: 1px solid #7367f0;
    padding: 2px 7px;
    border-radius: 3px;
    font-size: 12px;
}
.view-link:hover {
    color: #000;
}
.col-view-img {
    margin-bottom: 5px;
}
.col-view-img .badge {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.col-view-img:last-child {
    max-width: 80px;
    text-align: right;
}
.mt-9 {
    margin-top: 9px;
}
hr {
    position: relative;
}

hr:before, hr:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border: 1px solid rgba(34, 41, 47, 0.1);
    background-color: #fff;
    border-radius: 50%;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
hr:before {
    left: 0;
}
hr:after {
    right: 0;
}

.card-statistics .statistics-body .avatar .avatar-content {
    width: 48px;
    height: 48px;
}
.card-statistics .statistics-body .avatar .avatar-content .avatar-icon {
    width: 24px;
    height: 24px;
}

.project-filter .form-group {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 7px;
}
.project-filter .form-group:last-child {
    margin-right: 0;
}

.selected-data {
    border-left: 0;
    padding: 0 !important;
    margin-bottom: 0;
}
.selected-data li {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
    display: inline-block;
}
.selected-data li + li {
    padding-left: 0;
}
.selected-data li + li:before {
    content: '\e847';
    font-family: 'feather';
    color: #626262;
    display: inline-block;
    padding-right: 0.5rem;
    padding-right: 0.6rem;
    padding-left: 0.6rem;
}


/* Unit style start */
@media (max-width: 1599px) {
    .unit-stats-wrapper {
        padding: 16px;
    }
    .unit-stats-wrapper .row {
        margin: 0 -8px;
    }
    .unit-stats-wrapper .col-unit-sub {
        padding: 0 8px;
    }
    .unit-stats-wrapper .card {
        margin-bottom: 16px;
        height: calc(100% - 16px);
    }
    .unit-stats > div {
        padding: 10px 5px;
        width: calc(33.33% - 5px);
        margin: 0 1px;
    }
    .unit-stats-count {
        font-size: 20px;
    }
    .unit-stats-label {
        font-size: 10px;
        letter-spacing: 0;
    }
    .col-unit-main:first-child {
        max-width: 240px;
    }
    .unit-stats-item {
        padding: 10px 8px;
    }
    .unit-stats-list li a {
        font-size: 14px;
        letter-spacing: 0.5px;
    }
    .unit-stats-wrapper .card h4 {
        font-size: 16px;
    }
}

.unit-stats-search {
    padding: 15px;
    border-bottom: 1px solid #eee;
}
.col-unit-main:first-child {
    border-right: 1px solid #eee;
    max-width: 300px;
}
.unit-stats-list {
    padding: 10px 0;
    margin: 0;
}
.unit-stats-list li a {
    font-size: 15px;
    padding: 10px 15px;
    display: block;
    letter-spacing: 1px;
    font-weight: 500;
}
.unit-stats-list li {
    position: relative;
    display: block;
}
.unit-stats-list li:before {content: "";position: absolute;width: 2px;height: 100%;top: 0;left: 0;background-color: #7367f0;opacity: 0;transition: all 0.3s linear;}
.unit-stats-list li.active:before {
    opacity: 1;
}
.unit-stats-list li.active a {
    color: #7367f0;
}
.unit-stats-list li:hover a {
    background-color: #f5f5f5;
}
.unit-stats-wrapper {
    padding: 30px;
}
.unit-stats-wrapper .card {
    height: calc(100% - 30px);
    border-radius: 2px;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%) !important;
}
.unit-stats-wrapper .card h4 {
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #eee;
}
.unit-stats-item {
    padding: 10px 8px;
    border-bottom: 1px solid #eee;
}
.unit-stats-item:nth-last-child(2) {
    border-bottom: 0;
}
.unit-stats-count {
    display: block;
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.unit-stats {
    display: flex;
    flex-wrap: wrap;
}
.unit-stats > div {
    width: calc(33.33% - 7px);
    display: inline-block;
    text-align: center;
    padding: 10px;
    margin: 0 2px;
    border-radius: 2px;
}
.unit-stats-available {
    /* background-color: rgb(40 199 111 / 05%); */
    background-color: #4D8299;
    color: #28c76f;
}
.unit-stats-sold {
    background: #8F6E85;
    color: #58666e !important;
}
.unit-stats-blocked {
    background-color: #9E6A6A;
    color: #28c76f;
    /* margin-top:15px !important; */
}
.unit-stats-booked {
    background-color: #5F8060;
    color: #28c76f;
    margin-top:15px !important;
}
.unit-stats-reserved {
    background-color: #4A8B93;
    color: #28c76f;
    margin-top:15px !important;
}

.unit-stats-comesoon {
    background-color: #A08660;
    color: #28c76f;
    margin-top:15px !important;
}

.unit-stats-managementsold {
    background-color: #929862;
    color: #28c76f;
    margin-top:15px !important;
}

.unit-stats-managementhold {
    background-color: #73668C;
    color: #28c76f;
    margin-top:15px !important;
}

.unit-stats-total {
    background-color: #5760A0;
    /* background-color: rgba(115, 103, 240, 0.15); */
    color: #7367F0;
    margin-top:15px !important;
}
.unit-stats-item h5 {
    margin: 0 2px 10px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
}
.unit-stats-available .unit-stats-count {
    border-bottom: 1px solid #ceebdd;
}
.unit-stats-sold .unit-stats-count {
    border-bottom: 1px solid #d6dfe7;
}

.unit-stats-blocked .unit-stats-count {
    border-bottom: 1px solid #d6dfe7;
}

.unit-stats-booked .unit-stats-count {
    border-bottom: 1px solid #d6dfe7;
}

.unit-stats-reserved .unit-stats-count {
    border-bottom: 1px solid #d6dfe7;
}

.unit-stats-comesoon .unit-stats-count {
    border-bottom: 1px solid #d6dfe7;
}

.unit-stats-managementsold .unit-stats-count {
    border-bottom: 1px solid #d6dfe7;
}

.unit-stats-managementhold .unit-stats-count {
    border-bottom: 1px solid #d6dfe7;
}

.unit-stats-total .unit-stats-count {
    border-bottom: 1px solid #cbc8eb;
}
.unit-stats-chart .progress {
    margin: 0;
}
.unit-stats-chart {
    margin: 10px 2px 0;
}
.unit-stats-progress-bar .progress-bar {
    background-color: #28c76f;
}
.progress.unit-stats-progress-bar {
    background-color: #f6f7f8;
}
.h4-space {
    font-size: 0.25em;
    line-height: 0.4;
    margin: 1em 0;
    border: 0 !important;
}
/* Unit style end */
    
.searchInputprojectlocmap{
    margin-bottom: 10px;
    margin-top: 5px;
}

.tawkto-btn-wrapper {
    position: fixed;
    right: 30px;
    bottom: 50px;
    z-index: 12;
    border-radius: 100%;
}
.tawkto-btn-wrapper .dropdown-toggle::after {
    display: none;
}

.tawkto-btn {
    border-radius: 100%;
    padding: 0 !important;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    text-align: center;
    border-color: #4839EB !important;
    background-color: #7367F0 !important;
    color: #fff !important;
    animation: pulse-purple 2s infinite;
}
.tawkto-btn i {
    line-height: 40px;
}
.bg-light-info {
    background: rgba(0,207,232,.12)!important;
    color: #00CFE8!important;
}

.analticschart-loading {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: #3d464d;
    opacity: 0.5;
}

.analticschart-loading img {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 50%;
    top: 50%;
    margin: -20px;
}

.lead-status-group,
.site-visit-status-group,
.booking-status-group {
    border: 1px solid #eee;
    background-color: #fcfcfc;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 30px;
}

.lead-previous-notes-sidebar-btn {
    position: absolute;
    right: 0;
    top: 0;
}
.projectsuggestion-sidebar-btn {
    position: absolute;
    left:55px;
    top: 0;
}
.badge.badge-pill.android-badge, .badge.badge-pill.ios-badge {
    background-color: #000000;
    color: #fff;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 8px;
    min-height: initial;
    line-height: inherit;
}
.badge.badge-pill.android-badge {
    background-color: #000000;
}
.badge.badge-pill.ios-badge {
    background-color: #3dda84;
}
.badge.badge-pill:hover {
    color: #fff;
}



.lead-view-detail.accordion {
    margin-bottom: 20px;
}
.lead-view-header.card-header {
    padding: 10px 35px 10px 20px;
    display: block;
}
.lead-menu li {
    display: inline-block;
}
.lead-menu {
    padding: 0;
}
.lead-menu li a {
    position: relative;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 8px;
    display: block;
    color: #555;
}
.lead-menu li a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background: -webkit-linear-gradient( 60deg, #7367F0, rgba(115, 103, 240, 0.5)) !important;
    background: linear-gradient( 30deg, #7367F0, rgba(115, 103, 240, 0.5)) !important;
    box-shadow: 0 0 8px 0 rgb(115 103 240 / 50%) !important;
    opacity: 0;
}
.lead-menu li a:hover:before {
    opacity: 1;
}
.lead-menu li a:hover {
    color: #7367F0;
}

.lead-card.lead-board {padding: 0;background-color: #fff;margin-bottom: 16px;}
.lead-card.lead-board .lead-card-header .lead-card-sub-status {
    margin-bottom: 0;
}
.lead-card.lead-board .lead-card-header .col-lead-card-inner span {
    font-weight: 500;
    margin-bottom: 0;
}
.lead-card.lead-board .lead-card-contant {
    padding: 20px;
    height: initial;
}
.lead-card.lead-board .lead-card-footer {
    border-top: 1px solid #ddd;
}
.lead-card.lead-board .lead-card-header {
    padding: 8px 20px;
    border-bottom: 1px solid #ddd;
}
.lead-card.lead-board .lead-card-name h5 span {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}
.lead-card.lead-board .lead-card-name h5 b {
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 0;
}
.lead-card.lead-board .col-lead-card-inner .lead-card-assignee {
    margin-bottom: 10px;
}
.lead-card.lead-board .lead-card-project {
    font-weight: 500;
}
.lead-card.lead-board .lead-card-received-on,
.lead-card.lead-board .lead-card-updated-at {
    font-size: 12px;
}
.lead-card.lead-board .lead-card-footer .lead-action {
    min-width: inherit;
}
.lead-card.lead-board .lead-card-assignee a {
    display: inline-block;
}
.lead-card.lead-board .lead-card-assignee i,
.lead-card.lead-board .lead-card-assignee span {
    width: inherit;
}
.lead-card.lead-board .col-lead-card-inner .lead-card-received-on {
    margin-bottom: 10px;
}
.lead-card.lead-board .lead-card-received-on span, .lead-card.lead-board .lead-card-updated-at span {
    margin-bottom: 0 !important;
}
.lead-card.lead-board .lead-card-project .badge.badge-pill {
    margin-bottom: 0;
}
.orange-bg {
    background-color: #ff9f43;
}
.lead-status-title h3 {
    font-size: 16px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 0;
    letter-spacing: 0.5px;
}
.purple-bg {
    background-color: #7367f0;
}
.data-label {
    margin-bottom: 0 !important;
}
.lead-board-wrap {
    /* background-color: #dedede; */
    background-color: #7367F0;
    padding: 16px 4px;
    border-radius: 5px;
}
.row-lead-board {
    margin-left: -8px;
    margin-right: -8px;
}
.col-lead-board {
    padding-left: 8px;
    padding-right: 8px;
}
.lead-card.lead-board:last-child {
    margin-bottom: 0;
}
.dropdown .dropdown-menu::before {
    background: #f7f7f7;
}
.lead-call-via .dropdown:hover .dropdown-menu,
.lead-card.lead-board .lead-card-footer .lead-action:hover .dropdown-menu {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
    display: block;
    margin: 0 !important;
}
.lead-card-footer .dropdown i {
    margin: 0;
}
.col-lead-board .lead-action.theme-table-action .dropdown-menu {
    right: 0 !important;
    left: auto;
}
.lead-card.lead-board .lead-card-footer .lead-action .dropdown > a {
    padding: 15px 0;
}
.lead-card.lead-board .lead-card-footer .lead-action .dropdown > a:hover {
    background-color: transparent;
    color: #555 !important;
}
.lead-call-via .dropdown .dropdown-menu::before,
.lead-card.lead-board .lead-card-footer .lead-action .dropdown .dropdown-menu::before {
    display: none;
}

.col-untouched .lead-board-status {
    background-color: #808080;
}

.col-open .lead-board-status {
    background-color: #7367f0;
}

.col-qualified .lead-board-status {
    background-color: #6bc700;
}

.col-not-qualified .lead-board-status {
    background-color: #fa0000;
}

.col-booked .lead-board-status {
    background-color: #ff9f43;
}

.lead-status-title .quation {
    display: inline-block;
    vertical-align: text-top;
}

.colored .col-open .lead-board-wrap {
    /* background-color: #786fa6; */
    background-color: #7367F0;
}

.colored .col-qualified .lead-board-wrap {
    /* background-color: #ea8685; */
    background-color: #7367F0;
}

.colored .col-not-qualified .lead-board-wrap {
    /* background-color: #63cdda; */
    background-color: #7367F0;
}

.colored .col-booked .lead-board-wrap {
    background-color: #f3a683;
}

.colored .col-open .lead-status-title h3,
.colored .col-untouched .lead-status-title h3,
.colored .col-qualified .lead-status-title h3,
.colored .col-not-qualified .lead-status-title h3,
.colored .col-booked .lead-status-title h3 {
    color: #fff;
}

.colored .col-open .lead-board-status,
.colored .col-untouched .lead-board-status,
.colored .col-qualified .lead-board-status,
.colored .col-not-qualified .lead-board-status,
.colored .col-booked .lead-board-status {
    background-color: rgb(0 0 0 / 0.2);
}


/* UI SORTABLE KANBAN */

.lead-board-content {
    min-height: 1vh;
}

.lead-board-content .ui-state-highlight {
    margin-bottom: 16px;
    min-height: 265px;
}

.ui-state-highlight {
    height: 35px;
    line-height: 1.2em;
    border: 1px dashed #ddd !important;
    background: #f1f1f1c4;
    border-radius: 5px;
}


.cloudtelephony-loading {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: #3d464d;
    opacity: 0.5;
}

.cloudtelephony-loading img {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 50%;
    top: 50%;
    margin: -20px;
}

.dropdown .dropdown-menu{
    margin-top: 0;
}

.clicktocallbtn{
    position: absolute;
    top: 73px;
    right: 18px;
    color: #ffffff;
}


.btn.btn-small {
    padding: 4px;
    font-size: 75%;
    max-width: 100px;
    line-height: 1.2;
}
.pac-container {
    z-index: 1060;
}

.theme-sidebar-col-wrapper {
    height: calc(100% - 43px);
    padding-top: 30px;
}

.theme-sidebar-col-wrapper {
    height: calc(100% - 43px);
    padding-top: 30px;
}
.theme-sidebar-col-wrapper > .row {
    height: 100%;
}
.theme-sidebar-col-wrapper > .row > .theme-sidebar-col {
    height: 100%;
}
.theme-sidebar-col-wrapper > .row > .theme-sidebar-col .theme-scrollbar {
    height: 100%;
    padding-top: 0;
}
.theme-sidebar.theme-sidebar-xl {
    width: 85%;
    right: -85%;
}
.view-img{
    cursor: pointer;
}


.col-lead {
    margin-bottom: 28px;
}

textarea.form-control[rows="1"] {
    line-height: 16px;
}
.view-edit {
    position: absolute;
    top: 0;
    right: 0;
    color: #aca8a8 !important;
}
.col-form-view.col-form-view-edit {
    margin-bottom: 0;
}
.col-form-view.col-form-view-edit .view-form-detail {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}
.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4), .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu), .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group-text {
    background-color: transparent;
    border-color: #eee;
}
.input-group-value {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}
.col-form-view-edit .input-group {
    align-items: center;
}
.col-form-view-edit .input-group .input-group-text:first-child {
    border: 0;
    border-right: 1px solid #eee;
    padding: 1px 6px;
    margin-right: 5px;
}
.col-form-view-edit .input-group .input-group-text:last-child {
    border: 0;
    border-left: 1px solid #eee;
    padding: 1px 25px 1px 6px;
    margin-left: 5px;
}
.card.collapse-header {
    box-shadow: none;
    margin-bottom: 20px;
    border-bottom: 0;
}
.card.collapse-header .card-title-inner {
    margin-bottom: 0;
}
.card.collapse-header .card-header {
    border-bottom: 0;
}
.card.collapse-header .card-header {
    background-color: #f5f5f5;
    border-radius: 0;
}

.lead-card.lead-board:last-child .dropdown .dropdown-menu {
    bottom: 100%;
    top: inherit;
}

.btn-menu-div{
    margin-right: 10px;
}

.spendnote{
    font-size: 13px;
    font-weight: 500;
}

.col-report-builder-main:first-child {
    border-right: 1px solid #eee;
    max-width: 300px;
}
.report-builder-search {
    padding: 15px;
    border-bottom: 1px solid #eee;
}
.report-builder-wrapper {
    padding: 30px;
}
.report-builder-sidebar.nav-vertical .nav.nav-tabs.nav-left {
    margin: 0;
}
.report-builder-sidebar.nav-vertical .nav.nav-tabs.nav-left li a.active:after {
    left: 0;
    right: inherit;
}
.report-builder-sidebar.nav-vertical .nav.nav-tabs.nav-left li a.nav-link {
    font-size: 15px;
    padding: 10px 15px;
}
.report-builder-sidebar.nav-vertical .nav.nav-tabs li a.nav-link h4 {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 3px;
}
.report-builder-sidebar.nav-vertical .nav.nav-tabs li a.nav-link span {
    font-size: 13px;
    font-weight: 400;
    color: #323232;
}
.report-builder-sidebar.nav-vertical .nav.nav-tabs.nav-left li {
    border-bottom: 1px solid #eee;
}
.report-builder-sidebar.nav-vertical .nav.nav-tabs.nav-left li:last-child {
    border-bottom: 0;
}
.report-builder-wrapper img {
    width: 100%;
}

.theme-table-wrapper .table-responsive:last-child {
    margin-bottom: 1.5rem;
}
.theme-table-wrapper #tablelayout > .table-responsive {
    min-height: calc(100vh - 340px);
}
.theme-table-wrapper #tablelayout > .table-responsive.min-height-auto {
    min-height: auto;
    min-height: inherit;
} 
.col-report-builder-main-contents {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% - 300px);
    -ms-flex: 0 0 calc(100% - 300px);
    flex: 0 0 calc(100% - 300px);
    max-width: calc(100% - 300px);
}
.slick-prev, .slick-next{
    top: 35% !important;
    width: 52px !important;
}
.slick-prev:before, .slick-next:before{
    color: #7467F0 !important;
}


.unit-stats-list li ul li a {
    padding: 8px 15px;
}
.unit-stats-list li ul {
    padding-left: 20px;
}
.inventory-wrapper {
    padding: 0 15px;
}
.inventory-wrapper .table-responsive.theme-scrollbar-horizontal {
    padding: 0 15px;
}
.inventory-building {
    position: relative;
    margin: 60px auto 45px;
    border-collapse: separate;
    border-spacing: 0;
    background-color: #fff;
    padding-bottom: 15px;
}
.inventory-building:before {
    content: "";
    position: absolute;
    width: -ms-calc(100% + 30px);
    width: -moz-calc(100% + 30px);
    width: -o-calc(100% + 30px);
    width: -webkit-calc(100% + 30px);
    width: calc(100% + 30px);
    height: 15px;
    top: -15px;
    border-radius: 3px;
    left: -15px;
    background-color: #fff;
    border-left: 90px solid #dbdde9;
    -moz-box-shadow: 0 0 10px rgba(115,115,115,.15);
    -ms-box-shadow: 0 0 10px rgba(115,115,115,.15);
    -o-box-shadow: 0 0 10px rgba(115,115,115,.15);
    -webkit-box-shadow: 0 0 10px rgb(115 115 115 / 15%);
    box-shadow: 0 0 10px rgb(115 115 115 / 15%);
}
.inventory-building:after {
    content: "";
    position: absolute;
    width: -ms-calc(100% + 30px);
    width: -moz-calc(100% + 30px);
    width: -o-calc(100% + 30px);
    width: -webkit-calc(100% + 30px);
    width: calc(100% + 30px);
    height: 15px;
    bottom: 0;
    border-radius: 3px;
    left: -15px;
    background-color: #fff;
    border-left: 90px solid #dbdde9;
    -moz-box-shadow: 0 0 10px rgba(115,115,115,.15);
    -ms-box-shadow: 0 0 10px rgba(115,115,115,.15);
    -o-box-shadow: 0 0 10px rgba(115,115,115,.15);
    -webkit-box-shadow: 0 0 10px rgb(115 115 115 / 15%);
    box-shadow: 0 0 10px rgb(115 115 115 / 15%);
}
.inventory-building td {
    background-color: #fcfcfc;
    font-size: 10px;
    text-align: center !important;
    padding: 8px 4px;
    min-width: 60px;
    border-bottom: 1px solid #f1eff2;
}
.inventory-building td a {
    padding: 3px 6px;
    font-size: 14px;
    display: block;
    color: #FFFFFF;
    font-weight: 600;
}
.inventory-building td:nth-child(2) {
    padding-left: 8px;
}
.inventory-building td:last-child {
    padding-right: 8px;
}
.inventory-building td.floorno {
    padding: 8px 16px;
    font-size: 18px;
    font-weight: 300;
    color: #72727e;
    vertical-align: middle;
    background-color: #dbdde9;
    border-bottom: 2px solid #d5d5df;
    border-radius: 3px 0 0 3px;
}
.inventory-building td a.booked {
    background: #f6f4f9;
    border: 1px solid #e7e5e6;
    cursor: not-allowed;
    color: #acabb0;
}
.inventory-building td a.available {
    background: #e5fbef;
    border: 1px solid #c3d7ce;
    color: #446c52;
}
.inventory-building td a.blocked {
    background: #fce0d4;
    border: 1px solid #e5c3ba;
    color: #bc6b67;
    cursor: wait;
}
.inventory-building td a.refuge {
    background: #edf0f2;
    border: 1px solid #d3dde1;
    color: #607D8B;
    cursor: none;
}
.col-inventory-main .unit-stats-search {
}
.inventory-filter {
    padding: 15px;
    height: 100%;
    border-left: 1px solid #eee;
}
.col-inventory-main:first-child {
    border-right: 1px solid #eee;
}
.inventory-filter .checkbox {
    margin-bottom: 5px;
}
.inventory-filter .checkbox:last-child {
    margin-bottom: 0;
}
.inventory-building-filter {
    padding: 15px;
}
.inventory-building-filter .unit-stats-list {
    padding: 0;
}
.inventory-building-filter .unit-stats-list li a {
    padding: 8px 15px;
}
.inventory-building-filter .theme-accordion-detail {
    padding: 20px 20px 20px 0;
}
.col-inventory-main .row {
    height: 100%;
}
.const-update {
    display: none;
    font-size: 11px;
    line-height: 20px;
    min-height: 20px;
    font-weight: 600;
    margin-top: 5px;
    color: #10163a;
}
.const-update.active {
    display: block;
}
.theme-sidebar-detail .unit-stats-search {
    padding: 0;
    border-bottom: 0;
    margin-bottom: 20px;
}
.theme-sidebar-detail .inventory-filter {
    border-left: 0;
    padding: 0;
}
.theme-sidebar-detail .inventory-building-filter {
    padding: 0;
}
.cre-matrix-logo img {
    max-width: 240px;
    height: auto;
}
.cre-matrix-logo {
    margin-bottom: 5px;
}


.theme-accordion-title .card-title {
    margin-bottom: 0 !important;
}
.card-header.theme-accordion-title {
    border-bottom: 0;
    border-radius: 5px;
    padding: 0;
    background-color: rgba(34, 41, 47, 0.03);
}
.theme-accordion-detail {
    border: 1px solid #f8f8f8;
    border-top: 0 !important;
    padding: 20px;
    border-radius: 0 0 5px 5px;
}
.accordion-item {
    margin-bottom: 20px;
}
.accordion-item:last-child {
    margin-bottom: 0;
}
.theme-accordion-title .card-title-with-btn {
    margin-bottom: 0;
}
.card-header.theme-accordion-title > .card-title {
    padding: 13px 20px;
}
.card-header.theme-accordion-title .card-title-with-btn {
    padding: 7px 35px 7px 20px;
}
.theme-accordion-title .card-title-with-btn .card-title {
    line-height: 30px;
}
.card-header.theme-accordion-title .card-title-with-btn .card-btn .btn {
    padding: 7px 14px;
}
.card-header.theme-accordion-title[aria-expanded="true"] {
    border-radius: 5px 5px 0 0;
}

.unit-stats-sidebar .const-update.active {
    display: inline-block;
    margin: 0;
}
.const-update.badge.badge-pill.active {
    color: #fff;
}

.chartmb-2{
    margin-bottom : 0.5rem !important;
}

.col-page-menu-item:last-child {
    text-align: right;
}

.page-menu-action-detail a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    background-color: transparent;
    border-radius: 100%;
}

.page-menu-action-detail a i {
    font-size: 15px;
    display: block;
    line-height: 29px;
}
.page-menu-action-detail a:hover {
    background-color: #7367f0;
    color: #fff;
}
.page-menu-action-detail a[data-original-title="Delete"]:hover,
.page-menu-action-detail a[title="Delete"]:hover {
    background-color: #d10d0d;
}
.page-menu-detail-wrapper {
    border: 1px solid #eee;
    border-radius: 3px;
}
.page-menu-item {
    padding: 10px 15px;
}
.page-menu-item {
    border-bottom: 1px solid #eee;
}
.page-menu-item:last-child {
    border-bottom: 0;
}

.tdalldelete{
    width: 120px !important;
}

.theme-sidebar.theme-sidebar-full {
    width: 100%;
    right: -100%;
}
.campaign-tracker-detail {
    height: 100%;
    width: 100%;
}
.campaign-tracker-card {
    max-width: 500px;
    padding: 30px;
    margin: 0 auto;
    -moz-box-shadow: 0 0 10px rgba(115,115,115,.15);
    -ms-box-shadow: 0 0 10px rgba(115,115,115,.15);
    -o-box-shadow: 0 0 10px rgba(115,115,115,.15);
    -webkit-box-shadow: 0 0 10px rgb(115 115 115 / 15%);
    box-shadow: 0 0 10px rgb(115 115 115 / 15%);
}
.campaign-tracker-card .view-form-des {
    font-size: 16px;
}
.campaign-tracker-img img {
    width: 100%;
    max-width: 240px;
    margin: 0 auto;
    display: block;
}
.campaign-tracker-inner-card {
    overflow: hidden;
    margin-bottom: 0;
    box-shadow: none;
    border: 1px solid #eee;
}
.campaign-tracker-inner-card:hover {
    border-color: #7367f0;
}

.block-link.active {
    border: 2px solid #7367F0;
    color: #7367F0;
}

.carousel-control-prev, .carousel-control-next {
    display: inline-block;
    top: 40%;
    width: 30px;
    height: 30px;
    font-size: 17px;
    line-height: 28px;
    color: #989898;
    background-color: #fff;
    opacity: 1;
    border: 1px solid #eee;
    border-radius: 100%;
    transition: all 0.3s linear;
    transform: translateY(-50%);
}
.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
    background-color: #eee;
    color: #989898;
}
.alert:last-child {
    margin-bottom: 15px !important;
}
.carousel-control-next {
    right: 10px;
}
.carousel-control-prev {
    right: 45px;
    left: inherit;
}
.header-carousel-control-prev {
    position: fixed;
    right: 80px;
    top:20px;
    left: inherit;
    z-index: 9999;
}
.header-carousel-control-next {
    position: fixed;
    right: 40px;
    top:20px;
    left: inherit;
    z-index: 9999;
}

.select2-container.select2-container--open {
    z-index: 99999;
}

.btndevmstplusicon {
    font-size: 15px;
    display: block;
    line-height: 29px;
}

.clstemplateicon {
    font-size: 20px;
}

.headercontactno {
    padding-top: 3px;
}

.header-notification {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
html body .content.active-top-noti .content-wrapper {
    margin-top: 6.4rem;
}
html body .content.app-content.todo-application.active-top-noti .content-area-wrapper {
    margin-top: 11.5rem;
}
html body .content.app-content.todo-application.active-top-noti .todo-filter-btn,
html body .content.app-content.todo-application.active-top-noti .todo-filter-tags,
html body .content.app-content.todo-application.active-top-noti .todo-viewtype-btn,
html body .content.app-content.todo-application.active-top-noti .todo-add-btn {
    top: 110px !important;
}

html body .content.app-content.todo-application.active-top-noti .newtoold-dropdown {
    top: 116px !important;
}

html body .content.app-content.chat-application.active-top-noti .content-area-wrapper {
    margin-top: 8.5rem;
}
/* .edit-account{
    position: absolute;
    right: 40px;
    top: 20px;
} */

.isdeactivesquare{
    position: absolute;
    top: 14px;
    left: 10px;
    color: #ff0000;
}

.isactivesquare{
    position: absolute;
    top: 14px;
    left: 10px;
    color: #3ec379;
}

.col-secure-app-login img {
    width: 100%;
}
.secure-app-login-detail h3 {
    font-weight: 300;
    margin-bottom: 40px;
}
.secure-app-login-detail ul {
    padding: 0;
    margin: 0;
}
.secure-app-login-detail ul li {
    display: block;
    margin-bottom: 15px;
    font-size: 14px;
}
.secure-app-login-detail ul li:last-child {
    margin-bottom: 0;
}
.secure-app-login-video video {
    display: block;
}
.secure-app-login-video-wrapper {
    padding: 30px;
    background-color: #f9f9f9;
}
.section-secure-app-login .card-body {
    padding: 0;
}
.col-secure-app-login.col-secure-app-login-qr {
    max-width: 340px !important;
    padding-top: 30px;
    padding-bottom: 30px;
    min-height: 360px !important;
}
.col.col-secure-app-login:first-child {
    max-width: 500px;
}
.secure-app-login-detail {
    padding: 30px;
}

/* .google-setup{
    overflow: auto !important; */
    /* width: 80% !important; */
/* } */

/* .googleauth {
    display: inline-block;
    background-color: #ffffff;
    border-radius: 10px;
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    position: relative;
    overflow: hidden;
    width: 300px;
    max-width: 100%; */
    /* min-height: 620px; */
    /* -webkit-animation: fadeIn 800ms forwards ease;
    animation: fadeIn 800ms forwards ease;
} */

.quickleads-add-sidebar{
    z-index: 1500 !important;
}

.channelpartner-add-sidebar{
    z-index: 1100 !important;
}

.integration-beta-tag{
    width: 35px !important;
    font-size: 9px !important;
}

.menu-beta-tag{
    font-size: 8px !important;
}

.table tr .tbl-img img {
    width: 30px;
    height: 30px;
}


.futuresvscheduledchartdiv{
    margin: 0 !important;
    padding: 0 !important;
}

.nav-item.dropdown i{
    margin-right: 0rem !important;
}

.leadstatuschartlabel{
    float: right !important;
}

.newtoold-dropdown{
    position: absolute;
    top: 68px !important;
    right: 85px !important;
}

.tbl-w300 {
    min-width: 300px;
    max-width: 300px;
    width: 300px;
}
.tbl-w200 {
    min-width: 200px !important;
    max-width: 200px !important;
    width: 200px !important;
}
.tbl-w100 {
    min-width: 100px !important;
    max-width: 100px !important;
    width: 100px !important;
}
.tbl-w65 {
    min-width: 65px !important;
    max-width: 65px !important;
    width: 65px !important;
}
/* .lead-status-detail {
    width: 272px;
    display: flex;
} */
/* .lead-status-detail .lead-status-img {
    min-width: 60px;
    max-width: 60px;
    width: 60px;
} */
/* .lead-status-detail .lead-status-img ~ .lead-status-des {
    min-width: 197px;
    max-width: 197px;
    width: 197px;
} */

.properties-view-detail {
    display: flex;
}
.properties-view-img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    max-width: 140px;
    padding: 5px;
    border: 1px solid #eee;
}
.properties-view-img img {
    width: 100%;
}
.properties-view-des {
    display: inline-block;
    vertical-align: middle;
}
.properties-status-mobile {
    position: relative;
    display: block;
    margin-top: 5px;
}
.col-view-form {
    margin-bottom: 30px;
}

.story-status {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    right: 0px;
    background-color: #59676f;
    border-radius: 100%;
    top: 50%;
    transform: translateY(-50%);
}
.story-status.story-status-active {
    background-color: #1fcd1a;
}
.col.col-request-invoice:first-child {
    max-width: 350px;
    flex: 0 0 350px;
}

.agent-companies-view-detail {
    text-align: center;
}
.agent-companies-view-detail h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 10px;
}
.agent-companies-view-detail b {
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
    letter-spacing: 1px;
}
.agent-companies-view-detail .badge {
    line-height: 21px;
    min-width: 21px;
    padding-top: 0;
    padding-bottom: 0;
    margin: 2px 0;
}

.amount {
    white-space: nowrap;
}
.color-green {
    color: #19a155;
}
.color-red {
    color: #cf0000;
}
.fw-500 {
    font-weight: 500;
}
.shadow-none{
    box-shadow: none !important;
}
.ml-auto{
    margin-left: auto !important;
}

.lead-status-detail .user-role {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    bottom: -12px;
}



.lead-status-img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

.lead-status-img img {
    background-color: #ddd;
    border-radius: 100%;
    height: 60px;
    width: 60px;
}

.col-lead-view-content .lead-status-img {
    width: 60px;
}

.lead-status-img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}



.theme-sidebar .lead-status-des h5 .badge {display: inline-block;margin: -1px 0 0 5px;vertical-align: middle;}

.lead-status-des > small {
    display: block;
    margin-bottom: 5px;
}

.lead-status-des {
    display: inline-block;
    vertical-align: middle;
width: calc(100% - 80px);}
.lead-status-des .badge {display: inline-block;}
.lead-status-des span {
    display: block;
    margin-bottom: 3px;
    letter-spacing: 0.5px;
}
.lead-status-des span:last-child {
    margin-bottom: 0;
}
.lead-status-des h5 {
    letter-spacing: 0.5px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 14px;
}
.white-space-nowrap {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.timeline-info {
    position: relative;
    background-color: #f5f5f5;
    border-radius: 5px;
    overflow: hidden;
}
.timeline-info-content {
    padding: 15px 20px 0;
}
.timeline-info-footer {
    padding: 8px 20px;
    border-top: 2px solid #eee;
    border-radius: 0 0 5px 5px;
}
.timeline-info-header .col-lead-view-content {
    margin-bottom: 0;
}
.timeline-info-content .col-lead-view-content {
    margin-bottom: 15px;
}
.timeline-info-footer .lead-status-detail .view-form-title {
    margin-bottom: 0;
}
.timeline-icon-whatsapp {
    background-color: #00e676;
}
.timeline-icon-sms {
    background-color: #4acfa1;
}
.timeline-icon-email {
    background-color: #ea4335;
}
.timeline-info-footer .col-lead-view-content {
    margin-bottom: 0;
}
.timeline-info-header .badge {
    margin: 0;
}

.mediadocclickhere{
    margin-top: 15px;
}

/**After 30-06-2022**/
.performance-meter .card .card-header {
    padding: 20px;
}
.card-body.performance-meter-item {
    border-bottom: 1px solid #e2e8ea;
    padding-bottom: 0;
}
.card-body.performance-meter-item:last-child {
    border-bottom: 0;
}
.performance-meter-item .card-title-inner small {
    display: block;
    margin-top: 2px;
}
.col-performance-meter-inner h3 {
    font-size: 18px;
}
.col-performance-meter-inner .card {
    height: 100%;
}
.col-performance-meter-inner {
    margin-bottom: 20px;
}
.performance-meter-item .row {
    justify-content: center;
}
.col-performance-meter-inner h3 small {
    font-size: 12px;
    display: block;
}
.chart-detail {box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%) !important;padding: 20px 20px 0 0;margin-bottom: 20px;}
.performance-meter-item > .row {
    margin: 0 -20px;
    position: relative;
}
.performance-meter-item > .row .col-performance-meter {
    padding: 0 20px;
}
.sv-pipeline-tab .row {
    margin: 0 -10px;
}
.sv-pipeline-tab .row .col-performance-meter-inner {
    padding: 0 10px;
}
/* !note: old */
/* .performance-meter-item > .row:before,
.performance-meter-item > .row:after {
    content: "";
    position: absolute;
    top: 0;
}
.performance-meter-item > .row:before {
    width: 1px;
    height: calc(100% - 20px);
    left: 50%;
    background-color: #eee;
}
.performance-meter-item > .row:after {
    top: 50%;
    left: 50%;
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #eee;
    background-color: transparent;
    transform: translateY(-50%);
} */
.sv-pipeline-tab .performance-meter-item > .row:before,
.sv-pipeline-tab .performance-meter-item > .row:after {
    display: none;    
}
.performance-meter-item .card-title-inner {
    margin-bottom: 15px;
}
.col-performance-meter .row {
    margin: 0 -10px;
}
.col-performance-meter .row .col-performance-meter-inner {
    padding: 0 10px;
}

.positive-1 {
    background-color: rgb(3 169 244 / 15%);
}
.positive-1 i {
    color: #03a9f4;
}
.positive-2 {
    background-color: rgb(33 150 243 / 0.15);
}
.positive-2 i {
    color: #2196f3;
}
.positive-3 {
    background-color: rgb(63 81 181 / 0.15);
}
.positive-3 i {
    color: #3f51b5;
}
.positive-4 {
    background-color: rgb(103 58 183 / 0.15);
}
.positive-4 i {
    color: #673ab7;
}
.positive-5 {
    background-color: rgb(139 195 74 / 0.15);
}
.positive-5 i {
    color: #8bc34a;
}
.negative-1 {
    background-color: rgb(255 193 7 / 0.15);
}
.negative-1 i {
    color: #ffc107;
}
.negative-2 {
    background-color: rgb(255 152 0 / 0.15);
}
.negative-2 i {
    color: #ff9800;
}
.neutral-1 {
    background-color: rgb(96 125 139 / 0.15);
}
.neutral-1 i {
    color: #607d8b;
}
.neutral-2 {
    background-color: rgb(255 235 59 / 15%);
}
.neutral-2 i {
    color: #ffeb3b;
}
/* userhierachy */

/* Custom chart styling */
.jOrgChart {
    margin                : 10px;
    padding               : 20px;
  }
  
  /* Custom node styling */
  .jOrgChart .node {
      font-size 			: 14px;
      background-color 	: #7367f0;
      border-radius 		: 8px;
      border 				: 2px solid #7367f0;
      color 				: #ffffff;
      -moz-border-radius 	: 8px;
      padding				: 15px;
  }
  .node p{
      font-family 	: 'Work Sans', sans-serif; 
      font-size 		: 10px;
      line-height 	: 11px;
      padding 		: 2px;
  }
  
  .jOrgChart table{
      margin:auto;
  }
  
  .singlelinetext{
      clear: both;     
      display: inline-block;     
      overflow: hidden;     
      white-space: nowrap;
  }

  .jOrgChart .btnshow {
    padding: 1px 6px !important;
}

.jOrgChart .btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/* widget */
.widget {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding: 15px;
    border-radius: 6px;
    border: 1px solid #e0e6ed;
    box-shadow: 0 0 40px 0 rgba(94,92,154,.06);
    /* -webkit-transition: all ease-in-out .35s; */
    /* -moz-transition: all ease-in-out .35s; */
    /* -o-transition: all ease-in-out .35s; */
    /* transition: all ease-in-out .35s; */
}

.widget.shadow-hover:hover {
    box-shadow: 0 0 40px 0 rgba(94,92,154,0.20);
    border: 1px solid #7367f0;
}
.border-light {
    -webkit-transition: all ease-in-out .35s;
    -moz-transition: all ease-in-out .35s;
    -o-transition: all ease-in-out .35s;
    transition: all ease-in-out .35s;
}
.widget.widget-hover {
    -webkit-transition: all ease-in-out .35s;
    -moz-transition: all ease-in-out .35s;
    -o-transition: all ease-in-out .35s;
    transition: all ease-in-out .35s;
}
.widget.shadow-hover:hover .border-light {
    border-color: #7367f0 !important;
}
.widget.widget-hover:hover {
    border: 1px solid #7367f0;
    background: #7367f0;
}

.widget.widget-hover .widget-content h5{
    -webkit-transition: all ease-in-out .35s;
    -moz-transition: all ease-in-out .35s;
    -o-transition: all ease-in-out .35s;
    transition: all ease-in-out .35s;
}
.widget.widget-hover:hover .widget-content h5 {
    color: #ffffff;
}
.widget .widget-content .card-icon {
    height: 38px;
}
.widget .widget-content .card-icon i {
    height: 38px;
    min-width: 38px;
    background-size: 38px 38px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
}

.layout-top-spacing { margin-top: 15px; }
.layout-spacing { padding-bottom: 15px; }
.layout-px-spacing { padding: 0 15px 0 15px!important; min-height: calc(100vh - 140px)!important; }
.widget.box .widget-header {
    background: #fff;
    padding: 0px 8px 0px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
.row [class*="col-"] .widget .widget-header h4 {
    color: #000000;
    font-size: 17px;
    font-weight: 600;
    margin: 0;
    padding: 16px 15px;
}
.seperator-header {
    background: transparent;
    box-shadow: none;
    margin-bottom: 40px;
    border-radius: 0;
}
.seperator-header h4 {
    color: #888ea8;
    margin-bottom: 0;
    display: inline-block;
    border: 2px dashed #888ea8;
    line-height: 1.4;
    padding: 3px 6px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 4px;
    letter-spacing: 1px;
}
.widget .widget-header {
    border-bottom: 0px solid #f1f2f3;
}
.widget .widget-header:before,
.widget .widget-header:after {
    display: table;
    content: "";
    line-height: 0
}
.widget .widget-header:after { clear: both }
.widget-content-area {
    padding: 20px;
    position: relative;
    background-color: #fff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.content-area {
    max-width: 58.333333%;
    margin-left: 80px;
}

.item.selectusrtype {
    background-color: #26A65B;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    left: auto;
    position: absolute;
    text-align: center;
    top: 6px;
    left: 20px;
    width: 30px;
    z-index: 99;
    padding: 1px 0px;
    height: 30px;
    border-radius: 50%;
}

.hierarchyviewdetails .lead-view-content {
    padding: 30px 30px 0;
    overflow: scroll;
    max-height: 400px !important;
}
.theme-sidebar.theme-form-sidebar.show::before {
  content: "";
  background: #fff6;
  display: block;
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: -1;
}
#site-settings .theme-sidebar.theme-form-sidebar.show::before {
  all: unset;
}
body.dark-layout .theme-sidebar.theme-form-sidebar.show::before{
  background: #10163a66;
}
.viewimgmodal[data-imagepath='']{
  display: none;
}
.viewimgmodal[data-imagepath]:not([data-imagepath=""]){
  display: initial;
}
.active > .feather.icon-circle {
  background: #7367F0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
#adddetailsandincentivesForm .select2-container--default .select2-selection--single {
  height: 38px;
  padding: 0.5rem 0.7rem;
}
#adddetailsandincentivesForm .font-weight-normal .select2-container--default .select2-selection--single {
  border-color: #0000;
}