#main-content.home-page {
  min-height: 490px;
  padding: 20px 5%;
  background: url(../images/ltm_background.svg), #f6f6f6;
  background-position: top center;
  background-repeat: no-repeat;
}

a {
  cursor: pointer !important;
}

.row.top-back {
  background: #fff;
  padding: 10px;
  border-radius: 20px !important;
}
.top-nav-items {
  display: inline-block;
  padding-left: 30px;
}

  .top-nav-items ul {
    display: flex;
    list-style-type: none;
    gap: 30px;
    align-items: center;
    height: 50px;
  }

    .top-nav-items ul li a {
      line-height: 30px;
      color: #fdfdfd;
      font-size: 15px;
      font-weight: 500;
      vertical-align: text-top;
    }

      .top-nav-items ul li a.active {
        color: #ffd712;
        font-weight: 600;
      }

.proposal-details span.rejected {
  background-color: #de4242;
  border: 1px solid #de4242;
}

/*** banner section ***/
.carousel-item-box {
  background-color: #f2f2f2;
  height: 380px;
  border-radius: 6px;
}

  .carousel-item-box.submit-idea {
    background: url(../images/banner_1_bg.svg);
    background-size: cover;
    background-position: bottom 80% center;
  }

  .carousel-item-box.submited-ideas {
    background: url(../images/ltm_background.svg) #1a1a1a !important;
    background-size: cover;
  }
/*** banner-1 ***/
.banner-1-content {
  position: absolute;
  bottom: 10%;
  left: 5%;
}

  .banner-1-content h2 {
    color: #fff;
    font-weight: 600;
    font-size: 38px;
    margin-bottom: 0px;
  }

  .banner-1-content p {
    margin-bottom: 0px;
    color: #fff;
    font-size: 15px;
  }

a.banner-btn {
  margin-top: 20px;
  padding: 10px 18px;
  background: #F4FBC1;
  border-radius: 8px;
  color: #1a1a1a;
  display: inline-block;
}
/*** banner-2 ***/
.banner-2-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  
  color: #fff !important;
}
option:disabled {
  background: #c9c9c9 !important;
}
.idea-sumited-count {
  display: flex;
  gap: 30px;
  margin-top: 25px;
}

.count-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}

  .count-text h4 {
    font-size: 24px;
    font-weight: 600;
    font-style: italic;
    margin-bottom: 0px;
  }

.sumited-count-box {
  border-radius: 32.941px;
  border: 10px solid #fff;
  background: #1a1a1a;
  box-shadow: 0 180.765px 72.471px 0 rgba(0, 0, 0, 0.02), 0 0 0 0 rgba(0, 0, 0, 0.12);
  width: 320px;
}

  .sumited-count-box ul {
    list-style-type: none;
    margin: 0px 20px;
    display: flex;
    height: 85px;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    overflow: hidden;
  }

    .sumited-count-box ul li {
      color: #fff;
      width: 25%;
      text-align: center;
      font-size: 36px;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: 600;
    }

      .sumited-count-box ul li:after {
        height: 100%;
        width: 1px;
        content: "";
        position: relative;
        background-color: #ccc;
        left: 18px;
      }

      .sumited-count-box ul li:first-child:before {
        height: 100%;
        width: 1px;
        content: "";
        position: relative;
        background-color: #ccc;
        left: -3px;
      }

      .sumited-count-box ul li:last-child:after {
        left: 10px;
      }

.ideas-implemented-count {
  border-radius: 14.043px;
  border: 1.755px solid #e6edff;
  background: linear-gradient( 90deg, #ff5e4f 0%, #1a1a1a 100% );
  height: 100px;
  max-width: calc(100% - 55%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 20px;
  min-width: calc(100% - 65%);
}

.submited-ideas .ideas-implemented-count {
  min-width: calc(100% - 65%);
  max-width: calc(100% - 55%);
}

.count-percentage span {
  font-size: 40px;
  color: #fff;
  font-weight: 600;
  margin-right: 10px;
  letter-spacing: 4px;
}

.count-percentage {
  display: flex;
}

.standing-line {
  width: 2px;
  height: 100%;
  background-color: #fff;
}

.implemented-info h4 {
  font-size: 38px;
  margin-bottom: 0px;
  color: #fff;
  letter-spacing: 5px;
  font-weight: 600;
}

.implemented-info span {
  font-size: 14px;
  color: #fff;
  font-weight: 600;
}
/** 3rd row ***/
.ideas-implemented-areas {
  border-radius: 14.043px;
  border: 1.755px solid #e6edff;
  background: #fff;
  display: flex;
  padding: 10px 32px;
  align-items: center;
  margin-top: 20px;
  max-width: calc(100% - 35%);
  overflow: hidden;
}

.carousel-track {
  transition: transform 0.5s ease-in-out;
  display: flex;
}

.ideas-implemented-areas ul,
.ideas-implemented-areas ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  gap: 20px;
}

.ideas-implemented-areas ul {
  gap: 30px;
}

.area-list-item h5 {
  color: #1d1d1d;
  margin-bottom: 0px;
  font-size: 30px;
  font-weight: 600;
}

.area-list-item span {
  color: #5a5a5a;
  font-size: 16px;
  white-space: nowrap;
  max-width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  height: 25px;
  text-align: center;
  line-height: 20px;
}

.ideas-implemented-areas ul li:after {
  width: 2px;
  height: 100%;
  background: linear-gradient(150deg, rgba(153, 111, 39, 0) 0%, #ffb941 100%);
  content: "";
  position: absolute;
  left: -16px;
}

ul.slide-item:nth-child(2):before {
  width: 2px;
  height: 100%;
  background: linear-gradient(150deg, rgba(153, 111, 39, 0) 0%, #ffb941 100%);
  content: "";
  position: absolute;
  left: -16px;
}

.ideas-implemented-areas ul li {
  height: 60px;
  max-width: 180px;
  width: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
}

  .ideas-implemented-areas ul li img {
    width: 48px;
    height: 48px;
  }

  .ideas-implemented-areas ul li:first-child:after {
    width: 0px;
  }

.area-list-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 130px;
  max-width: 200px;
}

.how-to-content h2 {
  color: #0d141c;
  font-feature-settings: "dlig" on;
  font-family: 'ES Klarheit Grotesk';
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 127.273% */
  margin-top: 18px;
}

.how-content-img {
  width: 100%;
}

  .how-content-img img {
    width: 100%;
  }

.footer {
  width: 100%;
  height: 190px;
  background: url("../images/footer_bg.svg");
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-size: cover;
}

  .footer h4 {
    color: #fdfdfd;
    text-align: center;
    font-size: 34px;
    font-weight: 600;
    letter-spacing: -0.438px;
  }

.rolling-list li span,
.rolling-list li:nth-child(3) span {
  animation: roll 2s ease-in-out;
  overflow: hidden;
}

.rolling-list li:nth-child(2) span {
  animation: roll1 2s ease-in-out;
  overflow: hidden;
}

.rolling-list li:nth-child(5) span {
  animation: roll2 2s ease-in-out;
  overflow: hidden;
}

@keyframes roll {
  0% {
    transform: translateY(-100px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes roll1 {
  0% {
    transform: translateY(100px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes roll2 {
  0% {
    transform: translateY(-200px);
  }

  100% {
    transform: translateY(0);
  }
}

a.cus-nav-link.nav-link {
  color: #1a1a1a;
  font-size: 14px;
  font-weight: 500;
  border: 0px;
  border-bottom: 3px;
  border-radius: 0px;
  padding: 8px 12px;
}

  a.cus-nav-link.nav-link.active {
    border: 0px;
    border-bottom: 3px solid #ff5e4f;
    color: #ff5e4f;
    background-color: #ff5e4f;
    font-weight: 500;
  }

a.cus-nav-link.cus-nav-noBg.nav-link {
  margin-right: 20px;
}

.nav-tabs-noBR {
  border-bottom: 2px solid #efefef !important;
}

a.cus-nav-link.cus-nav-noBg.nav-link.active {
  border: 0px;
  border-bottom: 2px solid #ff5e4f;
  color: #ff5e4f;
  background-color: transparent;
  font-weight: 600;
}

.cus-panel {
  padding: 25px 20px !important;
  min-height: 100px;
  animation: myAnim 0.5s ease-out 0s 1 alternate none;
}
/*** table properties ***/
.table-wrap {
  max-height: 270px;
  overflow-x: auto;
  overflow-y: auto;
}

  .table-wrap::-webkit-scrollbar {
    height: 6px !important;
  }

table {
  border-collapse: collapse;
  width: 100%;
  border: 0px;
  border: 1px solid #ddd !important;
}

th,
td {
  border: 0px !important;
}

thead th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.table-wrap table thead th {
  background-color: #f2f2f2;
  padding: 8px 12px;
  line-height: 25px;
  white-space: nowrap;
  text-align: center;
  font-weight: 500;
  color: #202224;
  height: 30px;
  font-size: 14px;
  padding: 10px !important;
  border: 1px solid #ddd !important;
}

.table-wrap table tbody td {
  line-height: 25px;
  font-size: 14px;
  color: #202224;
  height: 30px;
  padding: 8px 12px;
  background-color: #f4f9fd;
  word-break: break-word;
  max-width: 220px;
  font-weight: 500;
  padding: 10px !important;
  border: 1px solid #ddd !important;
}

.table-wrap table tbody tr:nth-child(even) {
  background-color: #f4f4f4;
}

.table-wrap {
  border: 1px solid #e5e8eb;
  margin-bottom: 20px;
  border-radius: 3px;
}

  .table-wrap tr td input,
  .table-wrap tr td select {
    border: 0px solid #ccc;
    border-radius: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: transparent;
  }

  .table-wrap table tbody td span {
    color: #4a739c;
    font-size: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .table-wrap table tbody td i {
    color: #0077bd;
    font-size: 15px;
  }

  .table-wrap table tbody td:first-child {
    text-align: center;
  }

  .table-wrap table tbody td span {
    color: #000000;
    font-size: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .table-wrap table {
    margin-bottom: 0px;
    position: relative;
  }

.table-wrap {
  min-height: 150px;
}

  .table-wrap table thead th,
  .table-wrap table tbody td {
    text-align: left !important;
  }

  .table-wrap table thead th {
    z-index: 98;
    font-weight: 600;
  }

select.tableSelect {
  min-width: 130px;
}

table.td_th_border th,
table.td_th_border td {
  border: 1px solid #dee2e6 !important;
}

th .check-group {
  margin-bottom: 0px;
}

.table-wrap table tbody td {
  background-color: transparent;
}

tr {
  border-bottom: 1px solid #e5e8eb;
}
/*** table with no data ***/
.nodata {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}

  .nodata h2 {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
  }
/*** table buttons ***/
button.Open {
  background-color: #8ab6f8;
  border-radius: 5px;
  border: 1px solid #8ab6f8;
  color: #0d141c;
  font-size: 12px;
  font-weight: 600;
  padding: 1px 8px;
  min-width: 108px;
  white-space: nowrap;
  cursor: pointer;
}

button.accepted {
  background-color: #acee96;
  border-radius: 5px;
  border: 1px solid #acee96;
  color: #0d141c;
  font-size: 12px;
  font-weight: 600;
  padding: 1px 8px;
  min-width: 108px;
  white-space: nowrap;
  cursor: pointer;
}

button.duplicate {
  background-color: #ff8b8b;
  border-radius: 5px;
  border: 1px solid #ff8b8b;
  color: #0d141c;
  font-size: 12px;
  font-weight: 600;
  padding: 1px 8px;
  min-width: 108px;
  white-space: nowrap;
  cursor: pointer;
}

button.sentBack {
  background-color: #ffb941;
  border-radius: 5px;
  border: 1px solid #ffb941;
  color: #0d141c;
  font-size: 12px;
  font-weight: 600;
  padding: 1px 8px;
  min-width: 108px;
  white-space: nowrap;
  cursor: pointer;
}

button.implemented {
  background-color: #acee96;
  border-radius: 5px;
  border: 1px solid #acee96;
  color: #0d141c;
  font-size: 12px;
  font-weight: 600;
  padding: 1px 8px;
  min-width: 108px;
  white-space: nowrap;
  cursor: pointer;
}
button.Draft {
  background-color: gray;
  border-radius: 5px;
  border: gray;
  color: #0d141c;
  font-size: 12px;
  font-weight: 600;
  padding: 1px 8px;
  min-width: 108px;
  white-space: nowrap;
  cursor: pointer;
}
button.draft {
  background-color: gray;
  border-radius: 5px;
  border: gray;
  color: #0d141c;
  font-size: 12px;
  font-weight: 600;
  padding: 1px 8px;
  min-width: 108px;
  white-space: nowrap;
  cursor: pointer;
}

button.rejected {
  background-color: #de4242;
  border-radius: 5px;
  border: 1px solid #de4242;
  color: #0d141c;
  font-size: 12px;
  font-weight: 600;
  padding: 1px 8px;
  min-width: 108px;
  white-space: nowrap;
  cursor: pointer;
}

button.release {
  background-color: #acee96;
  border-radius: 5px;
  border: 1px solid #acee96;
  color: #0d141c;
  font-size: 12px;
  font-weight: 600;
  padding: 1px 8px;
  min-width: 108px;
  white-space: nowrap;
  cursor: pointer;
}


/*** reviewer dashboard ***/
.search-box {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0px;
  position: relative;
  height: 40px;
  width: 100%;
  margin-bottom: 10px;
}

  .search-box input[type="search"] {
    background-image: url(../images/search.svg);
    background-repeat: no-repeat;
    background-position: left 4px center;
    color: #292929;
    margin-bottom: 9px;
    width: 100%;
    height: 35px !important;
    line-height: 16px;
    font-size: 16px;
    transition: 0.5s ease;
    max-width: inherit;
    border-radius: 5px;
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    text-indent: 30px;
    margin-bottom: 0px;
    padding-right: 30px;
  }

a.filter {
  position: absolute;
  right: 10px;
  z-index: 99;
}

h3.main-heading {
  font-size: 20px;
  color: #0d141c;
  font-weight: 500;
}

  h3.main-heading.strong {
    font-weight: 600;
  }

tr {
  border-bottom: 1px solid #e5e8eb;
}

.total-cards {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100px;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 15px;
}

.card-item-box {
  background: #e8edf5;
  height: 90px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 15px;
  border-radius: 6px;
  width: 30%;
}

  .card-item-box h5,
  .card-item-box span {
    color: #0d141c;
  }

  .card-item-box h5 {
    font-size: 18px;
    font-weight: 500;
  }

  .card-item-box span {
    font-size: 24px;
    font-weight: 600;
  }

a.text-blue {
  font-size: 13px;
  color: #ff5e4f !important;
  font-weight: 600;
  cursor: pointer;
}

.modal-dialog.cus-modal-dialog.model-sm.model-filter {
  top: -28px;
  height: calc(100vh - 60px);
  position: absolute;
  right: 0px;
  transition: 0.5s ease-in;
  animation: myAnim 0.5s ease-out 0s 1 alternate none;
}

.model-sm.model-filter .cus-modal-header {
  padding: 5px;
  background: #ff5e4f !important;
  box-shadow: 0px 3px 6px #00000029;
  
}

.modal-dialog.cus-modal-dialog.model-sm {
  max-width: 40vw;
  top: 10%;
}

.model-sm.model-filter .model-title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

  .model-sm.model-filter .model-title h4 {
    font-size: 18px;
    color: #1a1a1a;
    margin-bottom: 0px;
    line-height: 25px;
    font-weight: 400;
  }

.model-sm.model-filter .model-close button {
  background-color: transparent;
  border: 0px;
  min-width: 16px;
}

:focus {
  outline: none !important;
  box-shadow: none;
}

@keyframes myAnim {
  0% {
    transform: scale(0.5);
    transform-origin: 100% 50%;
  }

  100% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
}

.model-filter .modal-content.cus-modal-content {
  height: calc(100% - -60px);
}

  .model-filter .modal-content.cus-modal-content
  Specificity: (0,3,0) {
    height: calc(100% - -60px);
  }

.model-sm.model-filter .center-content {
  max-height: calc(100vh - 130px);
  overflow: auto;
}

.model-sm.model-filter .model-bottons.filter-buttons {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  left: 0px;
  bottom: 0px;
  padding: 15px 0px;
  box-shadow: 0px -4px 3px #0000000a;
}

.model-sm.model-filter button.de-btn-secondary,
.de-btn-secondary {
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #ff5e4f;
  background: #fff;
  color: #ff5e4f;
  height: 38px;
  padding: 3px 10px;
  font-size: 15px;
  font-weight: 500;
  margin-right: 25px;
  transition: 0.3s ease;
  cursor: pointer;
  line-height: 18px;
  box-shadow: 0px 3px 6px #00000029;
}

.model-sm.model-filter .de-btn-primary,
.de-btn-primary {
  display: inline-block;
  color: #1a1a1a;
  transition: 0.3s ease;
  cursor: pointer;
  text-align: center;
  line-height: 18px;
  padding: 3px 15px;
  font-size: 15px;
  margin-right: 25px;
  height: 38px;
  border: 1px solid #ff5e4f;
  background: #ff5e4f;
  box-shadow: 0px 3px 6px #00000029;
  font-weight: 700;
}

.model-sm.model-filter .model-bottons button {
  padding: 3px 25px;
  min-width: 120px;
  border-radius: 8px;
}

.model-sm.model-filter label.de-label {
  font-size: 13px;
  color: #292929;
  font-weight: 500;
  display: block;
}

.mat-mdc-form-field .mdc-text-field--disabled {
  background-color: #f9f9f9 !important; /* your disabled bg */
}

select.de-select {
  -webkit-appearance: none;
  -moz-appearance: window;
  padding: 2px 50px 2px 2px;
  border: none;
  background-image: url(../images/dropdown_simple.svg);
  background-repeat: no-repeat;
  background-position: right 8px center;
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #acacac;
  border-radius: 8px;
  line-height: 30px;
  font-size: 15px;
  text-indent: 10px;
}

select:invalid {
  color: #757575;
}

.form-buttons button {
  height: 35px;
  border-radius: 10px;
  width: 110px;
}

.form-buttons {
  margin: 15px 0px;
}

.mr-top-20 {
  margin-top: 20px;
}
/** my ideas page **/
h3.page-heading {
  color: #0d141c;
  font-size: 28px;
  font-weight: 600;
}

p.page-para {
  color: #0d141c;
  font-size: 16px;
  margin-bottom: 10px;
}

.proposal-details {
  display: flex;
  gap: 30px;
  margin-bottom: 15px;
}


  .proposal-details strong {
    color: #4a739c;
    font-size: 14px;
  }

  .proposal-details span {
    background-color: #acee96;
    border-radius: 5px;
    border: 1px solid #acee96;
    color: #0d141c;
    font-size: 12px;
    font-weight: 600;
    padding: 1px 8px;
    min-width: 108px;
    white-space: nowrap;
    text-align: center;
  }
    .proposal-details span.draft {
      background-color: gray;
      border: 1px solid gray;
    }

    .proposal-details span.sentBack {
      background-color: #ffb941;
      border: 1px solid #ffb941;
    }

    .proposal-details span.duplicate {
      background-color: #ff8b8b;
      border: 1px solid #ff8b8b;
    }

    .proposal-details span.accepted {
      background-color: #acee96;
      border: 1px solid #acee96;
    }

    .proposal-details span.Open {
      background-color: #8ab6f8;
      border: 1px solid #8ab6f8;
    }

    .proposal-details span.clarified {
      background-color: #00ffff;
      border: 1px solid #00ffff;
    }

.status {
  margin-top: 20px;
}

h4.heading-h4 {
  color: #0d141c;
  font-size: 20px;
  font-weight: 600;
  margin: 8px 0px;
  margin-bottom: 10px;
}

.status p {
  font-size: 18px;
  margin-bottom: 10px;
  color: #0d141c;
}

.status .progress {
  border-radius: 4px;
  height: 8px;
  margin-bottom: 10px;
}

.status .progress-bar {
  background-color: #3d99f5;
}

p.estimated-text {
  color: #4a739c;
  font-size: 14px;
}

ul {
  list-style-type: none;
}

.timeline ul {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: space-between;
}

  .timeline ul li {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  .timeline ul li {
    width: 25%;
  }

.timeline-title {
  display: flex;
  gap: 20px;
}

.timeline-empty {
  display: flex;
  gap: 8px;
  flex-direction: column;
  padding-left: 30px;
  min-height: 15px;
  border-left: 2px solid #4cb828;
  margin-left: 12px;
}

.timeline-info {
  display: flex;
  gap: 8px;
  flex-direction: column;
  padding-left: 30px;
  min-height: 20px;
  border-left: 2px solid #4cb828;
  margin-left: 12px;
}

  .timeline-info.inprogress {
    border-left: 2px solid #cfdbe8;
  }

span.timeline-date {
  font-size: 14px;
  color: #482475;
}

.timeline {
  margin: 15px 0px;
}

h3.num-heading {
  color: #0d141c;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 0px;
}

.submit-idea textarea {
  border: 1px solid #5f6368;
  border-radius: 8px;
  min-height: 100px;
  width: 100%;
  color: #0d141c;
}

.ai-buttons {
  display: flex;
  gap: 25px;
  margin: 10px 0px;
}

button.ai-secondary {
  border: 1px solid #004c88;
  background-color: #fff;
  border-radius: 8px;
  padding: 4px 15px;
  color: #004c88;
  font-size: 14px;
}

button.ai-primary {
  border: 1px solid #004c88;
  background-color: #004c88;
  border-radius: 8px;
  padding: 4px 15px;
  color: #fff;
  font-size: 14px;
}

.input-box label {
  font-size: 15px;
  color: #0d141c;
}

span.star {
  color: red !important;
  font-size: 15px;
  margin-left: 2px;
}

.input-box {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}


  .input-box input {
    border: 1px solid rgb(95, 99, 104);
    border-radius: 3px;
    width: 100%;
    margin-bottom: 15px;
    min-height: 35px;
    color: rgb(13, 20, 28);
  }

  .input-box select {
    height: 35px;
    border-radius: 3px;
    font-size: 14px;
    color: #0d141c;
    background: #f6f6f6;
  }

.file-upload {
  border: 1px solid #5f6368;
  border-radius: 8px;
  min-height: 100px;
  width: 100%;
  color: #0d141c;
}

input[type="file"] {
  border: 0px;
  margin: 5px;
  max-width: 99%;
}

textarea, input, select {
  padding-left: 10px;
  background: #f7fafc;
  border-radius: 8px !important;
  border: 1px solid #CFDBE8;
}

  input[type="file"]::-webkit-file-upload-button {
    background: #ff5e4f !important;
    color: #0d141c !important;
    border: 1px solid #ff5e4f !important;
    padding: 3px 15px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500 !important;
    cursor: pointer;
  }
/** my idea **/
.footer.small-banner {
  height: 100px;
  background-position: center;
}

.submit-idea {
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.submit-idea-banner {
  display: flex;
  gap: 20px;
}

.submit-idea h3 {
  font-size: 21px;
  margin-bottom: 0px;
}

.submit-idea-button {
  display: flex;
  justify-content: center;
  align-items: center;
}

  .submit-idea-button a {
    color: #000000;
    border: 1px solid #F4FBC1;
    padding: 6px 18px;
    border-radius: 50px;
    font-size: 14px;
    background-color: #F4FBC1;
    font-weight: 600;
    line-height: 25px;
  }

.table-action-buttons {
  display: flex;
  justify-content: flex-end;
  margin: 10px 0px;
}

  .table-action-buttons button {
    border: 0px;
    background-color: transparent;
    font-size: 15px;
  }

    .table-action-buttons button img {
      margin-left: 5px;
    }
/*** cards ***/
.card-header.cus-card-header.collapsed {
  cursor: pointer;
}

.mat-mdc-paginator-page-size-select
.mdc-notched-outline__leading,
.mat-mdc-paginator-page-size-select
.mdc-notched-outline__trailing {
  border: 0px
}

 

.cards-box {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 12px #0000001f;
  border-radius: 8px;
  padding: 35px;
  min-height: calc(100vh - 95px);
  margin-bottom: 20px;
}

.cards-box {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 12px #0000001f;
  border-radius: 8px;
  padding: 35px;
  min-height: calc(100vh - 95px);
  margin-bottom: 20px;
}

.card-header.cus-card-header {
  padding: 5px 16px;
  background-color: #fff;
  border-bottom: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

span.title {
  font-size: 16px;
  color: #000000de;
  line-height: 22px;
  font-weight: 600;
}

.card.cus-card {
  margin-bottom: 5px;
  border: 1px solid #0000001f !important;
  border-radius: 8px !important;
}

.card-body.cus-card-body {
  padding: 0px 18px;
  padding-bottom: 20px;
}

.card-header .state-icon:after {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url(../images/arrow_down.svg);
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
}

.card-header:not(.collapsed) .state-icon:after {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url(../images/arrow_up.svg);
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
}

.form-details-box {
  border: 1px solid #cfdbe8;  border-radius: 8px;
  padding: 15px;
  min-height: 100px;
  background: #fff;
}

.form-header.new-header-banner h2 button {
  right: 50px;
  position: absolute;
}
.reviewer-details strong {
  font-size: 14px;
  color: #5a5a5a;
}

  .reviewer-details strong span {
    color: #59738c;
    font-size: 13px;
  }

h3.header-h3 {
  color: #0d141c;
  font-size: 20px;
  margin-top: 20px;
  font-weight: 600;
}

.form-inputs label {
  color: #000000 !important;
  font-size: 16px;
  font-weight: 600;
}


.form-inputs .input-box span {
  color: #0D141C;
  font-size: 14px;
  line-height: 20px;
  word-break: break-word;
  max-height: 80px;
  overflow: auto;
  padding-right: 8px;
}

h3.header-h3.mr-10 {
  margin: 10px 0px;
}

.input-box-outer {
  border: 1px solid #cfdbe8;
  border-radius: 8px;
  padding: 15px;
  min-height: 100px;
  margin-bottom: 15px;
  display: flex;
  position: relative;
  background:#f6f6f6;
}
  /*85,78,1202,1414*/
  .input-box-outer button {
    border: 0px;
    background-color: transparent;
    position: absolute;
    right: 8px;
    bottom: 15px;
    cursor:pointer;
  }

.input-text-pop {
  flex: 0 0 95%;
}
/*** modals **/
.modal-header.cus-modal-header {
  padding: 0px;
}


.modal-header .close {
  margin: 0px;
  font-size: 14px;
  text-shadow: none;
  color: #ffffff;
  padding: 0px;
}

  .modal-header .close img {
    margin-left: 5px;
    width: 11px;
  }

.modal-open .modal {
  z-index: 99999;
}

h2.modal-h2 {
  font-size: 15px;
  color: #000000de;
  font-weight: 500;
  margin-bottom: 0px;
}

  h2.modal-h2 img {
    margin-right: 8px;
  }

.model-Alert .modal-content.cus-modal-content {
  padding: 15px;
  padding-top: 0px;
}

.modal-header.cus-modal-header {
  border-bottom: 0px;
  display: flex;
  justify-content: space-between;
  padding: 10px 0px;
  align-items: center;
}

.alert-body {
  padding: 10px;
}

.modal-dialog.cus-modal-dialog.model-Alert {
  box-shadow: 0px 3px 12px #0000001f;
  border-radius: 8px 0px 0px 8px;
  transition: 0.5s ease-in;
  animation: AnimCenter 1s ease 0s 1 normal forwards;
  max-width: 55vw !important;
  top: 4%;
}

@keyframes AnimCenter {
  0% {
    transform: scale(0.5);
  }

  100% {
    transform: scale(1);
  }
}

.model-title h4 {
  font-size: 20px;
  color: #004b86;
  font-weight: 600;
}

.model-close button {
  background-color: transparent;
  border: 0px;
}

h3.modal-h3 {
  font-size: 16px;
  color: #000000de;
  font-weight: 500;
  margin-bottom: 24px;
}

.modal-dialog.cus-modal-dialog.model-sm.model-Alert {
  max-width: 50vw !important;
}

.input-text-pop textarea {
  width: 100%;
  resize: none;
  min-height: 65px;
  border: 0px;
  background-color: transparent;
}

.ai-genrate-text {
  background-color: #f7fafc;
  border: 1px solid #cfdbe8;
  border-radius: 3px;
  height: 75px;
  margin-bottom: 15px;
  position: relative;
}

textarea.ai-textarea {
  width: 100%;
  height: 75px;
  resize: none;
  background-color: transparent;
  border: 0px;
  font-size: 14px;
}

.ai-genrate-text button {
  position: absolute;
  display: flex;
  right: 10px;
  background-color: transparent;
  border: 0px;
  color: #70777b;
  bottom: 14px;
  font-size: 14px;
  background-color: #f0f0f0;
}

  .ai-genrate-text button img {
    margin-left: 4px;
  }

.center-btn-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

#chatDisplay {
  font-family: "ES Klarheit Grotesk";
}

.center-btn-box button {
  height: 30px;
  border-radius: 6px;
}

.form-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

  .form-header button {
    background-color: transparent;
    border: 0px;
  }

  .form-header h3 {
    margin: 0px !important;
  }

  .form-header button img {
    width: 20px;
  }
/** sussess message **/
.idea-success-message {
  display: flex;
  flex-direction: column;
  align-items: center;
}

  .idea-success-message img {
    width: 100px;
  }

  .idea-success-message p {
    margin-bottom: 10px;
    font-size: 16px;
    color: #1b1b1b;
  }

    .idea-success-message p a {
      font-style: italic;
      color: #2196f3;
    }

.mr-20 {
  margin-top: 20px;
}

.table-action-buttons.flex-start-item {
  justify-content: flex-start;
}

button.blue-btn {
  background-color: #ff5e4f;
  border-radius: 3px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1a1a1a;
}

  button.blue-btn img {
    margin-right: 5px;
  }
/** home page sticky button***/
a.submit-idea-sticky {
  background-color: #ff5e4f;
  border: 1px solid #ff5e4f;
  box-shadow: 0px 6px 15px 0px #00000040;
  padding: 8px 10px;
  border-radius: 39px;
  color: #1a1a1a;
  font-size: 14px;
  min-height: 35px;
  text-decoration:none;
}

  a.submit-idea-sticky img {
    width: 13px;
    margin-left: 5px;
  }

/*.sticky-button {
  position: fixed;
  z-index: 999;
  right: 60px;
  bottom: 10%;
}*/
.sticky-button {
  position: fixed;
  z-index: 999;
  right: 83px;
  bottom: 10px;
}

a.idea-icon {
  background-color: #F4FBC1;
  padding: 8px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 4px 4px 4px 0px #00000040;
}
/*** footer ***/
.footer-section {
  display: flex;
  flex-direction: column;
}

.footer-main-content {
  display: flex;
  justify-content: space-between;
  padding: 30px 0px;
  overflow: hidden;
  gap: calc(100% - 80%);
}

  .footer-right {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0px;
  gap: 20px;
}

  .footer-right ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-inline-start: 0px;
  }

ul.center-links {
  justify-content: center;
  align-items: center;
}

ul.right-links {
  justify-content: flex-end;
  align-items: flex-end;
}

.footer-right ul li a {
  color: #010101 !important;
  font-size: 14px;
}

  .footer-right ul li a:hover {
    text-decoration: none !important;
    color: #ff5e4f !important;
  }

.footer-left img {
  width: 80%;
}

.footer-left {
  display: flex;
}

.footer-section p {
  height: 30px;
  text-align: center;
  color: #4f7396;
  font-size: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0px;
}
/*** slider ***/
.slider-container {
  position: relative;
  margin: auto;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

  .slider-container .slider-wrapper {
    overflow: hidden;
    flex: 0 0 80%;
    background: #fff;
    max-width: calc(100vw - 30%);
  }

  .slider-container .slider {
    display: flex;
    transition: transform 0.5s ease-in-out;
  }

  .slider-container .slide {
    flex: 0 0 30%;
    box-sizing: border-box;
    padding: 10px;
    background: #fff;
    position: relative;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
  }

  .slider-container .navigation {
    background: #fff;
    color: #649cd8;
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 1;
  }

  .slider-container .left {
    left: 0;
  }

  .slider-container .right {
    right: 0;
  }

  .slider-container .slide::after {
    width: 2px;
    height: 90%;
    background: linear-gradient(150deg, rgba(153, 111, 39, 0) 0%, #ffb941 100%);
    content: "";
    position: absolute;
    left: -16px;
    display: inline-block;
    top: 0px;
  }

.exlopre-ideas {
  display: flex;
  justify-content: flex-start;
  gap: 20px;
  width: 100%;
  overflow: hidden;
}

.ideas-implemented-list {
  /* flex: 0 0 22%; */
  /* flex: 1; */
  position: relative;
}

.exlopre-ideas .count-percentage img {
  width: 45px !important;
}

.exlopre-ideas .ideas-implemented-count {
  padding: 0px 10px;
  height: 80px;
  gap: 10px;
  max-width: 120px !important;
  min-width: 230px;
}

.exlopre-ideas .implemented-info h4 {
  font-size: 30px;
}

.exlopre-ideas .implemented-info span {
  font-size: 12px;
  font-weight: 500;
}

.slider-container button {
  height: 80px;
  flex: 0 0 3%;
}

button.navigation:disabled {
  color: #cacaca;
  cursor: not-allowed;
}

.slide.active h5,
.slide.active span {
  color: #004c88;
}

.custom-checkbox {
  width: 20px;
  height: 20px;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("../images/Checkbox_unselected.svg");
  background-size: cover;
  cursor: pointer;
  border: none;
  outline: none;
  transition: all 0.3s ease;
  vertical-align: bottom;
}

  .custom-checkbox:checked {
    background-image: url("../images/Checkbox_selected.svg");
    transition: all 0.3s ease;
  }

.inputs-items {
  display: flex;
  align-items: center;
  gap: 20px;
}

.input-actions {
  display: flex;
  gap: 10px;
  height: 40px;
  align-items: center;
  white-space: nowrap;
}
thead tr th:after {
  box-shadow: 0px 2px 4px -2px #ccc !important;
  content: "";
  height: 8px;
  position: absolute;
  bottom: -2px;
  right: 0px;
  left: 0px;
}

.inputs-items.input-4 {
  justify-content: space-between;
}

.input-actions button {
  border: 0px;
  background-color: transparent;
}

  .input-actions button img {
    width: 23px;
  }

.inputs-items .input-box {
  flex: 0 0 20%;
}

.highlighted {
  background-color: #ffffff !important;
}

.delete_grey {
  content: url(../images/delete_grey.svg);
  transition: all 0.3s ease;
}

.delete_blue {
  content: url(../images/delete_blue.svg);
  transition: all 0.3s ease;
}

.card-left.card-header.card-center {
  background-color: transparent;
  border-bottom: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0px;
}

.cus-card-header.logs-head {
  display: flex;
  justify-content: space-between;
  padding-right: 15px;
}

  .cus-card-header.logs-head button {
    background-color: transparent;
    border: 0px;
  }

.card.cus-card.no-border {
  border: 0px !important;
  background-color: transparent;
}

.mar-20 {
  margin-top: 20px;
}

.cus-card-header.logs-head button img {
  width: 15px;
}

.cus-card-header.logs-head .card-header .state-icon:after {
  background-image: url(../images/arrow_up_blue.svg);
}

.cus-card-header.logs-head .card-header:not(.collapsed) .state-icon:after {
  background-image: url(../images/arrow_down_blue.svg);
}

span.info img {
  width: 16px;
  cursor:pointer;
}
.btn{
    cursor:pointer;
}
a{cursor:pointer}
span.anchor {
  color: #1f7cce !important;
  font-size: 13px;
  cursor:pointer;
}

.cus-card-header.logs-head button img {
  margin-left: 10px;
}

.check-item .custom-checkbox {
  margin-left: 8px;
}

.inputs-items.input-4 .input-box {
  margin-bottom: 0px;
}

.mat-mdc-form-field-infix {
  padding: 0px !important;
  height: 35px !important;
  min-height: 35px !important;
  line-height: 30px;
}

.mdc-line-ripple::before {
  border-bottom: 0px !important;
}

.file-upload {
  border: 1px solid #cfdbe8;
  border-radius: 8px;
  min-height: 100px;
  width: 100%;
  color: #0d141c;
  height: auto;
}

.mat-mdc-select-arrow > svg {
  display: none;
}

.mat-mdc-select-arrow {
  -webkit-appearance: none;
  -moz-appearance: window;
  border: none;
  background: url(../images/dropdown_simple.svg) !important;
  background-repeat: no-repeat !important;
  background-position: right 8px center;
  width: 8px !important;
  height: 7px !important;
}

.mdc-text-field--filled {
  border: 1px solid #ccc;
  border-radius: 5px;
}

.search-box {
  margin-top: 20px;
}

.progress {
  margin-bottom: 8px;
  height: 10px;
}

option {
  color: #000;
}

.mat-mdc-paginator .mat-mdc-select {
  line-height: 20px !important;
  padding: 0px 8px;
}

.mat-mdc-form-field .mdc-text-field:not(.mat-mdc-paginator .mdc-text-field) {
  min-width: 240px;
  min-height: 35px !important;
  background-color: #F6F6F6;
}

button.clarified {
  background-color: #05f3b8;
  border-radius: 5px;
  border: 1px solid #05f3b8;
  color: #0d141c;
  font-size: 12px;
  font-weight: 600;
  padding: 1px 8px;
  min-width: 108px;
  white-space: nowrap;
  cursor: pointer;
}

.anchor {
  color: #0072ed !important;
  cursor: pointer;
}

.mat-mdc-select-placeholder {
  color: #63666A !important;
  font-size: 14px;
}

.mat-pseudo-checkbox-checked, .mat-pseudo-checkbox-checked + span {
  color: rgb(255, 94, 79);
  
}
button.swal2-confirm.btn {
  background: #ff5e4f !important;
  border: 1px solid #ff5e4f !important;
  color: black !important;
  min-width: 80px;
  min-height: 36px;
}

button.swal2-confirm {
  background: #ff5e4f !important;
  border: 1px solid #ff5e4f !important;
  color: black !important;
  min-width: 80px;
  min-height: 36px;
}

button.swal2-cancel {
  background: #000000 !important;
  border: 1px solid #000000 !important;
  color: #fff !important;
   min-width: 80px;
  min-height: 36px;
}

button:focus{outline:0 !important; box-shadow:none !important;}
.input-box-outer:has(textarea:focus), select:focus, input:focus, mat-mdc-form-field-focus-overlay:focus {
  border: 1px solid #ff5e4f;
}

.attachmentStyle {
  padding: 10px;
  height: auto;
}

  .attachmentStyle span a {
    font-size: 14px;
    color: #004c88 !important;
    font-weight: 600;
  }

a.banner-btn:hover, .de-btn-primary:hover {
  background-color: #f2f2f2 !important;
  text-decoration: none;
  color:#010101 !important;
}
.modal-dialog .de-btn-primary:hover, .form-buttons .de-btn-primary:hover {
  background-color: #ff5e4f !important;
  color: #1a1a1a !important;
}

a.submit-idea-sticky:hover {
  background-color: #ff5e4f !important;
  color:#1a1a1a !important;
}

a.idea-icon:hover {
  background-color: #f2f2f2 !important;
}


ol.carousel-indicators li {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #D9D9D9;
}

  ol.carousel-indicators li.active {
    background-color: #5A5A5A
  }


ol.carousel-indicators {
  bottom: -40px;
  gap: 5px;
}

.mat-mdc-text-field-wrapper.mdc-text-field {
  border-radius: 8px !important;
  border: 1px solid #CFDBE8;
}

input.mat-datepicker-input {
  margin-bottom: 0px;
}

.mat-mdc-form-field-flex {
  height: 30px !important;
}

select {
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: window;
  background-image: url(../images/dropdown_simple.svg) !important;
  background-repeat: no-repeat !important;
  background-position: right 15px top 12px !important;
  background-size: 14px;
  display: block;
  width: 100%;
  text-indent: 8px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding-right: 30px;
  border-radius: 8px;
  border: 1px solid #CFDBE8;
  height: 35px;
  font-size: 14px;
  color: #000;
}

.attachment-list {
  padding: 8px 15px;
}

/*a.banner-btn:hover, .de-btn-primary:hover {
  background-color: #004c88;
  color: #fff !important;
}*/

/*a.submit-idea-sticky:hover {
  background-color: #ffffff;
  color: #000000;
}*/

/* a.submit-idea-sticky:hover img {
    filter: grayscale(100%) brightness(10%);
  }*/

select#role_empanel {
  padding: 0px !important;
  min-width: 140px;
  -webkit-appearance: auto;
  max-width: 150px;
  background-image: none !important;
  height: 25px;
}

input[type=checkbox] {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-left: 5px;
  margin-bottom: 0px;
}

.mat-calendar-body-disabled {
  color: #bdbdbd !important;
  background-color: #f5f5f5 !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}

textarea#chatDisplay {
  max-height: calc(100vh - 100px) !important;
  height: auto !important;
}

.ai-genrate-text {
  height: auto !important;
}

.hidden {
  display: none;
}

.disabled-field {
  opacity: 0.6;
  pointer-events: none;
}

  .disabled-field mat-form-field {
    background-color: #f5f5f5;
  }

  .disabled-field label {
    color: #999;
  }

mat-icon.mat-icon.notranslate.material-icons.mat-ligature-font.mat-icon-no-color {
  font-size: 0px;
}

  mat-icon.mat-icon.notranslate.material-icons.mat-ligature-font.mat-icon-no-color:after {
    content: "X";
    color: #ff5e4f;
    font-size: 16px;
    width: 22px;
    display: flex;
    text-transform: lowercase;
    height: 10px;
    /* background-color: #e7f6ff; */
    justify-content: center;
    align-items: center;
    border-radius: 50%;
  }


.model-md {
  max-width: 65%
}

span.footer-text {
  font-size: 12px;
  color: #959591;
}

.footer-sub-links {
  display: flex;
  padding: 10px 8px;
  background: #e3e1e1;
  border-radius: 3px;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}

  .footer-sub-links ul {
    padding-inline-start: 0px;
    flex: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0px !important;
    gap: 30px;
  }

    .footer-sub-links ul li:after {
      width: 1px;
      height: 22px;
      content: "";
      display: inline-block;
      background: #5e5c5c;
      position: absolute;
      right: -10px;
      top: 0px;
    }

    .footer-sub-links ul li:last-child:after {
      display: none;
    }

    .footer-sub-links ul li {
      position: relative;
    }

      .footer-sub-links ul li a {
        color: #000;
      }

.main-brand img {
  scale: 1.2;
  margin-left: 20px;
}

.progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  background-color: #ff5e4f !important;
  transition: width .6s ease;
}

a:hover {
  color: #ff5e4f !important;
  text-decoration: underline;
}
a {
  color: #ff5e4f;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

button.de-btn-secondary.btn-cancel {
  background: #000000;
  color: #fff !important;
  border: black;
}

/*------------------*/
.exlopre-ideas .implemented-info span {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px !important;
  display: inline-block;
}

.area-list-item span {
  color: #5a5a5a;
  font-size: 16px;
  white-space: nowrap;
  max-width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  height: 25px;
  text-align: center;
  line-height: 20px;
}

header.css:12
::-webkit-scrollbar {
  width: 7px;
  position: relative;
  height: 5px;
}

.modal-dialog.cus-modal-dialog.model-sm {
  max-width: 44vw;
  top: 10%;
}

.card-item-box h5 {
  font-size: 16px;
  font-weight: 500;
}

.card-item-box span {
  font-size: 32px;
  font-weight: 600;
  line-height: 30px;
}

.anchor {
  color: #ff5e4f !important;
  cursor: pointer;
}

.slide.active h5,
.slide.active span {
  color: #1D1D1D;
}

.card-item-box {
  background: #FFE4E1;
  height: 90px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 15px;
  border-radius: 20px;
  width: 30%;
}

.slider-container .navigation {
  background: #fff;
  color: #ff5e4f;
  border: none;
  padding: 10px;
  cursor: pointer;
  z-index: 1;
}

.card-item-box {
  background: #FFE4E1;
  height: 90px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 15px;
  border-radius: 20px;
  width: 30%;
}

.slider-container .slider-wrapper {
  overflow: hidden;
  flex: 0 0 80%;
  background: #fff;
  max-width: calc(100vw - 25%);
}

.table-wrap table thead th {
  background-color: #e9e9e9 !important;
  padding: 8px 12px;
  line-height: 25px;
  white-space: nowrap;
  text-align: center;
  font-weight: 700;
  color: #000;
  height: 30px;
  font-size: 14px;
  /*padding: 10px !important;*/
  border: 1px solid #ddd !important;
}

.table-wrap table tbody td {
  line-height: 25px;
  font-size: 14px;
  color: #000;
  height: 30px;
  padding: 8px 12px;
 /* background-color: #fff !important;*/
  word-break: break-word;
  max-width: 220px;
  font-weight: 500;
  padding: 10px !important;
  border: 1px solid #ddd !important;
}

button {
  border-radius: 20px !important;
  padding: 8px 16px !important;
  line-height: 12px !important;
}

.table-wrap, table, td:first-child, th:first-child, tr {
  /* border-radius: 20px; */
}

a.banner-btn {
  border-radius: 20px;
}

input, textarea, select {
  border-radius: 20px !important;
}

.proposal-details span {
  border-radius: 20px;
}

.form-details-box {
  border-radius: 20px;
}


.mat-mdc-text-field-wrapper.mdc-text-field {
  border-radius: 20px !important;
  border: 1px solid #CFDBE8;
}

.carousel-item-box {
  background-color: #f2f2f2;
  height: 380px;
  border-radius: 20px;
}

.footer {
  width: 100%;
  height: 190px;
  background: url(../images/footer_bg.svg);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-size: cover;
  border-radius: 20px;
}

.footer-sub-links {
  display: flex;
  padding: 10px 8px;
  background: #e3e1e1;
  border-radius: 3px;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  /*border-radius: 20px;*/
}
.table-wrap td button {
  min-width: 146px;
  height: 30px !important;
}
button,a {
    cursor:pointer;
}

.actions {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}

  .actions button {
    min-width: 30px !important;
    padding: 0px !important;
  }

.img-text-item:hover {
  color: #ff5e4f !important;
}

@media screen and (min-width: 320px) and (max-width: 667px) {
  .modal-dialog.cus-modal-dialog.model-sm.model-Alert {
    max-width: 95vw !important;
  }

  .form-buttons button {
    margin-top: 10px;
  }

  .idea-sumited-count {
    scale: 0.5;
  }

  .table-wrap table tbody td {
    white-space: nowrap;
  }

  .ideas-implemented-count {
    scale: 0.9;
    width: 300px;
    min-width: calc(100% - 0%) !important;
    max-width: calc(100% - 0%) !important;
  }

  .carousel-item-box.submited-ideas {
    height: auto;
  }

  .table-action-buttons {
    flex-direction: column;
    gap: 30px;
  }

  .ideas-implemented-areas {
    scale: 0.4;
    min-width: 100%;
  }

  .count-percentage span {
    font-size: 30px;
  }

  .count-percentage img {
    width: 30px;
  }

  .implemented-info h4 {
    font-size: 25px;
  }

  .standing-line {
    margin: 0px 24px;
  }

  .implemented-info span {
    font-size: 15px;
    line-height: 15px;
  }

  .carousel-item-box.submit-idea {
    background-size: auto;
  }

  .footer h4 {
    font-size: 10px;
  }

  .footer {
    background-size: 100% 100%;
    height: auto;
    background-repeat: no-repeat;
    height: 65px;
  }

  .table-wrap table tbody td {
    white-space: nowrap;
  }

  .modal-dialog.cus-modal-dialog.model-sm.model-filter {
    max-width: 95vw !important;
    top: 0px;
    height: 88vh;
  }

  .model-sm.model-filter .center-content {
    max-height: calc(100vh - 123px);
    overflow: auto;
  }

  .total-cards {
    display: flex;
    white-space: nowrap;
    flex-direction: row;
    padding: 0px 10px;
    overflow: auto;
    flex-wrap: nowrap;
  }

  .card-item-box {
    width: 70%;
  }

  .footer.small-banner {
    height: auto !important;
    background-size: auto;
    padding: 10px;
    margin: 10px 0px;
    border-radius: 3px;
  }

  .submit-idea-banner {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .submit-idea {
    align-items: center;
  }

  .timeline {
    display: flex;
    white-space: nowrap;
    flex-direction: row;
    padding: 0px 10px;
    overflow: auto;
    flex-wrap: nowrap;
    height: auto;
  }

  .input-text-pop {
    flex: 0 0 95%;
  }

  .footer-main-content {
    flex-direction: column;
  }

  .footer-right ul {
    width: 100%;
    justify-content: center;
    align-items: center;
  }

  .footer-right {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .footer-left {
    justify-content: center;
  }

  .exlopre-ideas {
    flex-direction: column;
  }

    .exlopre-ideas .ideas-implemented-count {
      max-width: 100%;
      width: 90%;
    }

  .inputs-items {
    flex-direction: column;
    gap: 0px;
  }

    .inputs-items .input-box {
      flex: 0 0 100% !important;
      width: 100%;
    }

  .input-actions {
    width: 100%;
    justify-content: flex-end;
    margin-bottom: 10px;
  }

  .cus-card-header.logs-head {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px 0px;
  }

    .cus-card-header.logs-head > div {
      margin-left: 8px;
    }

  .mat-mdc-form-field-flex {
    height: 30px;
  }

  a.banner-btn:hover {
    background-color: #004c88;
    color: #fff !important;
  }

  a.submit-idea-sticky:hover {
    background-color: #ffffff;
    color: #000000;
  }

    a.submit-idea-sticky:hover img {
      filter: grayscale(100%) brightness(10%) !important;
    }

  .top-nav-items {
    padding: 0px 10px !important;
    white-space: nowrap;
    overflow: auto hidden;
    max-width: 80%;
  }

  .flex-heder {
    overflow: hidden;
  }
}


@media screen and (min-width: 668px) and (max-width: 1024px) {
  .modal-dialog.cus-modal-dialog.model-sm.model-Alert {
    max-width: 70vw !important;
  }

  .form-buttons button {
    margin-top: 10px;
  }

  .input-text-pop {
    flex: 0 0 95%;
  }

  .timeline {
    display: flex;
    white-space: nowrap;
    flex-direction: row;
    padding: 0px 10px;
    overflow: auto;
    flex-wrap: nowrap;
    height: auto;
  }

  .footer h4 {
    font-size: 25px;
  }

  .ideas-implemented-count {
    width: 80%;
  }

  .modal-dialog.cus-modal-dialog.model-sm {
    max-width: 80vw;
    top: 10%;
  }

  .exlopre-ideas {
    flex-direction: column;
  }

    .exlopre-ideas .ideas-implemented-count {
      max-width: 100%;
      width: 90%;
    }

  .inputs-items {
    gap: 20px;
    flex-wrap: wrap;
  }

    .inputs-items .input-box {
      flex: 0 0 47% !important;
      width: 47%;
    }

  .input-actions {
    width: 100%;
    justify-content: flex-end;
    margin-bottom: 10px;
  }
}