@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap");

body {
  font-family: "Source Sans 3", sans-serif !important;
  font-style: normal !important;
}

.content-wrapper {
  background-color: #f7f7f7 !important;
}

.content-header {
  padding: 1rem 1rem 0 !important;
}
.content-header .card .card-body {
  padding: 0.5rem;
}
.cardwhite {
  background-color: #ffffff !important;
}

.cmformcontrol {
  height: 20px;
  text-align: right;
  background: #ffffcb;
}

.textinfo {
  color: #121212;
  font-weight: 600;
}

.formview .form-group {
  line-height: 16px;
}

.carouselcaption h6 {
  color: #a31d21 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
}

.carouselcaption h5 {
  font-size: 48px !important;
  margin: 0 !important;
  font-weight: 700 !important;
}

.carouselcaption p {
  color: #9d9d9d !important;
}

.floatingbtn {
  position: absolute;
  right: 0px;
  top: 74px;
  background: #c82026;
  color: #ffffff !important;
  z-index: 1111;
  border: 1px solid #dddddd;
  border-radius: 4px;
}

.floatingbtn .nav-link {
  color: #ffffff !important;
  padding: 8px 10px !important;
}

.historycontent p {
  font-size: 12px;
  padding-top: 10px;
  margin-bottom: 0px;
}

.layout-fixed .control-sidebar {
  position: absolute;
  top: 120px !important;
  border: 1px solid #dddddd;
  height: auto !important;
  overflow-y: overlay;
}

.navpillsdate {
  display: inline-flex !important;
  background-color: #ffffff !important;
  border-radius: 40px !important;
  padding: 0.5rem;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}

.navpillsdate .nav-link {
  padding: 0.2rem 1rem;
}

.navpillsdate .nav-link.active {
  background-color: #c82026 !important;
  border-radius: 40px !important;
}

.navpillsdate .nav-link:hover {
  color: #ffffff !important;
  cursor: pointer;
  background-color: #c82026 !important;
  border-radius: 40px !important;
}

.dialpadicon {
  position: fixed;
  right: 26px;
  bottom: 26px;
  background-color: #c82026 !important;
  color: #ffffff;
  padding: 10px 4px;
  border-radius: 50%;
  cursor: pointer;
}

.dialpadicon a {
  color: #ffffff;
}

.answer {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #666666;
  line-height: 16px;
}

.brand-image1 {
  width: 170px !important;
}

.sidebar {
  padding: 0px !important;
  background-color: #111111 !important;
  scrollbar-color: rgb(87, 86, 86) transparent !important;
}

.sidebar-mini .main-sidebar .nav-link {
  width: 250px !important;
  border-radius: 0px !important;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #222222 !important;
  border-right: 4px solid #c82026;
}

.sidebar-dark-primary {
  background-color: #111111 !important;
}

.mainheader {
  font-size: 18px !important;
  font-weight: 600 !important;
}

.dropdownicon {
  float: right;
  margin-top: 4px;
}

.dx-datagrid-headers {
  color: #111111 !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
}

/* Button CSS */

.btn-primary {
  box-shadow: 0 0px 0px #c82026 !important;
  background-color: #c82026 !important;
  font-size: 16px !important;
  border-color: #c82026 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  box-shadow: 0 0px 0px #c82026 !important;
  background-color: #c82026 !important;
  border-color: #c82026 !important;
}

.btn-outline-secondary {
  box-shadow: 0 0px 0px #c82026 !important;
  background-color: #ffffff !important;
  font-size: 16px !important;
  color: #111111 !important;
  border-color: #111111 !important;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active {
  color: #fff !important;
  background-color: #111111 !important;
  border-color: #111111 !important;
}

.btn-secondary {
  box-shadow: 0 0px 0px #c82026 !important;
  background-color: #ffffff !important;
  font-size: 16px !important;
  color: #111111 !important;
  border-color: #dddddd !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
  box-shadow: 0 0px 0px #c82026 !important;
  background-color: #ffffff !important;
  color: #111111 !important;
  border-color: #dddddd !important;
}

.dx-pager .dx-page-sizes .dx-selection {
  background-color: #c82026 !important;
  color: #ffffff !important;
  border-radius: 40px !important;
}

.dx-pager .dx-pages .dx-selection {
  background-color: #c82026 !important;
  color: #ffffff !important;
  border-radius: 40px !important;
  padding: 8px 12px 8px !important;
}

.dx-info {
  color: #111111 !important;
}

.dx-texteditor-input {
  min-height: 30px !important;
}

.mainheading {
  font-size: 18px !important;
  color: #121212 !important;
  padding: 8px 0px 0px !important;
  font-weight: 600 !important;
}

.subheading {
  font-size: 16px !important;
  color: #121212 !important;
  padding: 8px 0px 0px !important;
  font-weight: 600 !important;
}

.subheader {
  font-size: 22px !important;
  color: #121212 !important;
  padding: 8px 0px 0px !important;
  font-weight: 600 !important;
}

.form-group label span {
  color: red !important;
}

label {
  color: #666666 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  margin-bottom: 0px;
}

.custom-file-label {
  height: 32px !important;
}

.custom-file-label:after {
  height: 34px !important;
  padding: 6px !important;
}

.nav-tabs {
  border-bottom: 0px;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover {
  color: #c82026 !important;
  /* border: 0 !important; */
  /* border-bottom: 4px solid #c82026 !important; */
  background-color: #ffffff !important;
}

.nav-tabs .nav-link {
  /* border: 0 !important; */
  /* background: transparent !important; */
  /* border-bottom: 0px solid transparent !important; */
  font-weight: 600 !important;
  color: #111111 !important;
}

.custom-link {
  font-weight: 600 !important;
  color: #121212 !important;
  text-decoration: underline;
}

/* Scrolling */
/* width */
::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey !important;
  border-radius: 10px !important;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #121212 !important;
  border-radius: 10px !important;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #121212 !important;
}

.uploaddoc {
  height: 0 !important;
}

.react-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  background-color: #ffffff;
  border: 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.ReactModal__Overlay.ReactModal__Overlay--after-open {
  z-index: 1034;
}

.ReactModal__Overlay.ReactModal__Overlay--after-open {
  background-color: rgba(0, 0, 0, 60%) !important;
}

.modal-header .close {
  color: #ffffff !important;
  opacity: 1 !important;
}

.react-modal {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.react-modal .modal-header {
  border-bottom: 0px solid #111111 !important;
  padding: 0.5rem 0.7rem !important;
  background: #111111;
  color: #ffffff !important;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.react-modal .modal-header .modal-title {
  color: #ffffff !important;
  font-weight: bold !important;
  word-break: break-all;
}

.react-modal .modal-body {
  padding: 0.6rem !important;
  background-color: #ffffff;
}

.react-modal .modal-footer {
  padding: 0.5rem;
  background-color: #f1f1f1;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.react-modal .modal-footer .btn-custom-gray {
  background-color: #ffffff !important;
}

.image-mb {
  margin: auto !important;
  text-align: center !important;
}

.react-modal .modal-footer {
  padding: 0.5rem;
}

body:not(.layout-fixed) .main-sidebar {
  z-index: 1;
}

.img-custom-fluid {
  width: 40%;
}

.lblPageTitle {
  font-size: 1rem !important;
  margin: 0.5rem 0rem;
  font-weight: 600 !important;
}

.navbar-nav {
  align-items: center;
}

.navbar-white {
  color: #000000;
}

.main-header {
  z-index: 1 !important;
  border-bottom: 0px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 8px 50px -15px;
}

.list-group {
  border-left: 0px solid #dfdfdf !important;
}

.list-group-item {
  border-top: 0px solid rgba(0, 0, 0, 0.125);
  border-right: 0px solid rgba(0, 0, 0, 0.125);
  border-left: 0px solid rgba(0, 0, 0, 0.125);
  padding-left: 0px;
  padding-right: 0px;
  /* padding: 1rem 1.25rem !important; */
}

.list-group-item-action {
  border-left: 0px solid transparent !important;
  padding: 8px !important;
}

.list-group-item.active {
  background-color: #ffffff !important;
  color: #111111 !important;
  border-left: 4px solid #c82026 !important;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item-action:focus,
.list-group-item-action:hover {
  background-color: #ffffff !important;
  color: #111111 !important;
  border-left: 4px solid #c82026 !important;
}

.list-group-item .fas,
.list-group-item .far {
  color: #c82026;
}

.list-group-item .heading {
  color: #000000;
  font-weight: 500;
}

.list-group-item .flex-grow-1 {
  line-height: 16px;
}

.content {
  padding: 1rem !important;
}

/*Login Page*/
.logincontainer {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20%;
  z-index: 111111;
}

.login-bg {
  margin: 0;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  overflow: hidden;
}

.imgalignment {
  right: -25%;
  position: relative;
}

.overlaytext {
  position: absolute;
  top: 50%;
  left: 45%;
  transform: translate(-50%, -50%);
}

.overlaytext h1 {
  color: #ffffff !important;
}

.loginsidebar {
  margin-bottom: 22px;
}

.loginsidebaricon {
  padding: 18px;
  font-size: 26px;
  background: #ffffff;
  color: #c82026;
  border-radius: 50%;
}

.loginsidebar h5 {
  color: #ffffff;
  margin-bottom: 4px;
}

.loginsidebar p {
  font-size: 16px;
  color: #ffffff;
}

.simple-footer.fixedbottom {
  position: relative;
  margin: 80px auto 0;
  text-align: center;
  left: auto;
  right: auto;
  width: 100%;
}

.text-link {
  color: #121212 !important;
  font-weight: 500 !important;
  font-size: 14px !important;
}

/*Custom Card*/
.card {
  border-radius: 1rem;
  border: 1px solid #d4d4d4;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px 0px;
}

.card-header {
  border-bottom: 0px solid rgba(0, 0, 0, 0.125);
  padding: 0.75rem 1.25rem;
}

.card-title {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 0;
  color: #222222;
  text-transform: uppercase;
}

/*Small Box*/
.small-box {
  margin-bottom: 0px;
  line-height: normal;
  border-radius: 1rem;
  border: 1px solid #d4d4d4;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px 0px;
  display: flex;
  text-align: left;
  justify-content: space-between;
}

.small-box p {
  margin-bottom: 0;
  font-size: 0.8rem;
  color: #666666;
  line-height: 14px;
}

.small-box h3 {
  margin-bottom: 0;
  font-size: 1.5rem !important;
}

.small-box .icon {
  color: #c82026;
  padding: 15px;
}

.small-box .icon svg {
  font-size: 33px;
  position: initial;
  top: initial;
}

.small-box .icon > i {
  font-size: 1.5rem !important;
  position: initial;
  left: initial;
  top: initial;
}

.small-box > .inner {
  /* padding: 12px; */
  line-height: 10px;
}

.list-group-item:last-child {
  border: 0px;
}

.small-box:hover .icon > i,
.small-box:hover .icon > i.fa,
.small-box:hover .icon > i.fab,
.small-box:hover .icon > i.fad,
.small-box:hover .icon > i.fal,
.small-box:hover .icon > i.far,
.small-box:hover .icon > i.fas,
.small-box:hover .icon > i.ion {
  transform: none;
}

.carousel-indicators {
  margin-bottom: 0;
}

.carousel-indicators li {
  background-color: #c82026;
}

.carouselcaption p {
  margin-bottom: 0;
}

/*DX Widget*/
.dx-datagrid,
.dx-widget input,
.dx-widget textarea {
  font-size: 13px !important;
  font-weight: 500 !important;
  font-family: "Source Sans 3", sans-serif !important;
}

.dx-widget,
.dx-widget input,
.dx-widget textarea {
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Source Sans 3", sans-serif !important;
}

.dx-field {
  min-height: 0px !important;
}

/*Data Grid*/
.dx-datagrid .dx-row-lines > td,
.dx-datagrid-rowsview .dx-row {
  border-top: 0px !important;
  border-bottom: 0px !important;
}

.dx-datagrid .dx-column-lines > td {
  border-left: 0px solid #ddd !important;
  border-right: 0px solid #ddd !important;
  border-bottom: 1px solid #d9d9d9 !important;
}

.dx-datagrid-borders > .dx-datagrid-rowsview {
  border-left: 1px solid #d2ddeb !important;
  border-right: 1px solid #d2ddeb !important;
  border-bottom: 1px solid #d2ddeb !important;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
  font-weight: 700;
}

.dx-datagrid-content .dx-datagrid-table .dx-row > td,
.dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
  vertical-align: middle !important;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td,
.dx-datagrid-rowsview
  .dx-selection.dx-row:not(.dx-row-focused):hover
  > tr
  > td {
  background-color: #f3f3f3 !important;
}

/* .dx-datagrid .fas,
.dx-datagrid .far {
  color: #c82026 !important;
} */

/* .dx-datagrid .btn .fas,
.dx-datagrid .btn .far {
  color: #ffffff !important;
} */

/* .dx-datagrid .fas.fa-rupee-sign {
  color: #333333 !important;
} */

.lbl-value .fas.fa-rupee-sign {
  font-size: 0.8rem;
}

/*DX pageing*/

.dx-pager .dx-page-sizes .dx-selection,
.dx-pager .dx-pages .dx-selection {
  border-color: #d9d9d9 !important;
  border-width: 1px;
  background-color: transparent !important;
  border-radius: 50px;
}

.dx-pager .dx-page-sizes .dx-selection,
.dx-pager .dx-pages .dx-selection {
  /* color: #0075B7 !important; */
  background-color: #f9ecec !important;
  color: #b55c7c !important;
  /* background-color: #005294 !important; */
  /* background-image: linear-gradient(to right top, #051937, #08264d, #0a3463, #08437b, #005294); */
  /* background-image: linear-gradient(to left bottom, #0075e9, #006edc, #0068cf, #0061c2, #015bb5); */
}

.dx-pager .dx-pages .dx-page {
  padding: 7px 13px 8px 13px !important;
}

.dx-pager .dx-page-sizes .dx-page-size {
  font-weight: 700;
}

.cardcontainer {
  height: 90vh;
}

.cardcm {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.cardfilterwd {
  width: 100%;
}

.cardfilterwdpayoutg {
  width: 500px;
}

.textmedium {
  font-size: 14px !important;
}

.btnadd,
.btnadd:hover,
.btnadd:active,
.btnadd:focus {
  position: absolute;
  top: 44px;
  right: 6px;
  color: #a31d21;
}

.cardfilter {
  border-radius: 0;
  margin-bottom: 0;
  padding: 0px;
}
/* 
.card .card-body {
  padding: 25px;
} */

/*Card Filter*/

.card-filter {
  border-radius: 0;
  margin-bottom: 0;
}

.card-filter .card-body {
  padding: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}

.card-filter .card-body div:last-child {
  margin-left: auto;
}

/*Radio Group*/

.dx-radiogroup-horizontal .dx-radiobutton {
  font-size: 0.9rem;
}

.dx-radiobutton-icon {
  width: 20px !important;
  height: 20px !important;
  border: 1px solid #b7b4b4 !important;
}

.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
  background-color: #c82026 !important;
  border-width: 5px;
}

.dx-radiobutton.dx-state-hover .dx-radiobutton-icon {
  border-color: rgba(200, 32, 38, 0.4) !important;
}

.dx-checkbox-indeterminate .dx-checkbox-icon {
  color: #c82026 !important;
}

.dx-checkbox.dx-state-hover .dx-checkbox-icon,
.dx-checkbox.dx-state-hover .dx-checkbox-icon {
  border: 1px solid #c82026 !important;
}

.dx-checkbox-indeterminate .dx-checkbox-icon::before {
  background-color: #c82026 !important;
}

.dx-checkbox-checked .dx-checkbox-icon {
  color: #c82026 !important;
  background-color: #ffffff;
}

.dx-button-mode-contained.dx-button-default {
  background-color: #c82026 !important;
}

/* Lead info */
.statusinfo {
  padding: 20px;
  font-weight: 600;
  display: flex;
  flex-wrap: wrap;
}

.statusno {
  background: #e1e1e1 !important;
  padding: 7px 14px;
  font-weight: 600;
  color: #121212;
  border-radius: 50px;
}

.statusnoactive {
  background: #c82026 !important;
  color: #ffffff;
  padding: 7px 14px;
  font-weight: 600;
  border-radius: 50px;
}

.statusinfoseprater {
  height: 2px;
  background: #eddede;
  width: auto;
}

.statusinfo div::after {
  display: inline-block;
  content: "";
  border-top: 0.3rem solid #ededed;
  width: 6rem;
  margin: 0 1rem;
}

.statusinfo div:last-child::after {
  display: none;
}

/*Page Loading*/

.page-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 99999;
}

.page-loading .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.flipimg {
  display: inline-block;
  animation: mirrorflip 2s 0s linear infinite;
}

.flexcontainer {
  display: flex;
  text-align: center;
  justify-content: space-around;
}

.flexcontainer > div {
  margin: 10px;
}

.flexcontainer div p {
  margin: 0;
  font-size: 13px;
}

.flexcontainer div h3 {
  font-size: 28px;
  font-weight: 700;
}

.labelschme {
  font-size: 11px !important;
}

@keyframes mirrorflip {
  0% {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
  }

  50% {
    transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
  }

  100% {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
  }
}

/*Custom CSS*/
.custom-modal-large {
  width: 800px;
}

.custom-modal-large-1 {
  width: 920px;
}
.custom-modal-large-2 {
  width: 1200px;
}

.custom-modal-medium {
  width: 600px;
}

.custom-modal-small {
  width: 400px;
}

.dx-widget .dropdown-item:active,
.dx-widget .dropdown-item:hover {
  background-color: transparent !important;
}

.dropdown-menu {
  padding: 0;
}

.dropdown-item.active,
.dropdown-item:focus,
.dropdown-item:hover {
  color: #fff;
  text-decoration: none;
  background-color: #c82026;
}

.lbl-value {
  font-size: 1rem;
  font-weight: 500;
}

.lbl-group {
  margin-bottom: 1rem;
  line-height: 1.1rem;
}

.lbl-group .fa,
.lbl-group .fas {
  font-size: 13px !important;
}

.btn-primary .fas,
.btn-primary .far {
  font-size: 0.8rem;
}

.nav-tabs.flex-column {
  border: 0;
}

.nav-tabs.flex-column .nav-link {
  border-bottom: 1px solid #d4d4d4 !important;
  font-weight: normal !important;
  color: #111111;
}

.nav-tabs.flex-column .nav-item.show .nav-link,
.nav-tabs.flex-column .nav-link.active {
  font-weight: 600 !important;
  background-color: #c82026 !important;
  color: #ffffff !important;
}

.nav-tabs.flex-column .nav-item.show .nav-link,
.nav-tabs.flex-column .nav-link.active.green {
  font-weight: 600 !important;
  background-color: #0f990f !important;
  color: #ffffff !important;
}

.nav-tabs.flex-column .nav-link:last-child {
  border-bottom: 0px solid #d4d4d4 !important;
}

.dx-calendar .dx-calendar-navigator-next-view.dx-button .dx-icon,
.dx-calendar .dx-calendar-navigator-previous-view.dx-button .dx-icon,
.dx-calendar
  .dx-calendar-navigator
  .dx-calendar-caption-button.dx-button
  .dx-button-content,
.dx-calendar-cell.dx-calendar-today {
  color: #c82026 !important;
}

.dx-calendar-cell.dx-calendar-selected-date,
.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today {
  -webkit-box-shadow: inset 0 0 0 1000px #c82026 !important;
  box-shadow: inset 0 0 0 1000px #c82026 !important;
  color: #ffffff !important;
}

.btn-link {
  cursor: pointer;
}

.dx-radiobutton {
  font-size: 13px;
}

hr {
  margin-top: 0.5em;
  margin-bottom: 0.5rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.payment-status {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  background-color: #f5f5f5;
  width: 100%;
  height: 100%;
}

.payment-status .card {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 300px;
  background-color: transparent;
  border: 0;
  box-shadow: none !important;
}

.profile-content p span {
  font-size: 24px;
  font-weight: 600;
}

.payment-status p {
  line-height: normal;
}
.payoutprofile-img {
  width: 100px;
  border-radius: 100%;
  height: 100px;
}

.small-box h3 .fas.fa-rupee-sign {
  font-size: 1.2rem !important;
}

.dx-texteditor.dx-state-hover {
  border-color: rgba(157, 157, 157, 0.4) !important;
}

.dx-texteditor.dx-state-active.dx-editor-filled,
.dx-texteditor.dx-state-active.dx-editor-outlined,
.dx-texteditor.dx-state-active.dx-editor-underlined,
.dx-texteditor.dx-state-focused.dx-editor-filled,
.dx-texteditor.dx-state-focused.dx-editor-outlined,
.dx-texteditor.dx-state-focused.dx-editor-underlined {
  border-color: #dddddd !important;
}

.dx-checkbox-icon {
  border-radius: 0.3rem !important;
}

.dx-checkbox.dx-state-hover .dx-checkbox-icon {
  border: 1px solid #c82026 !important;
}

.dx-checkbox.dx-state-readonly .dx-checkbox-icon {
  border-color: #c4c4c4 !important;
}

.dx-checkbox.dx-state-focused .dx-checkbox-icon {
  border: 1px solid #dddddd !important;
}

.dx-dropdowneditor.dx-dropdowneditor-field-clickable,
.dx-dropdowneditor.dx-dropdowneditor-field-clickable .dx-texteditor-input {
  height: 31px;
}

.dx-placeholder::before {
  padding: 3px 9px 3px !important;
}

.lead-status-default {
  height: 14px;
  width: 14px;
  display: inline-block;
  border: 1px solid #9b9b9b;
  border-radius: 50px;
  margin-right: 2px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

.active-red {
  border: 1px solid #c82026;
  background-color: #ffe2e3;
  color: #c82026 !important;
}

.active-green {
  border: 1px solid #3a9760;
  background-color: #e5f2eb;
  color: #3a9760 !important;
}

.lead-status-red {
  border: 1px solid #c82026;
  background-color: #ffe2e3;
  color: #c82026 !important;
}

.lead-status-green {
  border: 1px solid #3a9760;
  background-color: #e5f2eb;
  color: #3a9760 !important;
}

.lead-status-orange {
  border: 1px solid #ffa200;
  background-color: #fff5e3;
  color: #ffa200 !important;
}

.lead-status-reject {
  border: 1px solid #bcbcbc;
  background-color: #eaeaea;
  color: #bcbcbc !important;
}

.lead-status-blue {
  border: 1px solid #4b7eff;
  background-color: #e2eaff;
  color: #4b7eff !important;
}

.lead-status-pink {
  border: 1px solid #c82026;
  background-color: #ffccdd;
  color: #80002a !important;
}

.text-danger {
  color: #c82026 !important;
}

.text-green {
  color: #3a9760 !important;
}

.text-orange {
  color: #ffa200 !important;
}

.text-blue {
  color: #4b7eff !important;
}

.text-purple {
  color: #ed008d !important;
}

.text-magenta {
  color: #450a66 !important;
}

.dx-searchbox .dx-placeholder::before,
.dx-searchbox .dx-texteditor-input {
  padding-left: 34px !important;
}

.nav-icon {
  width: 26px;
  height: 26px;
}

.displayNone {
  display: none;
}

.displayBlock {
  display: block;
}

.cursorPointer {
  cursor: pointer !important;
}

.dashboardtxt {
  position: absolute;
  right: 20px;
}

.usericon {
  width: 60px;
  border-radius: 100px;
}

.navbar-light .navbar-nav .nav-link {
  font-size: 16px;
  color: #121212;
}

.btn-link,
.btn-link:hover,
.btn-link:active,
.btn-link:focus {
  color: #c82026;
}

.formviewicon {
  position: absolute;
  right: 10px;
  top: 0;
}

.img-doc {
  max-width: 100%;
  height: auto;
  max-height: 500px;
}

.doc-status {
  display: table;
}

.Dashboard-Icon {
  color: #c82026;
  font-size: 28px;
  margin: 8px;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #c82026;
  /* background-color: rgba(255, 255, 255, .1) !important; */
  color: #fff !important;
}

.nav-pills .nav-link,
.nav-pills .nav-link:not(.active):hover {
  color: #121212;
}

/* Terms */
.brandimg {
  width: 240px;
  padding: 12px 12px 0;
}

.termsconditionsec {
  height: auto;
  max-height: 550px;
  border: 1px solid #ededed;
  border-radius: 4px;
  overflow-y: scroll;
  padding: 18px;
}

.termsconditionsec p {
  font-size: 13px;
  color: #111111;
}

.termsconditionsec h1 {
  padding: 10px 0;
  font-size: 20px;
  font-weight: 700;
}

.termsconditionsec h2 {
  font-size: 18px;
  font-weight: 700;
}

.liststyle {
  list-style-type: upper-alpha;
  font-size: 13px;
  padding-left: 20px;
}

ol.liststyle2 {
  list-style-type: decimal;
  counter-reset: item;
  font-size: 13px;
}

ol.liststyle2 li {
  display: block;
  position: relative;
  padding-bottom: 6px;
  line-height: normal;
}

ol.liststyle2 li:before {
  content: counters(item, ".") " ";
  counter-increment: item;
  position: absolute;
  left: -38px;
}

ol.lt3 {
  list-style-type: lower-roman;
}

ol.lt3 li {
  display: block;
  position: relative;
  padding-bottom: 6px;
  line-height: normal;
}

ol.lt3 li:before {
  content: counters(item, ".") " ";
  counter-increment: item;
  position: absolute;
  left: -38px;
}

ol.liststyleroman {
}

ol.liststyleroman li {
  display: list-item;
}

ol.liststyleroman li:before {
  content: " ";
  counter-increment: item;
  position: relative;
  left: inherit;
}

.tctable {
  font-size: 13px;
}

.operationmanrow {
  clear: both;
}
.operationmancolumnthree {
  float: left;
  width: 23%;
  padding: 10px;
}
.operationmancolumnone {
  float: left;
  width: 25%;
  padding: 10px;
}
.operationmancolumntwo {
  float: left;
  width: 29%;
}

@media only screen and (max-width: 1024px) {
  .login-bg {
    display: none;
  }

  .logincontainer {
    left: 30%;
  }
  .operationmancolumnthree {
    width: 50%;
  }
  .operationmancolumnone {
    width: 50%;
  }
  .operationmancolumntwo {
    width: 50%;
  }
}

@media only screen and (max-width: 768px) {
  .operationmancolumnthree {
    width: 100%;
  }
  .operationmancolumnone {
    width: 100%;
  }
  .operationmancolumntwo {
    width: 100%;
  }
}

@media only screen and (max-width: 530px) {
  .logincontainer {
    left: 20%;
  }

  .custom-modal-large,
  .custom-modal-medium,
  .custom-modal-small {
    width: 90%;
  }

  .statusinfo {
    display: block;
  }

  .statusinfo div {
    padding: 14px 0;
  }

  .statusinfo div::after {
    display: none;
  }

  .liststyle {
    list-style-type: upper-alpha;
    font-size: 13px;
    padding-left: 20px;
  }

  ol.liststyle2 {
    list-style-type: decimal;
    counter-reset: item;
    font-size: 13px;
    padding-left: 0;
  }

  ol.liststyle2 li {
    display: block;
    position: relative;
    padding-bottom: 6px;
    line-height: normal;
  }

  ol.liststyle2 li:before {
    content: counters(item, ".") " ";
    counter-increment: item;
    position: inherit;
    left: auto;
    font-weight: 700;
  }

  ol.liststyleroman {
    padding-left: 16px;
  }

  ol.liststyleroman li {
    display: list-item;
    position: relative;
    padding-bottom: 6px;
    line-height: normal;
  }

  ol.liststyleroman li::marker {
    font-weight: 700;
  }

  ol.liststyleroman li:before {
    display: none;
  }
}

@media only screen and (max-width: 340px) {
  .logincontainer {
    left: 6%;
  }
}

/* .dx-datebox-wrapper .dx-overlay-content {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
} */

/* Important, For showing list of buttons */
.button-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
}

.Toastify__toast-theme--light {
  background-color: #095590 !important;
  color: #ffffff !important;
}

.fleetempcard {
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.fleldempname {
  font-weight: 600;
  border-radius: 50%;
  font-size: 18px;
  padding: 10px;
  background: #ededed;
}

.fieldagentstatus {
  position: absolute;
  top: 12px;
  font-size: 10px;
}

.gm-style-iw-chr {
  position: absolute;
  right: 0;
}

.dx-treelist-rowsview .dx-row.dispayNone {
  display: none !important;
}

/* .dx-row dx-data-row dx-row-lines dx-column-lines.visibility{
  display: none !important;
} */

.qrCodeCustom {
  font-size: 70px;
}

.btnoptiongroup {
  display: flex;
  flex-wrap: wrap;
}

label.btn.btn-primary.btn-sm.btnoption {
  margin: 3px;
  flex-grow: 1;
  width: 32%;
}

.btnoption {
  background: #ffffff !important;
  border: 1px solid #dddddd !important;
  padding: 4px !important;
  display: block;
  font-weight: 600 !important;
  color: #000000 !important;
  font-size: 12px !important;
  border-radius: 3px;
}

.btnoption.checked {
  background: #222222 !important;
  border: 1px solid #222222 !important;
  padding: 4px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  font-size: 12px !important;
  border-radius: 3px;
}

.btnoption:hover,
.btnoption:active,
.btnoption:focus {
  background: #222222 !important;
  border: 1px solid #222222 !important;
  padding: 4px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  font-size: 12px !important;
  border-radius: 3px;
}

.btnoption.completed {
  background: #e3e3e3 !important;
  border: 1px solid #e3e3e3 !important;
  padding: 4px !important;
  font-weight: 600 !important;
  color: #333333 !important;
  font-size: 12px !important;
  border-radius: 3px;
}

.isPostRecalculate,
.isPostRecalculate:hover,
.isPostRecalculate:active,
.isPostRecalculate:focus {
  background: #ffffcb !important;
  border: 1px solid #ffffcb !important;
  padding: 4px !important;
  font-weight: 600 !important;
  color: #333333 !important;
  font-size: 12px !important;
  border-radius: 3px;
}

.btnoption input[type="radio"] {
  display: none;
}

.dropdown-menu.show {
  display: block !important;
  position: relative;
  margin-left: 80px;
  /* background-color: #222222;
  color:#FFFFFF !important;   */
}

.nav-pills .nav-link:not(.active):hover {
  /* color: #FFFFFF !important; */
}

/* .nav-pills .nav-link, .nav-pills .nav-link:not(.active):hover {
  color:#dde4eb !important;
} */

.navbar {
  padding: 0.1rem 0.1rem !important;
}

/* sidebar menu css starts */

#main {
  margin-top: 0px;
  margin-bottom: 80px;
}

#main #faq .card {
  margin: 0px 0px;
  border: 0;
  background-color: transparent;
  border-radius: 0;
  cursor: pointer;
  box-shadow: none !important;
  line-height: normal;
}

#main #faq .card:hover {
  background-color: rgb(32, 32, 32);
}

#main #faq .card a:hover {
  color: #ffffff;
}

#main #faq .card .card-header {
  border: 0;
  /* -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
          box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5); */
  /* border-radius: 2px; */
  padding: 0;
}

#main #faq .card .card-header .nav-link {
  display: block;
  text-align: left;
  /* background: #262626; */
  color: #c2c7d0;
}

#main #faq .card .card-header .nav-link:after {
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  float: right;
  position: absolute;
  right: 1rem;
  top: 0.7rem;
}

#main #faq .card .card-header .nav-link.collapsed {
  color: #c2c7d0;
}

#main #faq .card .card-header .nav-link.collapsed:after {
  content: "\f106";
  position: absolute;
  right: 1rem;
  top: 0.7rem;
}

#main #faq .card .collapsing {
  background-color: #262626;
  line-height: 30px;
}

#main #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
  /* background-color: #403a3a; */
  line-height: normal;
  color: #222;
}

#main #faq .card .collapse .card-body {
  padding: 0 !important;
}

#main #faq .card .collapse.show .card-body {
  padding: 0 !important;
}

#main #faq .card .card-body .nav a {
  padding-left: 30px;
}

#main #faq .card .collapse.show .card-body .nav a {
  padding-left: 30px;
}

#main #faq .card .collapse.show .card-body .nav a:hover {
  color: rgb(255, 255, 255);
}

#main #faq .card .collapse.show .card-body p,
#main #faq .card .card-header p,
#main #faq .card p {
  display: inline;
  margin: 0;
  white-space: normal;
  font-size: 14px;
}

#main #faq .card .nav-icon {
  display: inline-block;
  margin-right: 10px;
  margin-left: 0.05rem;
  font-size: 1.2rem;
  margin-right: 0.2rem;
  text-align: center;
  width: 1.6rem;
}

.nav-sidebar .nav-link > .right,
.nav-sidebar .nav-link > p > .right {
  position: absolute;
  right: 1rem;
  top: 0.7rem;
}

@media (min-width: 992px) {
  .sidebar-mini.sidebar-collapse .brand-text,
  .sidebar-mini.sidebar-collapse .sidebar #main #faq .card p,
  .sidebar-mini.sidebar-collapse .sidebar .user-panel > .info {
    margin-left: -10px;
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: hidden;
  }

  .sidebar-mini.sidebar-collapse
    .main-sidebar:not(.sidebar-no-expand):hover
    .sidebar
    #main
    #faq
    .card
    p {
    display: inline-block;
    margin-left: 0;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
  }
}

/* sidebar menu css ends */

.topbar-clock {
  font-size: smaller !important;
}

/* .card-body {
  padding: .50rem .75rem .50rem .75rem !important;
} */

.user-panel .info a {
  color: #ffffff !important;
}

.d-block {
  padding-left: 20px !important;
}

/* start #schem linearGradient */
.schemelist {
  border-radius: 8px;
  padding: 12px;
  border: 2px solid #dddddd;
  margin: 12px 0px 0px;
}

.schemename h4 {
  color: #c82026;
  font-weight: 700;
  font-size: 13px;
}

.schemename .schemecolumn p,
.schemename .schemecolumn1 p {
  font-size: 12px;
  color: #444444;
  margin-bottom: 0;
}
.schemename .schemepricecolumn p {
  font-size: 12px;
  color: #444444;
  margin-bottom: 0;
  line-height: 18px;
}

.schemename .schemecolumn p span,
.schemename .schemecolumn1 p span {
  font-size: 14px;
  color: #111111;
  font-weight: 600;
}

.schemename .schemepricecolumn p span {
  font-size: 22px;
  color: #111111;
  font-weight: 700;
}

.schemecolumn {
  float: left;
  width: 50%;
  /* Should be removed. Only for demonstration */
}

.schemecolumn1 {
  float: left;
  width: 50%;
  /* Should be removed. Only for demonstration */
}

.schemecolumn2 {
  float: left;
  width: 20%;
  /* Should be removed. Only for demonstration */
}

.schemecolumnrow:after {
  clear: both;
}

.schemesecborder {
  border-top: 1px dashed rgba(0, 0, 0, 0.5);
  margin: 10px 0;
}

.schemepricecolumn {
  float: left;
  width: 33.33%;
  text-align: center;
}

/* Clear floats after the columns */
.schemepricerow:after {
  content: "";
  display: table;
  clear: both;
}
.brntheme {
  background: #c82026;
}
/* end #schem linearGradient */

#ameyoIframe {
  height: 100% !important;
  width: 100% !important;
}

#main-blk {
  overflow: hidden !important;
}

#ameyoIframeDiv {
  height: 100% !important;
}
.dx-command-select {
  width: 30px !important;
  min-width: 30px !important;
}
/* 
.card .card-body {
  padding: 1rem !important;
} */

.phone-status-in {
  color: green;
}

.phone-status-out {
  color: orange;
}

.phone-status-missed {
  color: red;
}

.dx-datagrid .dx-row > td {
  padding: 6px !important;
}

.tab-content {
  background-color: #ffffff !important;
  border: 1px solid #d4d4d4;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px 0px;
  padding: 1.25rem;
}

.tab-content .subheading {
  padding: 0 !important;
}

.dx-overlay-wrapper {
  top: 100px !important;
}

.download-file-title-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  cursor: pointer;
  border-radius: 1rem;
}

.download-file-title-overlay:hover {
  opacity: 0.9; /* Show on hover */
}
.chnage-vehcile .dx-switch-container {
  height: 33px !important;
  width: 65% !important;
  padding: 5px 2px !important;
  vertical-align: text-bottom !important;
}
.chnage-vehcile .dx-switch-container .dx-switch-on {
  font-size: 14px !important;
  color: #333 !important;
}
.chnage-vehcile .dx-switch-container .dx-switch-off {
  font-size: 14px !important;
  color: #333 !important;
}
.chnage-vehcile .dx-rtl .dx-switch-wrapper,
.chnage-vehcile .dx-rtl.dx-switch-wrapper,
.dx-switch .dx-switch-wrapper {
  text-align: left !important;
  padding-left: 8px !important;
}

.active-selection-green {
  border: 1px solid #3a9760;
  background-color: #e5f2eb;
  color: #3a9760 !important;
  padding: 0px 5px 0px 5px;
  border-radius: 0.5rem !important;
}

.dx-editor-cell.dx-editor-inline-block:not(.dx-command-select)::before {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}