.custom-input-align .v-label {
      text-align: center !important;
      width: 100% !important;
  }

  .custom-input-align input {
      text-align: center !important;
  }

  .fixcolor {

      background: linear-gradient(90deg, #f58753 30%, #f15e5f 110%)

  }

  
  .fixcolors {

      background: #444B54 !important;

  }

  .fc-toolbar .fc-state-active,
  .fc-toolbar .ui-state-active {
      z-index: 0 !important;
  }

  .loader {
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
      text-align: center;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 999;

  }

  .profile-image-wrapper {
      position: relative;
  }
  
  .edit-profile-icon {
      position: absolute;
      right: 15px;
      top: 15px;
      cursor: pointer;
  }
  
  .profile-image-wrapper>.edit-profile-icon {
      right: 10%;
      top: 0%;
      margin-top: 8px;
      border-radius: 50%;
      padding: 7px;
      font-size: 20px;
  }

  .loader>div {

      position: relative;
      top: calc(50% - 16px);

  }

  .v-tabs__div {
      text-transform: none !important;
  }
  
  .v-input__prepend-outer {
      margin-right: 0px !important;
  }
  
  .v-card__actions .v-btn {
      margin: 0 15px !important;

      min-width: 96px !important;

  }

  .paymentStatus {
      border-radius: 4px;
  }

  .linkCover {
      overflow: auto !important;
  }

  .primary {
      background-color: #aaa !important;
      border-color: #aaa !important;
  }
  
  h4 {
      background-repeat: no-repeat;
      padding: 8px;
      margin: auto;
      font-size: 25px;
  }
  
  #name {
      position: absolute;
      left: 100px;
      top: 17px;
  }
  
  #icon {
      position: absolute;
      right: 8px;
      top: 8px;
  }
  
  #m {
      position: relative;
      left: 135px;
      top: -15px;
  }
  
  #G {
      position: absolute;
      top: 38px;
      color: white;
  }
  
  #bt {
      position: relative;
      top: -20px;
      left: 115px;
  }
  
  #e {
      position: relative;
      top: 5px;
      right: -30px;
      height: 17px;
      cursor: pointer;
  }
  
  #d {
      position: relative;
      top: 5px;
      right: -70px;
      height: 17px;
      cursor: pointer;
  }
  
  #indexId {
      padding: 0 0px !important;
  }
  
  #td {
      border: 1px solid #dddddd;
      text-align: left;
      padding: 8px;
  }

  /* .apexcharts-canvas {

      width: 100% !important;
  }
  .apexcharts-canvas > svg{
      width: 100% !important;
  }

  .apexcharts-canvas > svg > apexcharts-inner > apexcharts-graphical {
      transform: translate(0);

  } */

  #dialog {
      height: 550px;
  }
  
  #flex {
      height: 300px;
  }
  
  .top {
      margin-top: 100px;
  }
  
  .v-tabs__item a {
      font-size: 16px !important;
  }

  .iconSize {
      font-size: 22px !important;
  }

  .mr5 {
      margin-right: 48px !important;
  }
  
  .addressForm {
      max-width: 17%;
  }

  .noticeDecritpion {
      white-space: nowrap;
      width: 250px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: block;
  }

  .header-icon {
      color: #5f2171 !important;
  }
  
  .pink-bgcolor {
      background: #ff8a89 !important
  }
  
  .firozi-bgcolor {
      background: #71d9ea !important
  }
  
  .darkBlue-bgcolor {
      background: #7852cc !important
  }
  
  .darkBlue-color {
      color: #7852cc !important
  }
  
  .yellowDark-color {
      color: #f9a825 !important;
  }
  
  .account-Card {

      border: 2px solid #71d9ea !important

  }
  
  .pink-color {
      color: #ff8a89 !important
  }
  
  .account-circle {
      font-size: 27px !important;
      font-weight: 900 !important
  }
  
  .font-color {
      color: #9ba0c0 !important
  }
  
  .profileDasboard {
      background: #f6f9ff !important;
      border-top-left-radius: 78px;
  }
  
  a {
      text-decoration: none !important;
  }
  
  .td {
      background-color: #fefeff;
      padding: 5px;
      color: #142453;
  }
  
  .td-notice {
      border-bottom: inherit !important;
  }
  
  .td-notice:nth-child(even) {
      color: rgb(120, 82, 204) !important;
  }
  
  .td-notice:nth-child(odd) {
      color: #f9a825 !important;
  }
  
  .td-notice {
      border-bottom: inherit !important;
  }
  
  .td-notice:nth-child(even) {
      color: rgb(120, 82, 204);
  }
  
  .td-notice:nth-child(odd) {
      color: #f9a825;
  }
  
  .card {
      border-radius: 6px !important;
  }
  
  .card:hover {
      -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
      box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
  }
  
  .td-row {
      border-right: hidden;
  }
  
  table.v-table {
      border-radius: 2px;
      border-collapse: separate !important;
      border-spacing: 0 15px !important;
      width: 100%;
      max-width: 100%;
  }
  
  .gfg {
      border-collapse: separate;
      border-spacing: 0 15px;
  }
  
  .theme--light.v-table {
      background-color: transparent !important;
      color: rgba(0, 0, 0, 0.87);
  }
  
  .open-dialog-button {
      background: #827bfa !important;
      border-color: #827bfa !important;
      text-transform: none !important;
  }

  table.v-table thead th {
      font-size: 14px !important;
  }

  .titleCard {
      font-size: 20px !important;
      font-weight: 500;
      line-height: 1 !important;
      letter-spacing: 0.02em !important;
      font-family: 'Roboto', sans-serif !important;
  }

  
  /* .v-text-field input {
      text-align: center;
  } */
  
  .card-style {
      background: #7f62f8 !important;
      border-color: #7f62f8 !important;
      border-radius: 12px;
      text-align: center !important;
      padding-top: 10px !important;
  }
  
  .title {
      line-height: 2 !important;
  }
  
  .v-dialog {
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
  }
  
  .tr {
      border-radius: 6px !important;
  }
  
  .tr:hover {
      -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
      box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
  }
  
  .__vev_calendar-wrapper .events-wrapper {
      display: none;
  }
  
  .__vev_calendar-wrapper .cal-wrapper {
      width: 100% !important;
      padding: 0 !important;
      background: white;
      border-radius: 8px;
  }
  
  .body-color {
      background: #f6f9ff
  }
  
  .clear-button {
      background: #fa7676 !important;
      border-color: #fa7676 !important;
      text-transform: none !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
  }

  .add-button {
      background: #7f62f8 !important;
      border-color: #7f62f8 !important;
      text-transform: none !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
  }

  
  .card-styles {
      background: #7f62f8 !important;
      border-color: #7f62f8 !important;
  }

  .Card-style {
    background: #fff !important;
    border-color: #fff !important;
    border-radius: 12px;
    text-align: center !important;
    padding-top: 10px !important;
  }
  /* .clear-btn {
    background: #7ac29a !important;
    border-color: #7ac29a !important;
    text-transform: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  
  .add-btn {
    background: #409eff !important;
    border-color: #409eff !important;
    text-transform: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  } */
  .cancel-btn {
    background: #71d9ea !important;
    border-color: #71d9ea !important;
    text-transform: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  
  
  /* Side Scroll Bar */
  
  ::-webkit-scrollbar {
      width: 6px;
      height: 3px;
  }
  
  
  /* Track */
  
   ::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      -webkit-border-radius: 10px;
      border-radius: 10px;
      background-color: #f5f5f5;
  }
  
  
  /* Handle */
  
   ::-webkit-scrollbar-thumb {
      -webkit-border-radius: 10px;
      border-radius: 10px;
      background: rgba(255, 0, 0, 0.8);
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
      background-color: #f5f5f5;
      background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.44, rgb(122, 153, 217)), color-stop(0.72, rgb(73, 125, 189)), color-stop(0.86, rgb(28, 58, 148)));
  }
  
   ::-webkit-scrollbar-thumb:window-inactive {
      background: rgba(255, 0, 0, 0.4);
      background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.44, rgb(122, 153, 217)), color-stop(0.72, rgb(73, 125, 189)), color-stop(0.86, rgb(28, 58, 148)));
  }

  @media screen and (max-width: 769px) {
      .top {
          margin-top: 0 !important;
      }
      .userSearch .v-icon {
          font-size: 20px !important;
          margin-left: 20px;
      }
  }
  
  @media screen and (max-width: 380px) {
      .pl-3 {
          padding-left: 0px !important;
      }
      .right {
          float: none !important;
      }
      .subheading {
          font-size: 14px !important;
      }
      .v-card__actions .v-btn {
          margin: 0 0px;
          min-width: 100px;
      }
      .subheading {
          font-size: 12px !important;
      }
      h5 {
          font-size: 13px;
      }
  }
  
  .v-icon {
      font-size: 30px;
  }
  
  @media screen and (min-width: 1270px) {
      .hide {
          display: none;
      }
  }
  
  @media screen and (max-width: 420px) {
      .userSearch .v-text-field .v-label {
          line-height: 24px !important;
      }
      .userSearch .v-label {
          font-size: 13px !important;
      }
      .v-list__tile {
          font-size: 14px !important;
          padding: 0 10px !important;
      }
      .name {
          font-size: 15px !important;
      }

      .mr5 {
          margin-right: 14px !important;
      }
      .addressForm {
          max-width: 0;
      }
      .tableRsponsive {
          display: block;
          position: relative;
          overflow: scroll;
      }

  }

  @media screen and (max-width: 600px) {
      img {

          /* position: absolute; */

          top: 13px;
          left: 10px;

          height: 28px;
          width: 28px;

          margin-top: 5px;

      }

      .iconOfDashboard {
          top: 0px !important;
          left: 0px !important;
          height: 80px !important;
          width: 80px !important;
          margin-top: 0px !important;
      }

      .v-list__tile__title {
          padding-left: 12px !important;

      }

  }
  
  .img {
      height: 200px;
      width: auto;
  }
  
  .imgNews {
      height: auto;
      width: 100px !important;
  }
  
  .text-center {
      text-align: center !important;

  }