@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

:root {
  --font-default: 'kumbh_sansregular',sans-serif;
  --font-bold: 'kumbh_sansbold',sans-serif;
  --font-semibold: 'kumbh_sanssemibold',sans-serif;
  --font-medium: 'kumbh_sansmedium',sans-serif;
  --kumbhsans-black: 'kumbh_sansblack',sans-serif;
  --kumbh-light: 'kumbh_sanslight',sans-serif;
  --dmsansregular: 'dm_sansregular',sans-serif;
  --color-default: #3579F6;
  --color-primary: #494949;
  --color-secondary: #545454;
  --color-cornsilk: #ecf2ff;
  --color-hover: #dff5cd;
  --color-white: #fff;
  --color-black: #000;
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-default);
  color: var(--color-primary);
  font-size: 18px;
  line-height: 28px;
  background-color: var(--color-white);
}

a {
  color: var(--color-primary);
  text-decoration: none;
}

a:hover {
  color: var(--color-primary);
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-bold);
  color: var(--color-default);
}

::-webkit-input-placeholder {
  color: var(--color-primary);
  font-family: var(--font-default);
}

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

.form-group {
  position: relative;
}

.login-section {
  background-color: rgb(255, 255, 255);
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  background-image: url(../images/login-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  height: 100vh;
  float: left;
}


.container-login .row {
  width: 100%;
}

.container-login {
  max-width: 660px;
  display: flex;
  width: 100%;
  padding:43px 0 40px;
  align-items: center;
}

.logo-section {
  text-align: center;
  width: 100%;
  padding: 0px 20px;
  margin: 0px;
}

.login-form {
  background: rgb(255, 255, 255);
  border: 1px solid rgb(204, 220, 243);
  border-radius: 8px;
  padding: 36px 41px 46px;
}

.top-header-login {
  width: 100%;
  text-align: center;
  margin-bottom: 35px;
  margin-top: 60px;
}

.top-header-login h1 {
  font-size: 28px;
  font-family: var(--font-semibold);
}

.form-control:focus {
  outline: none;
  box-shadow: none;
  border: 1px solid rgb(53, 121, 246);
}

.login-label {
  display: block;
  font-size: 18px;
  font-weight: normal;
  font-family: var(--font-default);
  line-height: 24px;
  margin-bottom: 5px;
  padding-left: 38px;
  color: rgb(139, 139, 139);
}

.login-input {
  border-radius: 8px;
  border: 1px solid rgb(204, 220, 243);
  padding: 24.6px 36px;
  font-size: 24px;
  color: var(--color-primary);
  font-family: var(--font-default);
  position: relative;
  z-index: 1;
}

.form-control-placeholder::-webkit-input-placeholder {
  transform: translate(0px, 6px);
}

.button-wrapper {
  display: flex;
  place-content: center;
  flex-wrap: wrap;
  width: 100%;
}

.submit-row {
  width: 100%;
  text-align: center;
}

.button-wrapper .form-check {
  margin-top: 0px;
  margin-bottom: 22px;
}

.submit-btn {
  width: 100%;
  background-color: var(--color-default);
  color: var(--color-white);
  border: transparent;
  border-radius: 8px;
  padding: 17px 20px;
  font-size: 30px;
  font-family: var(--font-semibold);
}

.submit-btn:hover {
  background-color: var(--color-hover);
  color: rgb(64, 166, 74);
}

.button-wrapper .form-check-input[type="checkbox"] {
  width: 22px;
  height: 22px;
  border-radius: 2px;
  margin-right: 15px;
  border: solid var(--color-primary) 2px;
}

.form-check-input:focus {
  outline: none;
  box-shadow: none;
}

.button-wrapper .form-check .form-check-label {
  font-size: 20px;
  line-height: 35px;
  font-family: var(--font-default);
}

.forgot-link {
  text-align: center;
  display: flex;
  justify-content: center;
  margin-top: 28px;
  text-decoration: underline;
  font-size: 20px;
  font-family: var(--font-default);
}

.forgot-link:hover {
  color: var(--color-default);
}

.field-icon {
  float: right;
  right: 18px;
  top: 30px;
  position: absolute;
  z-index: 2;
  font-size: 21px;
  color: rgb(73, 73, 73);
  background: rgb(255, 255, 255);
  width: 50px;
  text-align: center;
  line-height: 40px;
}

.login-form .form-group {
  margin-bottom: 31px;
}

.field-icon.bi-eye::before {
  content: "";
  position: absolute;
  top: 34px;
  background-image: url("../images/eye.svg");
  width: 30px;
  height: 22px;
  right: 9px;
}

.field-icon.bi-eye-slash::before {
  content: "";
  position: absolute;
  top: 34px;
  background-image: url("../images/close-eye.svg");
  width: 30px;
  height: 22px;
  right: 9px;
}

.navbar {
  display: block;
  padding: 54px 60px 41px 99px;
  max-width: 100%;
  margin: 0 auto;
}
.navbar .container-fluid {
  display: flex;
 align-items: center;
  padding: 0px;
  flex-direction: row;
  flex-wrap: wrap;
}

.user-details {
  float: left;
  width: 70px;
  height: 70px;
  border: transparent;
  display: flex;
  place-content: center;
  margin-top: -4px;
  border-radius: 100px !important;
}

.btn-need {
  background: var(--color-cornsilk);
  border: transparent;
  border-radius: 100px;
  padding: 8px 31px;
  color: var(--color-default);
  font-size: 18px;
  font-family: var(--dmsansregular);
}

.btn-need:hover {
  background-color: var(--color-hover);
  color: rgb(64, 166, 74);
}

.user-details img {
  max-width: 70px;
  height: 70px;
  border-radius: 100px;
}

.logout {
  float: right;
  width: 30px;
  padding: 21px 0px;
}

.header .navbar a {
  padding: 0px;
  margin: 0px;
  white-space: inherit;
  font-size: 0px;
}

.toggle-section {
  width: 50%;
  float: left;
  position: relative;
}
.request-btn-row {
  display: flex;
  justify-content: flex-end;
  width: 95.6%;
  margin-bottom: 30px;
}

.main-right-div {
  display: flex;
  align-items: center;
  width: 50%;
  justify-content: flex-end;
}

.main-right-div ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main-right-div ul li {
  margin-right: 60px;
}

.main-right-div ul li:last-child {
  margin-right: 0px;
}

.main-right-div ul li a .notification {
  position: relative;
  margin-top: 10px;
}

.main-right-div ul li a .notification i {
  font-size: 36px;
  color: var(--color-default);
}

.main-right-div ul li a .notification .count-symbol {
  width: 32px;
  height: 32px;
  border-radius: 100px;
  position: absolute;
  top: -19px;
  right: -13px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 900;
  color: rgb(255, 255, 255);
}
.main-right-div ul li a .notification .bg-danger {
  background-color: rgb(255, 106, 106) !important;
}

.main-right-div ul li .language-box {
  width: 55px;
  height: 55px;
  background: rgb(221, 239, 255);
  display: flex;
  place-content: center;
  float: left;
  position: relative;
  padding: 10px;
  border-radius: 100px !important;
}

.language-box img {
  width: 32px;
  height: 32px;
}

.search-details input:focus {
  outline: none;
}

@keyframes hover {
  50% {
      transform: translateX(10px);
  }
}

.header .sidebar-nav-canvas {
  height: 100%;
  width: 421px;
  overflow: hidden;
  background: rgb(255, 255, 255);
  transition: all 0.3s ease 0s;
  padding: 42px 35px;
  border-radius: 0px 12px 12px 0px;
}

.offcanvas-menu > label {
  top: 0px;
  left: 0px;
  position: relative;
  width: 7%;
  cursor: pointer;
  transition: all 0.3s ease 0s;
  display: flex;
  align-items: center;
  z-index: 1;
  font-size: 22px;
  line-height: 36px;
  font-family: var(--kumbh-light);
}

.offcanvas-menu > label span {
  width: 39px;
  height: 39px;
  margin-right: 37px;
}

.offcanvas-menu .navbar-offcanvas-menu {
  position: fixed;
  height: 100%;
  width: 147px;
  left: -147px;
  overflow: hidden;
  background: rgb(255, 255, 255);
  transition: all 0.3s ease 0s;
  padding: 12px 10px;
  border-radius: 10px;
  z-index: 99999;
  top: 118px;
}

.offcanvas-menu .navbar-offcanvas-menu > .offcanvas-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  width: 100%;
}

.offcanvas-menu .navbar-offcanvas-menu > .offcanvas-block a {
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.offcanvas-menu .navbar-offcanvas-menu > .offcanvas-block a i {
  font-size: 4rem;
  background: linear-gradient(120deg, rgb(73, 164, 237) 30%, rgb(61, 0, 169) 110%) text;
  -webkit-text-fill-color: transparent;
}

.offcanvas-menu .navbar-offcanvas-menu > .offcanvas-block label {
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease 0s;
  border: 1px solid rgb(233, 236, 239);
  border-radius: 100px;
  position: relative;
  display: flex !important;
}

.sidebar-nav-canvas .navbar-offcanvas-menu > .offcanvas-block label span, .sidebar-nav-canvas .navbar-offcanvas-menu > .offcanvas-block label span::before, .sidebar-nav-canvas .navbar-offcanvas-menu > .offcanvas-block label span::after {
  background: rgb(77, 77, 77);
}

.sidebar-nav-canvas .navbar-offcanvas-menu > ul {
  margin: 38px 0px 0px;
  padding: 0px;
  list-style: none;
  display: block;
  overflow: hidden auto;
    max-height: calc(100vh - 108px);
  width: 100%;
}

.sidebar-nav-canvas .navbar-offcanvas-menu > ul li {
  border: 1px solid rgb(195, 197, 194);
  border-radius: 10px;
  background: rgb(255, 255, 255);
  padding: 0;
  margin-bottom: 14px;
}

.sidebar-nav-canvas .navbar-offcanvas-menu > ul li a {
  color: var(--color-secondary);
  display: flex;
  align-items: center;
  font-size: 18px;
  font-family: var(--font-semibold);
  padding: 15px 19px;
  position: relative;
}

.sidebar-nav-canvas .navbar-offcanvas-menu > ul li a .icon {
  width: 32px;
  float: left;
  margin-right: 6px;
}

.sidebar-nav-canvas .navbar-offcanvas-menu > ul li:hover {
  border: 1px solid rgb(234, 234, 234);
}

.sidebar-nav-canvas .navbar-offcanvas-menu > ul li:hover a {
  color: var(--color-default);
}
.sidebar-nav-canvas .nav-item .nav-link.active {
  color: var(--color-default);
}
.sidebar-nav-canvas .navbar-offcanvas-menu > ul li .dropdown-menu li .dropdown-item.dropdown-item.active {
  color: var(--color-default);
}
.sidebar-nav-canvas .navbar-offcanvas-menu > ul li .dropdown-menu li .dropdown-item:hover {
  color: var(--color-default);
}

/* .sidebar-nav-canvas .navbar-offcanvas-menu > ul li:hover a .icon img {
  filter: brightness(0%);
} */

.sidebar-nav-canvas .navbar-offcanvas-menu > ul li a.dropdown-toggle::after {
	content: "";
	border: transparent;
	position: absolute;
	right: 25px;
	background-image: url("../images/down-arrow.svg");
	width: 18px;
	height: 12px;
	top: 22px;
	margin: 0px;
}
.sidebar-nav-canvas .navbar-offcanvas-menu > ul li a.dropdown-toggle.show::after {
  transform: rotate(180deg);
}

.sidebar-nav-canvas .navbar-offcanvas-menu > ul li .dropdown-menu {
  border: transparent;
  padding: 20px 0px 0px;
  position: static !important;
  transform: inherit !important;
}

.sidebar-nav-canvas .navbar-offcanvas-menu > ul li .dropdown-menu li {
  border: transparent;
  border-radius: 0px;
  padding: 0px 0px 2px 39px;
}

.sidebar-nav-canvas .navbar-offcanvas-menu > ul li .dropdown-menu li .dropdown-item {
  background: transparent;
  color: var(--color-secondary);
  padding-bottom: 8px;
}

.sidebar-nav-canvas .navbar-offcanvas-menu > ul li .dropdown-menu li:last-child {
  padding-bottom: 0px;
}

.offcanvas-block .btn-close {
  opacity: 1;
  width: 19px;
  height: 19px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease 0s;
  border-radius: 100px;
  position: absolute;
  right: 33px;
  padding: 0px;
  background-size: cover;
  top: 47px;
  display: flex !important;
  background-image: url("../images/close-icon.svg") !important;
}

.offcanvas-block a {
  font-size: 14px;
  line-height: 28px;
  padding-left: 13px;
  color: rgb(56, 60, 62);
}

.offcanvas-block .btn-close:focus {
  outline: none;
  box-shadow: none;
}

.offcanvas-block {
  font-size: 22px;
  font-family: var(--font-semibold);
  color: var(--color-secondary);
}

.offcanvas-menu {
  display: flex;
  align-items: center;
}
.description-offcanvas {
  display: flex;
  align-items: center;
}
.breadcrumb {
  margin: 0px;
  padding: 0px;
  list-style: none;
  padding-left: 12px;
}
.breadcrumb .breadcrumb-item {
  display: inline;
  position: relative;
  padding-right: 27px;
}
.breadcrumb .breadcrumb-item a {
  color: var(--color-primary);
  font-size: 22px;
  margin: 0px;
  font-family: var(--kumbh-light);
}

.breadcrumb .breadcrumb-item.active a {
  color: var(--color-default);
  font-size: 22px;
  font-family: var(--font-semibold);
}

.breadcrumb .breadcrumb-item::before {
  content: "";
  position: absolute;
  background-image: url(../images/bread-icon-h.svg);
  width: 11px;
  height: 11px;
  top: 9px;
  left: -15px;
  background-size: 11px;
  background-repeat: no-repeat;
}
.breadcrumb .breadcrumb-item:first-child:before{display: none;}

 .breadcrumb .breadcrumb-item.active:before {
  background-image: url(../images/bread-icon.svg);
} 

.description-offcanvas  .description-text {
  margin-right: 7px;
}
.code-nub {
  color: var(--color-default);
  font-size: 22px;
  font-family: var(--font-semibold);
}

.sidebar-nav-canvas .navbar-offcanvas-menu > ul li a .icon img {
  width: 21px;
}
.description-offcanvas .description-text a {
  color: var(--color-primary);
  font-size: 20px;
  margin: 0px;
  font-family: var(--kumbh-light);
}

.header .offcanvas-menu > label a {
  color: var(--color-primary);
  font-size: 20px;
}

.container-pointer {
  max-width: 100%;
  margin: 0px auto;
  padding: 0px 60px;
}

.pointer-header {
  background: rgb(241, 241, 241);
  border-radius: 8px;
  padding: 21px 39px 19px;
}
.pointer-inner {
  margin-top: 71px;
  border-radius: 8px;
  background: rgb(251, 251, 251);
}
.description-box p {
  font-size: 20px;
  line-height: 32px;
  color: var(--color-secondary);
  font-family: var(--font-semibold);
  margin-bottom: 0px;
  max-width: 180px;
}

.request-row {
  display: flex;
  place-content: center flex-end;
  width: 100%;
}

.ai-row {
  width: 20%;
  display: flex;
  align-items: center;
}

.ai-row .icon {
  background: var(--color-default);
  width: 41px;
  height: 41px;
  border-radius: 100px;
  text-align: center;
  display: flex;
  place-content: center;
  margin-right: 15px;
}

.ai-row .icon img {
  max-width: 21px;
}

.ai-row .description-text {
  font-size: 16px;
  line-height: 42px;
  color: rgb(151, 151, 151);
  font-family: var(--dmsansregular);
}

.request-btn {
  background: rgb(218 218 218 / 60%);
  border: transparent;
  color: var(--color-secondary);
  border-radius: 100px;
  font-size: 18px;
  padding: 6.5px 36.6px;
  font-family: var(--dmsansregular);
}

.request-btn:hover {
  background: rgb(218, 241, 199);
  color: rgb(64, 166, 74);
}

.icon-row {
  display: flex;
  width: 21%;
  place-content: center;
}

.icon-row .chat-icon {
  background: var(--color-cornsilk);
  cursor: pointer;
  float: left;
  width: 44px;
  height: 44px;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  border: transparent;
  padding: 0px;
  align-items: center;
  margin-right: 20px;
}
.icon-row .chat-icon:hover {
  background: rgb(218, 241, 199);
}
.icon-row .chat-icon:hover svg path {
  fill: #40a64a;
}

.icon-row .chat-icon img {
  max-width: 26px;
}

.card-section .card .card-body p {
  font-size: 18px;
  line-height: 32px;
  color: var(--color-secondary);
  font-family: var(--font-default);
  margin-bottom: 5px;
}

.card_footer {
  background: transparent;
  border: transparent;
  display: flex;
  justify-content: space-between;
  padding: 0px;
  align-items: center;
}

.date-time-block p {
  margin: 0px;
  font-size: 18px;
  line-height: 32px;
  color: rgb(151, 151, 151);
  font-family: var(--font-default);
}

.user-image {
  width: 54px;
  height: 54px;
}
.comment-row {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.user-content img {
  width: 54px;
  height: 54px;
  border-radius: 100px;
  margin-right: 21px;
}
.user-content {
  color: var(--color-default);
  font-size: 18px;
  line-height: 32px;
  font-family: var(--font-default);
}
.comment-block p {
  margin-bottom: 0;
  color: #BDBDBD;
  font-size: 18px;
  line-height: 32px;
  font-family: var(--font-default);
}


.user-image img {
  border-radius: 100px;
  max-width: 54px;
}

.pointer-body {
  padding: 47px 40px;
}

.pointer-inner-box {
  max-width: 1261px;
  border: transparent;
  margin: 35px auto 73px;
  text-align: center;
  position: relative;
}

.pointer-tabs {
  overflow: hidden;
  counter-reset: step 0;
  border: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0px auto 30px;
  position: relative;
  text-align: center;
}

.pointer-tabs .nav-link {
  padding: 0px;
  border: transparent;
  position: relative;
  z-index: 2;
  width: 33.33%;
  margin: 0px;
  cursor: pointer;
  background: transparent !important;
}

.pointer-tabs .nav-link .step-label {
  font-size: 20px;
  line-height: 32px;
  text-transform: none;
  color: var(--color-secondary);
}

.pointer-tabs .nav-link::before {
  content: counter(step);
  counter-increment: step 1;
  width: 56px;
  display: block;
  font-size: 28px;
  color: rgb(255, 255, 255);
  background: rgb(217, 217, 217);
  border-radius: 100px;
  margin: 0px auto 5px;
  height: 56px;
  line-height: 61px;
  position: relative;
  z-index: 2;
}

.pointer-tabs .nav-link.active::before {
  background: var(--color-default);
  color: white;
}

.pointer-tabs li::after {
	content: "";
	width: 77%;
	height: 1px;
	background: rgb(0, 0, 0);
	position: absolute;
	left: 258px;
	top: 27px;
	z-index: -1;
	margin: 0px auto;
}

.pointer-tabs li:last-child::after {
  display: none;
}

.my-label {
  font-size: 20px;
  line-height: 32px;
  font-family: var(--font-semibold);
  color: var(--color-secondary);
  margin-bottom: 15px;
}

.my-select .select2-container {
  width: 100% !important;
}

.my-select .select2-container--default .select2-selection--single {
  background-color: rgb(255, 255, 255);
  border: 1px solid rgba(195, 197, 194, 0.6);
  height: auto;
  border-radius: 8px !important;
}

.my-select .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: rgb(151, 151, 151);
  font-size: 18px;
  line-height: 32px;
  font-family: var(--font-default);
  padding: 15px 46px 12px;
}

.my-select .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 10px;
  position: absolute;
  top: 26px;
  right: 47px;
  width: 15px;
  background-image: url("../images/down-arrow-i.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px 10px;
}

.my-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
  transform: rotate(180deg);
}

.my-select .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.my-textarea {
  border: 1px solid rgba(195, 197, 194, 0.6);
  border-radius: 8px;
  padding: 20px 46px 17px;
  font-size: 18px;
  line-height: 32px;
  color: rgb(151, 151, 151);
  font-family: var(--font-default);
}

.form-pointer-overview .my-textarea::-webkit-input-placeholder {
  color: rgb(151, 151, 151);
}

.btn-submit {
  border-radius: 100px;
  font-size: 18px;
  font-family: var(--font-default);
  padding: 4.5px 39px;
  background: var(--color-cornsilk) !important;
  color: var(--color-default) !important;
}

.btn-submit:hover {
  background-color: var(--color-hover) !important;
  color: rgb(64, 166, 74) !important;
}

.my-input {
  background: rgb(255, 255, 255);
  border: 1px solid rgba(195, 197, 194, 0.6);
  height: auto;
  border-radius: 8px;
  padding: 14px 46px;
  font-size: 18px;
  line-height: 32px;
  color: rgb(151, 151, 151);
  font-family: var(--font-default);
}

.form-pointer-overview .my-label {
  padding-left: 46px;
}

.add-files-row {
  max-width: 832px;
  background: rgb(255, 255, 255);
  border-radius: 8px;
  margin: 0px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 43px 52px;
  border: 1px solid rgba(195, 197, 194, 0.6);
}

.add-files-row p {
  font-size: 20px;
  line-height: 32px;
  columns: var(--color-secondary);
  font-family: var(--font-default);
  margin: 0px;
}

.details-block {
  width: 100%;
  padding-top: 50px;
}

.details-block ul {
  margin: 0px;
  list-style: none;
  display: flex;
  width: 100%;
  padding: 0px;
  flex-wrap: wrap;
}

.details-block ul li {
  border-bottom: 1px solid rgb(195, 197, 194);
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: 32px;
  padding-top: 33px;
  font-size: 20px;
  columns: var(--color-secondary);
  font-family: var(--font-default);
}

.details-block ul li i {
  color: rgb(255, 106, 106);
  cursor: pointer;
  font-size: 23px;
}

.details-block ul li:last-child {
  border: transparent;
}

.add-box {
  font-size: 20px;
  color: var(--bs-link-color);
}

.add-box:hover {
  color: rgb(64, 166, 74) !important;
}

.add-box i {
  margin-left: 15px;
}

.btn-back {
  background: transparent;
  border-radius: 100px;
  font-size: 20px;
  color: rgb(145, 145, 145);
  font-family: dm_sansbold;
  padding: 4.5px 47px;
  font-weight: 700;
}
.approve-btn{
  background: rgb(218, 241, 199);
  color: rgb(64, 166, 74);
  border: solid rgb(218, 241, 199) 1px;
  border-radius: 100px;
  font-size: 18px;
  padding: 6.5px 36.6px;
  font-family: var(--dmsansregular);
}
.approve-btn:hover {
  border: solid rgb(64, 166, 74) 1px;
  color: rgb(64, 166, 74);
}
.button-request {
  background: rgb(218, 241, 199);
  color: rgb(64, 166, 74);
  border: solid rgb(218, 241, 199) 1px;
  border-radius: 100px;
  font-size: 18px;
  padding: 6.5px 75px;
  font-family: var(--dmsansregular);
}
.button-request:hover {
  border: solid rgb(64, 166, 74) 1px;
  color: rgb(64, 166, 74);
}

.reject-btn {
  background: rgba(255, 106, 106, 0.23);
  border-radius: 100px;
  
  font-size: 18px;
  padding: 5.6px 50px;
  font-family: var(--dmsansregular);
  color: rgb(255, 106, 106);
  margin-left: 15px;
}

.reject-btn:hover {
  border: solid rgba(255, 106, 106, 0.23) 1px;
  color: rgb(255, 106, 106);
}

.comment-canvas-right {
  --bs-offcanvas-width: 953px;
  border-radius: 8px;
  /*padding: 52px 40px;*/
}

.comment-canvas-right .offcanvas-header {
  padding: 50px 40px;
}

.offcanvas-title {
  font-size: 20px;
  line-height: 32px;
  font-family: var(--font-semibold);
  color: var(--color-default);
}

.comments-title {
  font-size: 20px;
  line-height: 32px;
  font-family: var(--font-semibold);
  color: var(--color-secondary);
}


.comment-canvas-right .offcanvas-header .btn-close {
  color: var(--color-secondary);
  opacity: 1;
}

.comment-canvas-right .offcanvas-header .btn-close:focus {
  box-shadow: none;
  opacity: 1;
}

.comment-canvas-right .offcanvas-header .btn-close:hover {
  text-decoration: none;
  opacity: 1;
  color: var(--color-secondary);
}

.custom-textarea-control {
  border: 1px solid rgba(195, 197, 194, 0.6);
  font-size: 18px;
  line-height: 32px;
  font-family: var(--font-default);
  color: var(--color-secondary);
  padding: 15px 19px;
  border-radius: 8px;
  
}
.textarea-control:disabled {
  background-color: #fff;
  opacity: 0.5;
}

.custom-textarea {
  position: relative;
  width: 100%;
}

.icon-arrow-right {
  width: 44px;
  height: 44px;
  background: var(--color-default);
  border-radius: 100px;
  display: flex;
  place-content: center;
  position: absolute;
  right: 23px;
  bottom: 23px;
}

.icon-arrow-right img {
  max-width: 10px;
}

.comment-canvas-right .offcanvas-body {
  padding: 0px 40px;
  /*margin-top: 28px;*/
  margin-bottom: 28px;
}

.card-section {
  width: 100%;
  float: left;
  margin-top: 31px;
}

.card-section h3 {
  font-size: 20px;
  line-height: 32px;
  padding-left: 40px;
  margin-bottom: 13px;
  font-family: var(--font-semibold);
}

.card-section .card {
  border: 1px solid rgba(195, 197, 194, 0.6);
  padding: 26px 39px;
  border-radius: 8px;
  margin-bottom: 20px;
}

.card-section .card .card-body {
  padding: 0px;
}

.approval {
  color: rgb(227, 190, 57);
}

.general {
  color: rgb(146, 51, 179);
}

.version-history-block {
  border: 1px solid rgba(195, 197, 194, 0.6);
  border-radius: 8px;
  padding: 34px;
  width: 100%;
}

.version-box {
  background: rgb(249, 249, 249);
  padding: 17px 29px;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 33px;
}

.version-box:last-child {
  margin-bottom: 0px;
}

.version-left-block .icon {
  width: 35px;
  height: 35px;
  margin-right: 30px;
}

.version-left-block .icon img {
  max-width: 37px;
}

.version-left-block {
  display: flex;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
}

.version-left-block .description-text h3 {
  font-size: 20px;
  line-height: 32px;
  font-family: var(--font-semibold);
  color: var(--color-default);
  margin-bottom: 12px;
}

.version-left-block .description-text p {
  margin-bottom: 11px;
  font-size: 18px;
  line-height: 32px;
  font-family: var(--font-default);
  color: rgb(113, 113, 113);
}

.version-left-block .description-text p:last-child {
  margin-bottom: 0px;
}

.btnrestore {
  background: rgb(235, 235, 235);
  border: transparent;
  font-size: 18px;
  color: rgb(140, 140, 140);
  border-radius: 100px;
  padding: 6px 32px;
  font-family: var(--dmsansregular);
  display: flex;
  align-items: center;
}

.btnrestore .icon-arrow {
  margin-left: 19px;
}

.btnrestore:hover {
  background: rgb(218, 241, 199);
  color: rgb(64, 166, 74);
}

.btnrestore-active {
  background: rgb(218, 241, 199);
  color: rgb(64, 166, 74);
}

.btnrestore:hover .icon-arrow svg path {
  fill: rgb(218, 241, 199);
  stroke: rgb(64, 166, 74);
}

.btnrestore .icon-arrow svg path {
  fill: rgb(235, 235, 235);
  stroke: rgb(140, 140, 140);
}

.btnrestore-active .icon-arrow svg path {
  fill: rgb(218, 241, 199);
  stroke: rgb(64, 166, 74);
}

.pointer-container {
  border: 1px solid rgba(195, 197, 194, 0.6);
  border-radius: 8px;
  padding: 42px 54px;
}

.pointer-information-tabs {
  display: flex;
  justify-content: center;
  border: transparent;
  padding: 0px;
  margin: 0px;
}

.pointer-information-tabs li {
  margin-right: 40px;
  padding: 4px 25px;
  width: calc(216px);
  font-size: 18px;
  line-height: 32px;
  cursor: pointer;
  text-align: center;
  background: var(--color-cornsilk) !important;
  border-radius: 100px !important;
  border: transparent !important;
}

.pointer-information-tabs li:last-child {
  margin-right: 0px;
}

.pointer-information-tabs li.active {
  background: var(--color-default) !important;
  color: rgb(255, 255, 255) !important;
}

.overview-container {
  width: 100%;
  padding-top: 50px;
}

.overview-list p {
  margin: 0px 0px 6px;
  font-size: 18px;
  color: rgb(151, 151, 151);
  font-family: var(--font-default);
}

.overview-list strong {
  margin: 0px;
  font-size: 18px;
  color: rgb(3, 2, 41);
  font-family: var(--font-default);
}

.overview-list {
  padding-bottom: 35px;
}

.overview-list:last-child {
  padding-bottom: 0px;
}

.pointer-container .details-block {
  padding-top: 28px;
}

.rubrics-section {
  width: 100%;
  padding-top: 60px;
}

.rubrics-section-list {
  display: flex;
  justify-content: space-between;
}

.rubrics-section-list .description-text p {
  font-size: 18px;
  line-height: 31px;
  font-family: var(--font-default);
  color: var(--color-secondary);
}

.circle-navbar {
  background: var(--color-cornsilk);
  width: 44px;
  height: 44px;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-family: var(--font-bold);
  color: var(--color-secondary);
}

.rubrics-section-list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  flex-wrap: wrap;
}

.close-button {
  opacity: 1;
  background-image: url(../images/close.png);
  border-radius: 0px;
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
}

.close-button:focus {
  outline: none;
  box-shadow: none;
  border: transparent;
}

.close-button:hover {
  text-decoration: none;
  opacity: 1;
}

.request-content {
  border-radius: 8px;
  padding: 33px 33px 60px;
}

.request-content .modal-header {
  border: transparent;
  padding: 0px;
}

.request-content .modal-body {
  padding: 0px;
  text-align: center;
}

.icon-check-btn {
  width: 88px;
  height: 88px;
  border: 1px solid rgb(33, 191, 134);
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px auto 43px;
}

.request-content .modal-body h2 {
  font-size: 30px;
  margin-bottom: 38px;
}

.request-content .modal-body p {
  font-size: 22px;
  line-height: 26px;
  color: rgb(56, 60, 62);
}
.add-box-row-rubrics {
  margin-left: 47px;
}

.approve-content {
  padding: 40px 30px;
  border-radius: 8px;
}
.approve-content .modal-header {
  padding: 0px;
  border: transparent;
}
.approve-content .modal-header h2 {
  font-size: 20px;
  line-height: 32px;
  font-family: var(--font-semibold);
  margin-bottom: 0px;
}
.btn-block-approve {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
/*canvas canvas css*/
.header-canvas-row {display: flex;justify-content: space-between;width: 100%;}
.overview-nav {
  border-bottom: solid #000 1px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.overview-taps {
  margin-top: 44px;
}
.overview-nav li {
  padding-right: 76px;
}
.overview-nav li:last-child{padding-right: 0;}
.overview-nav .nav-item .nav-link {
  position: relative;
  font-size: 20px;
  color: #7B7B7B;
  font-family: var(--font-default);
  font-weight: normal;
  padding: 0 8px 19px;
  cursor: pointer;
}
.overview-nav li:last-child .nav-link {
  padding-right: 0px;
  padding-left: 0;
}
.overview-nav .nav-item .nav-link.active {
  background-color: transparent;
  color: var(--color-default);
  font-family: var(--font-semibold);
}
.overview-nav .nav-item .nav-link.active:after {
  content: "";
  border-bottom: 6px solid var(--color-default);
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -2px;
  right: 0;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.overview-nav .completed .nav-link {
  color: #21BF86;
}
.overview-nav .completed .nav-link:after {
  content: "";
  border-bottom: 6px solid #21BF86;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -2px;
  right: 0;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.overview-tab-content {
  margin-top: 2px;
}

@media (min-width: 576px) {
  .approve-modal-w {
    max-width: 925px;
    margin-top: 190px;
  }
}

.my-textarea-approve {background-color: #f9f9f9;border-radius: 8px;border: solid 1px #f9f9f9;padding: 37px 36px;font-size: 20px;line-height: 22px;color: #717171;}
.approve-content .modal-body {padding: 0px;}
.approve-content-body {margin-top: 21px;}
.approve-content-body {margin-top: 21px;padding-bottom: 50px;}
.btn-block-approve .request-btn { margin-right: 55px;}
.btn-block-approve .approve-btn{margin-right: 55px;}
.btn-block-approve .close-button { position: absolute; right: 0; top: 7px;}
.btn-block-approve .reject-btn {margin-right: 55px;}
.approve-content .modal-header .height-color {color: #FF6A6A;}
.version-history-content {width: 100%; margin-top: 30px;}
.department-block { display: flex; flex-wrap: wrap;}
.department-block .description-box {width: 48.6%;}
.de-trash { margin-top: 55px;}
.btn-trash { width: 44px;height: 44px;background: rgba(255, 106, 106, 0.23); border-radius: 100px;color: #FF6A6A;display: flex;justify-content: center; align-items: center;}
.btn-trash img {width: 24px;}
.btn-trash:hover, .btn-trash:active {background: rgba(255, 106, 106, 0.23) !important;color: #FF6A6A !important;}
.inner-dashboard { background-color: #fbfbfb;border-radius: 8px;padding: 65px 40px;}
.descriptionheader p {margin: 0px; font-size: 22px; font-family: var(--font-default);color: var(--color-secondary);}
.descriptionheader { margin-bottom: 48px;}
.dashboard-row { margin-left: -27px; margin-right: -27px;}
.dashboard-container .card {background-color: #fff; border: solid rgb(195 197 194 / 60%) 1px;border-radius: 8px;padding: 36px 35px;}

.px-27 { padding-left: 27px; padding-right: 27px;}
.mr-20{margin-right: 20px;}

.dashboard-container .card .card-header {background: transparent;border: transparent;padding: 0px;}
.department-summary {display: flex;align-items: center;}
.department-summary .icon { width: 32px;height: 32px;margin-right: 29px;}
.department-summary .icon img{ width: 29px;}
.dashboard-container .card-body {padding: 43px 0 18px;}
.dashboard-container .card-footer { padding: 0px;border: transparent;background: transparent;}
.view-links{ color: var(--color-default); font-size: 18px; position: relative;}
.view-links:hover {color: rgb(64, 166, 74);}
.view-links .icon {width: 9px; height: 23px; display: inline-block; margin-left: 10px;}
.view-links:hover .icon svg path {stroke: rgb(64, 166, 74);}
.department-summary .description-text p { margin-bottom: 0; font-size: 20px;color: var(--color-secondary);font-family: var(--font-default);}
.dashboard-container .card-body .number-title {font-size: 60px;font-family: var(--font-semibold);}
.data-section {padding-top: 34px;padding-bottom: 34px;}
.table-responsive table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after {display: none;}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after{ display: none !important;}
.table-responsive .table > thead {background: #f1f1f1;}
.table-responsive .table>thead th { font-size: 18px;line-height: 34px; font-family: var(--font-semibold);color: var(--color-secondary);padding-top: 31px;padding-bottom: 29px;border: transparent;}
.table-responsive .table>:not(caption)>*>*{box-shadow: none; }
.table-responsive .table>thead th:first-child{ border-radius: 8px 0 0 8px;-moz-border-radius: 8px 0 0 8px;-webkit-border-radius: 8px 0 0 8px; padding-left: 40px;}
.table-responsive .table>tbody td:first-child{ padding-left: 40px;}
.table-responsive .table> tbody tr { border-bottom: #C3C5C2 solid 1px;}
.table-responsive .table>thead th:last-child{ border-radius: 0px 8px 8px 0;-moz-border-radius: 0px 8px 8px 0;-webkit-border-radius: 0px 8px 8px 0;}
.table-responsive .table> tbody tr:last-child {border-bottom: transparent;}
.table-responsive .table>tbody td { font-size: 18px; color: var(--color-secondary);font-family: var(--font-default);padding-top: 32px; padding-bottom: 29px;}
.table-responsive table.dataTable {background: #fbfbfb;}
.danger-text {color: #FF6A6A;}
.table-responsive .table>tbody td p {margin: 0px;}
.btn-update { background: var(--color-cornsilk);border: transparent; border-radius: 100px;padding: 7px 31px; color: var(--color-default);font-size: 18px;font-family: var(--dmsansregular);}
.btn-update:hover { background-color: var(--color-hover); color: rgb(64, 166, 74);}
.table-responsive .dataTables_length {margin-top: 30px;}
.table-responsive .dataTables_paginate.paging_simple_numbers {margin-top: 36px;}
.title-top {font-size: 20px;color: var(--color-secondary);}
.table-responsive .table>tbody td .description-text { max-width: 333px;}

/* notifications modal*/
@media (min-width: 576px) {
  .notifications-container {
    max-width: 618px;
    margin-right: 181px;
    margin-top: 112px;
  }
}
.close-n {opacity: 1;background-image: url(../images/close-n.svg);border-radius: 0px; width: 22px; height: 22px;background-size: 22px; position: absolute; right: 4px;top: -3px;}
.close-n:focus, .close-n:hover {outline: none;box-shadow: none;opacity: 1;}
.notifications-container .modal-content {border-radius: 10px; padding: 39px 50px 39px 38px;}
.notifications-container .modal-header {padding: 0px;margin: 0px; border: transparent; position: relative;}
.notifications-container .modal-header h2 { font-size: 20px; line-height: 18px; margin: 0;color: var(--color-secondary);}
.notifications-container .modal-body {padding: 0;}
.notifications-body {margin-top: 19px;}
.notifications-list .description-box h3 {font-size: 22px;line-height: 18px; font-family: var(--font-medium);margin: 5px 0 0 0;}
.notifications-list {display: flex;align-items: center;border-bottom: solid #DFDFDF 1px; width: 100%; padding: 30px 0 26px; flex-wrap: wrap;}
.notifications-list .description-box { display: flex; justify-content: space-between;width: 100%; align-items: center;}
.notifications-list .text-block {display: flex;align-items: center;justify-content: space-between; width: 62.3%;padding-top: 27px;}
.notifications-list .text-block p { margin: 0;font-size: 18px;line-height: 22px;font-family: var(--font-default); color: #717171;}
.danger {color: #FF6A6A !important;}
.green {color: #40A64A !important;}
.text-primary{color: var(--color-default)!important;}
.text-warning{color: #D3A500 !important;}
.notifications-list:last-child { border-bottom: transparent;}

/* profile page css*/
.profile-content-inner {background: #fff;padding: 30px;border-radius: 20px;box-shadow: 0 0 10px #a7a7a766;display: flex;flex-wrap: wrap;flex-direction: column;text-align: center; border: solid rgb(195 197 194 / 60%) 1px;}
.profile-image img {width: 90px;height: 90px;}
.profile-image {margin-top: 20px;margin-bottom: 32px;}
.profile-content-inner h4 {font-size: 18px;font-weight: 700; margin-bottom: 22px;}
.profile-content-inner p {color: var(--color-primary);font-size: 18px;margin: 0px;font-family: var(--kumbh-light);line-height: 34px;}
.personal-content-block {background: #fff;padding: 30px; border-radius: 20px; box-shadow: 0 0 10px #a7a7a766; border: solid rgb(195 197 194 / 60%) 1px;}
.personal-content-block h4 {font-size: 22px; font-weight: 700; margin-bottom: 22px;}
.detail-form .my-label {padding-left: 46px;}
.placeholder-pass::-webkit-input-placeholder { transform: translate(0px, 4px);}
.placeholder-pass::-moz-placeholder { transform: translate(0px, 4px);}
.placeholder-pass:-ms-input-placeholder { transform: translate(0px, 4px);}
.placeholder-pass:-moz-placeholder { transform: translate(0px, 4px);}
.cstm-mrgn input[type=file] { max-width: 100%;color: #444; padding-left:12px;}
.cstm-mrgn input[type=file]::file-selector-button { margin-right: 20px; border: none;padding: 5px 20px; background: var(--color-cornsilk) !important;border-radius: 0 8px 8px 0;color: var(--color-default);cursor: pointer;transition: background .2s ease-in-out;}
.profile-content-inner input:hover:not(:disabled):not([readonly])::file-selector-button {background-color: var(--color-default);}
.profile-content-inner .profile-content-inner-box i { color: var(--color-default);font-size: 30px;vertical-align: bottom;}
.pointer-btn { background: rgb(218, 241, 199);color: rgb(64, 166, 74);border: solid rgb(218, 241, 199) 1px;border-radius: 100px; font-size: 18px;padding: 6px 56.6px;font-family: var(--dmsansregular);}
.pointer-btn:hover { border: solid rgb(64, 166, 74) 1px;color: rgb(64, 166, 74);}
.paginate_button {background: var(--color-cornsilk);border: transparent; border-radius: 100px;padding: 7px 15px; color: var(--color-default); font-size: 16px;font-family: var(--dmsansregular); margin: 0 5px;cursor: pointer;}
.table-responsive .dataTables_length select { background-color: rgb(255, 255, 255); border: 1px solid rgba(195, 197, 194, 0.6);height: auto; border-radius: 8px;padding: 10px;}
.list-pointers { margin-bottom: 24px;width: 100%;display: flex;justify-content: space-between;}
.description-box-list {padding-left: 42px;padding-top: 20px;}
.description-box-list p {font-size: 20px; line-height: 32px;color: var(--color-secondary);font-family: var(--font-default);margin-bottom: 0px;}
.select-section-right {display: flex;justify-content: space-between; width: 100%;}
.input-group-append {position: absolute;right: 14px;z-index: 9;top: 2px;}
.input-group-append .btn {position: relative;z-index: 2;padding: 14.5px 8px;background: #FFF;border-radius: 8px !important;}
.my-search {border: solid rgb(195 197 194 / 60%) 1px;font-size: 18px;padding: 18.5px 20px 17px; font-family: var(--font-default);color: var(--color-secondary);border-radius: 8px !important;}
.my-search::-webkit-input-placeholder {  color: var(--color-secondary);}
.my-search::-moz-placeholder { color: var(--color-secondary);}
.my-search:-ms-input-placeholder { color: var(--color-secondary);}
.my-search:-moz-placeholder { color: var(--color-secondary);}
.select2-group {display: flex;width: 100%; justify-content: flex-end;margin-right: 10px;}
.custom-select2-Status {min-width: 25%;}
.search-group {width: 39%;}
.custom-select2 {border: solid rgb(195 197 194 / 60%) 1px; padding: 8px 0 4px 0px;border-radius: 8px !important;}
.custom-select2 .form-label {display: block;margin: 0px;font-size: 16px; line-height: 23px;font-family: var(--font-default);color: var(--color-secondary);padding: 0 20px;}
.custom-select2 .select2-container--default .select2-selection--single { background-color: transparent;border: transparent; border-radius: inherit;height: auto;}
.custom-select2 .select2-container--default .select2-selection--single .select2-selection__rendered {font-family: var(--font-bold); color: var(--color-secondary); padding-left: 20px; padding-right: 20px; font-size: 15px;line-height: 24px;}
.custom-select2 .select2-container--default .select2-selection--single .select2-selection__arrow {height: 10px;position: absolute;top: 5px;right: 22px; width: 15px;background-image: url(../images/down-arrow-i.svg); background-repeat: no-repeat; background-position: center center;background-size: 15px 10px;}
.custom-select2-Status .custom-select2 .select2-container--default .select2-selection--single .select2-selection__arrow {right: 13px;}
.custom-select2 .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none;}
.custom-select2  .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow { transform: rotate(180deg);}
.custom-select2 .select2-container {width: 100% !important;}
.custom-select2-tr .select2-container {width: 100% !important;}
.selected-c .custom-select2 { background: #fff;}
.custom-select2  .select2-container .select2-dropdown.select2-dropdown--below {border: transparent !important;}
.col-smlist-left {display: flex;justify-content: flex-start;}
.col-section-right {width: 49.666667%; display: flex;justify-content: flex-end;margin-right: 40px;padding-right: 0;}
.select2-container--open .select2-dropdown{ border: solid rgb(195 197 194 / 60%) 1px;}
.paginate_button.disabled { background-color: #c5c5c58a;color: #999393;    cursor: inherit;}
.paginate_button.current {background-color: var(--color-hover);color: rgb(64, 166, 74); cursor: pointer;}
.btn-zomm {width: 44px;height: 44px; border-radius: 100px; border: transparent;background: var(--color-cornsilk);margin-right: 28px;}
.btn-file{width: 44px;height: 44px; border-radius: 100px; border: transparent;background: var(--color-cornsilk);margin-right: 20px;}
.btn-zomm:hover {background: rgb(218, 241, 199);color: rgb(64, 166, 74);border: solid rgb(218, 241, 199) 1px;}
.btn-zomm:hover svg path {fill: rgb(64, 166, 74);}
.btn-zomm:hover .stock {fill: transparent;stroke: rgb(64, 166, 74);}

.btn-uplode-d:hover svg path { stroke: rgb(64, 166, 74); fill: transparent;}
.btn-file:hover { background: rgb(218, 241, 199);color: rgb(64, 166, 74); border: solid rgb(218, 241, 199) 1px;}
.btn-file:hover svg path {stroke: rgb(64, 166, 74);}
.inner-dashboard-list{background-color: #fbfbfb;border-radius: 8px;padding: 31px 40px}
.inner-dashboard-list .list-pointers {margin-bottom: 0; }
.selected-c .custom-select2 .select2-container--default .select2-selection--single .select2-selection__rendered{color: var(--color-default);padding-left: 26px;padding-right: 26px;}
.mr-0 {margin-right: 0;}
.search-list-col { margin-right: 0px; padding-right: 0;}
.btn-next-list {width: 44px;height: 44px; background: var(--color-cornsilk); border-radius: 100px !important; display: flex;justify-content: center;align-items: center; border: transparent;    padding: 0px;
  line-height: 19px;}
.btn-next-list:hover, .btn-next-list:active {background-color: var(--color-hover) !important;color: rgb(64, 166, 74);outline: none;box-shadow: none; border: transparent; border-top-color: transparent; border-right-color: transparent;border-bottom-color: transparent;border-left-color: transparent;}
.btn.btn-next-list .icon-arrow svg path {fill: transparent;stroke: var(--color-default);}
.btn-next-list:hover svg path { fill: rgb(64, 166, 74);}
.btn.btn-next-list:hover .icon-arrow svg path {fill: transparent;stroke: rgb(64, 166, 74);}
.request-btn-row-1{display: flex; justify-content: flex-end; width: 96.9%;margin-bottom: 24px; margin-top: 3px;}
.data-section-list{padding-top: 14px; padding-bottom: 30px;}
.selected-c .custom-select2 .form-label {padding: 0 26px;}
.selected-c  .custom-select2 .select2-container--default .select2-selection--single .select2-selection__arrow{ top: 0;}
.search-block .input-group .input-group-append {position: absolute;left: 16px; top: 2px;z-index: 9;}
.search-block .input-group .my-search {padding-left: 75px;}
.comment-pointers {position: absolute;right: 20px;bottom: 30px;}
.comment-btn {background: rgb(218, 241, 199);color: rgb(64, 166, 74);border: solid rgb(218, 241, 199) 1px; border-radius: 100px; font-size: 18px; padding: 6px 24.6px;font-family: var(--dmsansregular);}
.comment-btn:hover {border: solid rgb(64, 166, 74) 1px;color: rgb(64, 166, 74); background-color: #fff;}
.comment-canvas-right .comments-body{margin-top: 8px;}
.tab-row-top {width: 66%; display: flex;justify-content: flex-start; float: left;flex-direction: column;}
.request-btn-row-1 .button-row {width: 30%;display: flex;justify-content: flex-end;}
.tab-slider-tabs {display: flex;float: left;margin: 0; padding: 0; list-style: none;position: relative;border-radius: 100px;background: #F1F1F1;}

.tab-slider-trigger a {font-size: 22px;line-height: 1; color: var(--color-secondary);text-align: center;padding: 11px 20px;position: relative;z-index: 2; border-radius: 100px;cursor: pointer;display: inline-block;}
.tab-slider-trigger.active a {color: var(--color-white); background: var(--color-default);}
.list-pointers .input-group-append {top: 2px;}
.tab-slider--body {margin-bottom: 20px;}
.pointer-preview-list .custom-select2-tr {margin-right: 0px;}
.pointer-preview-searchbar { width: 59%;float: right; position: relative;}
.pointer-preview-searchbar .input-group { position: relative; display: flex;flex-wrap: wrap;align-items: stretch; width: 100%; border: solid rgb(195 197 194 / 60%) 1px;border-radius: 8px !important;}
.pointer-preview-searchbar .input-group .my-search {border: transparent !important;}
.pointer-preview-list .col, .pointer-preview-list .col-md-2 { padding-left: 5px; padding-right: 5px;}
.input-app-date { padding: 0 26px;}
.input-app-date .form-control {border: transparent;font-size: 15px;line-height: 26px;font-family: var(--font-semibold);padding: 1px 0;color: var(--color-default) !important; font-weight: 700;}
.pointer-preview-list .col::-webkit-input-placeholder { color: var(--color-default);}
.pointer-preview-list .col::-moz-placeholder {color: var(--color-default);}
.pointer-preview-list .col:-ms-input-placeholder { color: var(--color-default);}
.pointer-preview-list .col:-moz-placeholder { color: var(--color-default);}

/* back-drop modal css*/
.back-drop-modaldialog {margin-top: 309px; max-width: 705px;}
.back-drop-modal-content {border-radius: 8px;padding: 30px; border: solid #F1F1F1 1px;}
.back-drop-modal-content .modal-header {background: transparent;border: transparent;padding: 0px;}
.back-drop-modal-content .modal-body {padding: 31px 0 60px;text-align: center;}
.department-modal h3 {font-size: 26px;line-height: 36px;font-family: var(--font-medium);color: var(--color-secondary);}
.btn-row-modal { margin: 47px auto auto;display: flex;justify-content: center;align-items: center; max-width: 420px;}
.btn-cancel {background: transparent; border: transparent;color: #FF6A6A;margin-right: 60px;}
.verification-modal{margin-top: 309px;max-width: 895px;}
.verification-modal .modal-content {border-radius: 8px; padding: 30px;border: solid #F1F1F1 1px;}
.verification-modal .modal-header {background: transparent;border: transparent;padding: 0px;}
.verification-modal .modal-body {padding: 31px 0 60px;text-align: center;}
.department-modal .icon-check-btn {border: solid #40A174 1px;width: 109px; height: 109px;}
.card-gray {filter: gray;-webkit-filter: grayscale(1);-moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);}
.inner-dashboard-mauze {padding: 32px 40px;}
.inner-dashboard-mauze .descriptionheader {margin-bottom: 20px;}
.checkbox-view .check { width: 40px; height: 40px; background-color: #fff;border-radius: 8px !important; border: solid 1px #dbdcda !important;margin: 0;}
.checkbox-view .check:checked[type=checkbox] {background-image: url(../images/check-b.svg) !important; background-size: 19px 14px;background-repeat: no-repeat;}
.checkbox-view .check:checked {background-color: #fff;}
.ctatus-success {color: #40A64A;}
.score-input { width: 77px; background: #F1F1F1;border: transparent;padding: 15px 13px;border-radius: 8px;font-size: 20px;line-height: 32px; color: var(--color-secondary);margin-top: -17px;}
.score-input::-ms-input-placeholder { color: var(--color-secondary);}
.score-input::placeholder {color: var(--color-secondary);}
.btn-next-back{ width: 41px; height: 41px;background: var(--color-cornsilk); border-radius: 100px;display: flex; justify-content: center;border: transparent; transform: rotate(180deg); align-items: center;}
.btn-next-back:hover, .btn-next-back:active {background-color: var(--color-hover) !important; color: rgb(64, 166, 74); outline: none; box-shadow: none;border: transparent;}
.check-box-list {border: solid #DADADA 1px;padding: 13px 27px 12px; border-radius: 10px;margin-bottom: 30px;background-color: #fff;}
.comment-form-cookies-consent {display: flex;justify-content: space-between;width: 100%; position: relative; align-items: center;}
.comment-form-cookies-consent label {font-size: 20px; color: #030229; font-family: var(--font-semibold); margin: 6px 0 0 0;}
.my-checkbox[type=checkbox] {position: relative;border: 1px solid rgb(195 197 194 / 60%);border-radius: 5px;background: none;cursor: pointer;line-height: 0;margin: 0;outline: 0;padding: 0 !important;vertical-align: text-top;height: 37px;width: 37px;-webkit-appearance: none;appearance: none;}
.my-checkbox[type=checkbox]:hover {opacity: 1;}
.my-checkbox[type=checkbox]:checked {border-color: var(--color-default); opacity: 1;}
.my-checkbox[type=checkbox]:checked:before { content: ''; position: absolute;right: 50%;top: 50%;width: 8px;height: 18px;border: solid var(--color-default);border-width: 0 2px 2px 0;margin: -1px -1px 0 -1px;transform: rotate(45deg) translate(-50%, -50%);z-index: 2;}
.overview-tab-content .overview-container p {font-size: 20px; color: rgb(151, 151, 151); margin-bottom: 29px;font-family: var(--font-semibold);}
.overview-tab-content h4 { font-size: 20px; line-height: 31px;margin-top: 8px;font-family: var(--font-semibold);color: var(--color-secondary);}
.coordinator-score-row { display: flex;margin-top: 30px;flex-wrap: wrap;}
.coordinator-score-list {width: 29%;}
.custom-lable {font-size: 20px; margin-bottom: 14px;color: var(--color-secondary);font-family: "Nunito", sans-serif; line-height: 32px;}
.score-active .custom-lable {color: var(--color-default);}
.custom-input {width: 99px;background: #F1F1F1;border: transparent; padding: 15px 13px;border-radius: 8px;font-size: 20px;line-height: 32px;color: var(--color-secondary)!important; text-align: center;}
.score-active .custom-input {color: var(--color-default);background: #eff4fe;}
.score-active .custom-input::placeholder {color: var(--color-default) !important;}
.description-row .description-text p {font-size: 20px; color: rgb(151, 151, 151);margin-bottom: 20px;font-family: var(--font-default);}
.description-row { display: flex; justify-content: space-between; margin-top: 39px; width: 100%;}
.score-list ul {margin: 0px; display: flex; padding: 0px; list-style: none; flex-wrap: wrap;}
.score-list ul li {display: flex;justify-content: space-between;width: 100%; border-radius: 10px;border: solid #DADADA 1px;padding: 16px 62px 15px 39px;margin-bottom: 30px;}
.score-list ul li:last-child{ margin-bottom: 0;}
.score-list ul li .text {font-size: 20px; color: #4f4e69;font-family: var(--font-semibold); margin: 0;line-height: 31px; position: relative; padding-left: 17px;}
.score-list ul li .text::before {content: "";position: absolute;top: 14px;left: 0;background: #4f4e69;width: 4px;height: 4px;border-radius: 100px;}
.score-list ul li .scorenumber strong {font-size: 20px;color: #4f4e69;font-family: var(--font-semibold);margin: 0; line-height: 31px;}
.score-list ul li.score-active {border: solid var(--color-default) 1px;}
.Verifier-row .custom-lable {margin-bottom: 21px;}
.Verifier-row .input-custom {border: solid #DADADA 1px;border-radius: 10px;padding: 19px 20px;font-size: 20px;line-height: 31px;color: #030229;font-family: var(--font-semibold);}
.Verifier-row { margin-top: 39px;}
.radio-box-list { border: solid #DADADA 1px;padding: 19px 27px 14px;border-radius: 10px;margin-bottom: 30px;background-color: #fff;}
.radio-box-list .radio {display: flex;justify-content: space-between; width: 100%; position: relative;}
.radio-label { font-size: 20px;color: #4f4e69;font-family: var(--font-semibold);margin: 0;}
.radio-checkbox-input[type="radio"] {position: relative;border: 2px solid var(--color-default);border-radius: 100px;background: none;cursor: pointer;line-height: 0;margin: 0;outline: 0;padding: 0 !important;vertical-align: text-top;height: 28px;width: 28px;-webkit-appearance: none; appearance: none;}
.radio-checkbox-input[type="radio"]:hover {opacity: 1;}
.radio-checkbox-input[type="radio"]:checked {border-color: var(--color-default);opacity: 1;}
.radio-checkbox-input[type="radio"]::before {content: '';position: absolute;left: 3px;top: 3px;width: 18px;height: 18px;margin: 0;z-index: 2;background: #d7e4fd;border-radius: 100px;}
.radio-checkbox-input[type="radio"]:checked::after {content: '';position: absolute;left: 3px;top: 3px; width: 18px; height: 18px; margin: 0; z-index: 2;background: #3579F6;border-radius: 100px;}
.overview-container h5 {font-size: 20px;line-height: 31px;margin-top: 8px;font-family: var(--font-semibold);color: #4f4e69;margin-bottom: 24px;}
.remarks-row { display: flex;justify-content: space-between;width: 100%;}
.overview-tab-content .remarks-row p {color: #4f4e69;}
.view-link {font-size: 20px;line-height: 31px;color: #8d9095;text-decoration: underline;font-family: var(--font-default);}
.Upload-row {width: 100%;padding-top: 30px;}
.file-input-upload {border: 1px solid rgba(195, 197, 194, 0.6);padding: 24px 20px;text-align: center;border-radius: 10px;background-color: #fff;}
.file-input-upload p {color: rgb(151, 151, 151) !important;font-size: 17px !important; max-width: 235px;margin: 0 auto !important;font-family: var(--font-default) !important;}
.card-container{width: 100%;padding-top: 50px;}
.custom-card {border: solid #F8F9FA 1px;padding: 27px 42px 50px;background: #fff; border-radius: 27.19px;box-shadow: #F8F9FA 0px 4px 16px, #F8F9FA 0px 8px 32px; margin-bottom: 30px;}
.orange-icon {width: 11px;height: 11px; border-radius: 100px; background: #f79580; margin-top: 7px;}
.blue-icon{width: 11px;height: 11px;border-radius: 100px;background: var(--color-default);margin-top: 7px;}
.score-row { display: flex;justify-content: space-between;width: 100%; align-items: center;}
.card-header-custom .description-text p { margin: 0px; font-size: 16px;color: #7B7B7B;font-weight: var(--font-bold);}
.card-header-custom .description-text h4 {margin: 0px;line-height: 43px;}
.card-header-custom {margin-bottom: 24px;}
.standard-rule-section {background: #ecf1fb;border-radius: 8px;margin-top: 20px;padding: 25px 23px 22px 40px;}
.information-link {display: flex;justify-content: flex-end;width: 100%;}
.information-link a {font-size: 18px;font-family: var(--dmsansregular);color: var(--color-secondary);}
.information-link .icon-arrow {width: 12px; display: inline-block;margin-left: 8px;}
.information-link .icon-arrow svg {height: 12px;}
.compr-row {display: flex;justify-content: space-between; align-items: center; width: 100%;}
.compr-row .description-text { width: 32%;padding-top: 23px;}
.description-title h2 {font-size: 28px;line-height: 38px;margin-bottom: 0px;font-family: var(--font-semibold);}
.compr-row .description-text p { font-size: 18px; line-height: 32px; margin: 0px; color: var(--color-default);}
.col-md-custom-2 {flex: 0 0 auto;max-width: 212px; padding-left: 5px;padding-right: 5px;}
.col-md-custom-3 {flex: 0 0 auto;max-width: 327px; padding-left: 5px;padding-right: 5px;}
.col-md-180{flex: 0 0 auto; max-width: 180px;padding-left: 5px;padding-right: 5px;}
.col-md-205{flex: 0 0 auto; max-width: 205px;padding-left: 5px;padding-right: 5px;}
.col-md-140{flex: 0 0 auto; max-width: 140px;padding-left: 5px;padding-right: 5px;}
.pointer-preview-right .col-md-7, .pointer-preview-right .col-md-3 {padding-left: 5px;padding-right: 5px;}

/* want to request new CC? css*/
.request-modalinner-box .modal-content{border-radius: 8px;padding: 39px 54px 42px;border: solid #F1F1F1 1px;}
.request-modalinner-box .modal-header {padding: 0px;border: transparent;}
.request-modalinner-box .modal-header h2 { font-size: 26px;line-height: 36px;font-family: var(--font-semibold);margin-bottom: 0px;color: var(--color-secondary);}
.request-modalinner-box .modal-body {padding: 0px;}
.request-modalinner-box .modal-footer {padding: 0px;border: transparent;}
.request-form { padding-top: 40px; padding-bottom: 40px;}
.file-input-upload h4 {font-size: 20px;line-height: 31px; margin-top: 8px;font-family: var(--font-semibold); color: var(--color-secondary);}
.coordinator-inner {display: flex;justify-content: space-between; width: 100%;padding: 20px 39px 0;margin-top: 12px;}
.coordinator-block {width: 48.6%;}
.coordinator-block .textarea-control {height: 180px;}


@media (min-width: 992px) {
  .request-modalinner-box { margin-top: 130px;}
}
.clearance-nav { margin: 0px; padding: 0px !important; list-style: none; display: inline-flex; justify-content: flex-end;width: 100%;}
.clearance-nav .nav-item{border: solid rgb(195 197 194 / 60%) 1px;border-radius: 8px !important; background-color: #fff;padding: 19px 33px 16px; margin: 0 5px; cursor: pointer;}
.clearance-nav .nav-item .nav-link{ margin: 0px;padding: 0px;font-size: 18px;line-height: 24px; font-family: var(--font-default); color: var(--color-secondary);}
.clearance-nav li.active {background: var(--color-default);border: solid var(--color-default) 1px;}
.clearance-nav li.active .nav-link{color: var(--color-white);}
.list-clearance-nav li:first-child:before { content: "";position: absolute;left: 0;background: #000; width: 1px; height: 75px;margin-right: 23px;}
.clearance-head {background-color: #fbfbfb;border-radius: 8px; padding: 31px 40px; margin-top: 20px;}
.list-clearance-nav {margin: 0px;padding: 0px;list-style: none; width: 100%; display: flex;flex-wrap: wrap;}
.list-clearance-nav li {width: 20%;font-size: 20px; line-height: 32px; font-family: var(--font-semibold); color: var(--color-secondary);position: relative;padding-left: 23px;}
.list-clearance-nav li span { font-size: 20px; line-height: 32px; font-family: var(--font-default);color: #959595;}
.list-clearance-nav li p {margin: 0px;}
.list-clearance-nav-right{ margin: 0px;padding: 0px;list-style: none; width: 100%;display: flex;flex-wrap: wrap;}
.list-clearance-nav-right li {width:50%;font-size: 20px; line-height: 32px; font-family: var(--font-semibold); color: var(--color-secondary); position: relative;padding-left: 23px;}
.list-clearance-nav-right li span { font-size: 20px; line-height: 32px; font-family: var(--font-default);color: #959595;}
.list-clearance-nav-right li p {margin: 0px;}
.list-clearance-nav-right li:first-child:before { content: ""; position: absolute;left: 0;background: #000; width: 1px; height: 75px;margin-right: 23px;}
.clearance-tab-container .card { background: rgb(251 251 251); border: transparent; padding: 17px 0 26px;border-radius: 8px;}
.title-summary {font-size: 20px;line-height: 32px;margin: 0px; padding: 0px;font-family: var(--font-semibold); color: var(--color-default);}
.colsm7 {flex: 0 0 auto;width: 60%;}
.colsm5 {flex: 0 0 auto;width: 40%;}
.textarea-control { border: 1px solid rgba(195, 197, 194, 0.6);font-size: 18px;line-height: 32px; font-family: var(--font-default); color: var(--color-secondary);padding: 26px 39px;border-radius: 8px;}
.table-summary .table > thead th{padding-top: 8px;padding-bottom: 8px;}
.clearance-tab-container .card-header {border: transparent;background: transparent;margin-bottom: 18px;padding: 0 38px;}
.clearance-tab-container .card-body {padding: 0px;}
.table-summary .table > :not(caption) > * > *{ border: transparent;}
.table-summary.table-responsive .table > tbody td { padding-bottom: 30px;padding-top: 30px;}
.comments-card .card-body {padding: 0 40px;}
.card-header .description-box-text p { font-size: 20px;line-height: 32px; margin: 19px 0 0 0;padding: 0px; font-family: var(--dmsansregular);color: var(--color-secondary);}
.card-header .description-box-text{margin-top: 18px;}
.clearance-tab-container {padding-bottom: 60px;}
.blue{color: var(--color-default);}
.coordinator-blocks label {font-weight: 600;}
.card-additional {background: rgb(251 251 251);border: transparent;border-radius: 8px;padding: 41px 40px;}
.my-label-box {margin-bottom: 6px;}
.my-label-box .form-label {font-weight: 600;}
.card-additional .cke_top {background: #EFEFEF;border: transparent;}
.card-additional .cke_chrome {border: transparent;}
.clearance-nav .nav-item:last-child {margin-right: 0px;}
.pointer-preview-row {display: flex;justify-content: space-between;width: 100%;}
.pointer-col-9 {width: 75%;}
.pointer-col-3 { width: 33%;}
.pointer-preview-row .col { padding-left: 5px;padding-right: 5px;}
.pointer-preview-list-row {display: flex;justify-content: space-between;}
.pointer-preview-list-row .col { padding-left: 5px;padding-right: 5px;}
.list-col-sm-10{flex: 0 0 auto;width: 80.333%}
.list-col-sm-2{ flex: 0 0 auto;width: 8.667%;}
.pointer-col-8 {flex: 0 0 auto;width: 75%;}
.pointer-col-2 {flex: 0 0 auto;width: 19.3%;}
.card-mauze-section { padding-top: 20px;}
.card-mauze {background-color: #fbfbfb;border-radius: 8px;border: transparent;padding: 26px 18px;margin-bottom: 30px;}
.card-mauze .card-body {position: relative;}
.card-row {display: flex;justify-content: space-between;align-items: center;}
.card-row .description-text {max-width: 180px;}
.card-mauze .description-text h3 { font-size: 22px;line-height: 38px;color: var(--color-black);font-family: var(--font-default);}

/* Pie Chart */
.progress-pie-chart {width: 136px;height: 136px;border-radius: 100%;position: relative;}
.progress-pie-chart.gt-50 {background-color: var(--color-default);}
.ppc-progress {content: ""; position: absolute;border-radius: 100%;left: calc(50% - 76px);top: calc(50% - 100px);width: 136px;height: 136px;clip: rect(0, 136px, 136px, 100px);    border-radius: 100%;}
.ppc-progress .ppc-progress-fill {content: "";position: absolute;border-radius: 100%;left: calc(50% - 100px);top: calc(50% - 100px);width: 136px; height: 136px; clip: rect(0, 100px, 136px, 0);background: var(--color-default);transform: rotate(60deg);}
.gt-50 .ppc-progress {clip: rect(0, 105px, 136px, 0); border-radius: 100%;}
.gt-50 .ppc-progress .ppc-progress-fill {clip: rect(0, 136px, 136px, 100px);background: #fbfbfb; border-radius: 100%;}
.ppc-percents {content: "";position: absolute;border-radius: 100%;left: calc(50% - 123.91304px/2);top: calc(54% - 133.91304px/2);width: 123.91304px;height: 123.91304px;background: #fbfbfb;text-align: center;display: table;}
.ppc-percents span {display: block;font-size: 38px;font-weight: normal;color: var(--color-default); line-height: 38px;font-family: var(--font-default);}
.pcc-percents-wrapper {display: table-cell;vertical-align: middle;}



@media(max-width: 720px){
  .progressDiv{height: auto;}
  .statChartHolder{width: 100%;display: block;padding-bottom: 65px;border-right: none;border-bottom: 1px solid #ccc}
  .statRightHolder {display: block; height: auto;width: 100%;position: relative;padding-top: 65px;margin-bottom: 100px;}

}

.description-card h3 {font-size: 22px;line-height: 38px;color: var(--color-black);font-family: var(--font-default);}
.description-card h2 {font-size: 50px;line-height: 62px;font-family: var(--font-default); margin-top: 27px;}
.view-all { font-size: 18px;color: var(--bs-link-color); position: absolute;right: 24px;}
.view-all:hover {color: rgb(64, 166, 74);}
.view-all:hover svg path {stroke: rgb(64, 166, 74);}
.view-all .icon { width: 9px;height: 23px;display: inline-block;margin-left: 5px;}
.card-body-inner h2 {font-size: 20px; line-height: 42px; font-family: var(--font-semibold);color: var(--color-black);margin-bottom: 34px;}
.progress-description {display: flex;justify-content: space-between; width: 100%;}
.add-description { font-size: 16px;line-height: 20px;color: #3A3A3A;font-family: var(--font-default);margin-bottom: 13px;}
.number{font-size: 16px;line-height: 20px;color: #3A3A3A; font-family: var(--font-medium);margin-bottom: 13px;}
.progress-section-warning .progress { border-radius: 0px;height: 7.12px;background-color: #E4EAF0;}
.progress-section-warning .progress .text-bg-warning { background-color: #EBDA9C !important;border-radius: 2px !important;opacity: 1 !important;}
.progress-section-warning {margin-bottom: 27px;}
.progress-section-warning:last-child {margin-bottom: 0;}
.progress-section-success .progress { border-radius: 0px;height: 7.12px;background-color: #E4EAF0;}
.progress-section-success .progress .text-bg-success { background-color: #94C999 !important;border-radius: 2px !important;opacity: 1 !important;}
.progress-section-success {margin-bottom: 27px;}
.progress-section-success:last-child {margin-bottom: 0;}
.progress-section-primary .progress { border-radius: 0px;height: 7.12px;background-color: #E4EAF0;}
.progress-section-primary .progress .text-bg-primary { background-color: #ACC3EE !important;border-radius: 2px !important;opacity: 1 !important;}
.progress-section-primary {margin-bottom: 27px;}
.progress-section-primary:last-child {margin-bottom: 0;}
.progress-section-danger .progress { border-radius: 0px;height: 7.12px;background-color: #E4EAF0;}
.progress-section-danger .progress .text-bg-danger { background-color: #E9AEAE !important;border-radius: 2px !important;opacity: 1 !important;}
.progress-section-danger {margin-bottom: 27px;}
.progress-section-danger:last-child {margin-bottom: 0;}
.description-box-list h3 {font-size: 22px; margin: 0px; font-family: var(--font-semibold); color: var(--color-secondary);}
.custom-sort .select2-container--default .select2-selection--single .select2-selection__rendered{ color: #FF6A6A;}
.critical-points-section {margin-top: 20px;}
.card-mauze .card-header h4 {font-size: 18px;line-height: 36px;font-family: var(--font-default);color: var(--color-secondary); margin: 0;}
.card-mauze .card-header {border: transparent;padding-top: 0px; padding-bottom: 0px;background: transparent;}
.card-mauze .card-header p {margin: 0px;font-size: 14px;line-height: 36px; font-family: var(--font-default);color: var(--color-secondary);}
#container-pai-chart { min-width: 100% ; max-width: 100%; height: 280px !important; margin: 0 auto;display: flex; justify-content: center;}
#container-pai-chart-2 { min-width: 100% ; max-width: 100%; height: 280px !important;margin: 0 auto;display: flex; justify-content: center;}
#container-pai-chart-3 { min-width: 100% ; max-width: 100%; height: 280px !important; margin: 0 auto;display: flex;justify-content: center;}
#container-pai-chart-4 { min-width: 100% ;max-width: 100%;height: 280px !important; margin: 0 auto; display: flex;justify-content: center;}
.highcharts-data-label-connector { stroke: #000000;}
.container-pai-chart text.highcharts-title{display: none;}
.container-pai-chart g.highcharts-exporting-group { display: none;}
.container-pai-chart .highcharts-credits {display: none;}
.card-table {background-color: #FBFBFB;padding: 28px 28px 40px;}
.data-table-sectioon {margin-top: 20px;}
.card-table .table > thead { background: transparent;border-bottom: transparent;}
.card-table .table>thead th { padding-top: 0px;padding-bottom: 13px;}
.card-table .table>tbody td {padding-top: 7px;padding-bottom: 0;}
.card-table .table>tfoot td {padding: 28px 0 0 0.5rem; font-size: 18px;line-height: 34px;font-family: var(--font-semibold);color: var(--color-secondary);}
.card-table .table>thead th:first-child {border-radius: 0 !important;}
.card-table .table>thead th:last-child{ border-radius: 0 !important;}
.card-table .table>:not(caption)>*>* { border-bottom: transparent;}
.card-table .table-group-divider { border-top: solid #B8B8B8 1px !important;}
.card-table .table>tfoot td:first-child{padding-left: 0.5rem;}
.card-table .table>tfoot {border-top: solid #B8B8B8 1px !important;}
.card-table .table-fixed thead > tr, .table-fixed tbody > tr, .table-fixed tfoot > tr {display: flex; justify-content: space-around;  flex: 0 0 auto;}
.card-table .table-fixed thead > tr th, .card-table  .table-fixed thead > tr td, .card-table .table-fixed tbody > tr th, .card-table .table-fixed tbody > tr td, .card-table .table-fixed tfoot > tr td {flex: 1;}
.card-table .table-fixed tbody {overflow-y: scroll;display: flex;flex-direction: column;}
/*
 *  STYLE 1
 */

.pt-20{padding-top:20px;}

 .card-table .table-fixed tbody::-webkit-scrollbar-track{border-radius: 100px;background-color: #CBCBCB;}
 .card-table .table-fixed tbody::-webkit-scrollbar{width: 9px; border-radius: 100px; background-color: #CBCBCB;}
 .card-table .table-fixed tbody::-webkit-scrollbar-thumb{border-radius: 100px;background-color: #757575;}
.card-table .table-lock-height > tbody {max-height: 280px;}
.card-table .table-custom-width td:nth-child(1),
.card-table .table-custom-width th:nth-child(1) {flex: unset;}
.card-table .table-custom-width td:nth-child(1),
.card-table .table-custom-width th:nth-child(1) {width: 10%;}
.card-table .table-custom-width td:nth-child(2),
.card-table .table-custom-width th:nth-child(2) { flex: unset;}
.card-table .table-custom-width td:nth-child(2),
.card-table .table-custom-width th:nth-child(2) {width: 15%;}
.btn-c-canvas {align-items: center;display: flex;}
.btn-c-canvas .approve-btn {margin-right: 41px;}
.sub-title {font-size: 20px;color: #8B8B8B;font-family: var(--font-default); margin-top: 0;}
.offcanvas-body-upload {width: 100%;padding-top: 7px;}
.offcanvas-body-upload .my-checkbox[type=checkbox]:checked {border: 1px solid rgb(195 197 194 / 60%);}
.custom-select .select2-container {width: 100% !important;}
.custom-select .select2-container--default .select2-selection--single .select2-selection__rendered {color: var(--color-secondary);font-size: 18px;line-height: 32px;font-family: var(--font-semibold); padding: 15px 30px 13px;}
.custom-select .select2-container--default .select2-selection--single { background-color: rgb(255, 255, 255); border: 1px solid rgba(195, 197, 194, 0.6); height: auto; border-radius: 8px !important;}
.custom-select .select2-container--default .select2-selection--single .select2-selection__arrow {height: 10px; position: absolute; top: 26px;right: 34px; width: 15px; background-image: url(../images/down-arrow-i.svg);background-repeat: no-repeat;background-position: center center; background-size: 15px 10px;}
.custom-select .select2-container--default .select2-selection--single .select2-selection__arrow b {display: none;}
.offcanvas-body-upload .check-box-list { margin-bottom: 20px;}
.custom-label {font-size: 20px; color: #8B8B8B; font-family: var(--font-default);  margin-bottom: 17px;}
.mauze-select-box {width: 100%;margin-top: 17px;float: left;}
.btn-edit { width: 44px;height: 44px; background: var(--color-cornsilk); border-radius: 100px !important;display: flex; justify-content: center; align-items: center;border: transparent;}
.btn-edit:hover, .btn-edit:active {background-color: var(--color-hover) !important;color: rgb(64, 166, 74); outline: none; box-shadow: none; border: transparent;border-top-color: transparent;border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent;}
.btn-edit:hover svg path { stroke: rgb(64, 166, 74);}
.btn-delete{ width: 44px;height: 44px; border-radius: 100px !important;display: flex; justify-content: center; align-items: center;border: transparent; background: rgba(255, 106, 106, 0.23);color: #ff6a6a;}
.btn-delete:hover, .btn-delete:active {background-color: #ff6a6a !important;color: #fff; outline: none; box-shadow: none; border: transparent;border-top-color: transparent;border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent;}
.btn-delete:hover svg path { fill: #fff;}
.btn-delete:active svg path {fill: #fff !important;}
.add-link { font-size: 22px;color: var(--bs-link-color); font-family: 'dm_sansbold';}
.add-link:hover {color: rgb(64, 166, 74);}
.mauze-select-box .my-label {margin-top: 14px;margin-bottom: 29px;}
.mauze-select-box .my-input {padding-left: 30px;}
.custom-select-user{padding: 16px 0 16px 0px; background: #fff;}
.addfield { display: flex;justify-content: flex-end;width: 100%;margin-top: 49px;}
.btn-field {font-size: 20px;color: var(--color-default); font-family: var(--font-default);}
.btn-field i {margin-left: 15px;}
.btn-field:hover {color: rgb(64, 166, 74) !important;}
.field-section-inner {background-color: #fbfbfb;width: 100%; border-radius: 8px; float: left; padding-bottom: 40px;}
.field-header { background: #f1f1f1;border-radius: 8px;display: flex; justify-content: flex-start;padding: 31px 40px 19px;}
.field-box {flex: 1 0 0%; padding-right: 27px;}
.field-box-big {flex: 0 0 auto;width: 33.33333333%;padding-right: 0;}
.field-box p { margin: 0px;font-size: 20px; line-height: 32px; font-family: var(--font-semibold); color: var(--color-secondary);}
.field-box-big p { margin: 0px;font-size: 20px; line-height: 32px; font-family: var(--font-semibold); color: var(--color-secondary);}
.field-body { padding: 1px 40px 31px;width: 100%;float: left;}
.field-border-bottom-box {display: flex;justify-content: space-between;width: 100%;border-bottom: solid #C3C5C2 1px; padding-bottom: 29px;padding-top: 29px; float: left; position: relative;}
.col-custom {flex: 1 0 0%; padding-right: 27px;}
.col-custom-xl {flex: 0 0 auto;width: 33.33333333%;padding-right: 0;}
.field-border-bottom-box:last-child {border-bottom: transparent;}
.field-header .description-text { margin: 0px; font-size: 20px;line-height: 32px;font-family: var(--font-semibold);color: var(--color-secondary);}
.field-bottom-box { margin-bottom: 30px;}
.btn-field:active { border: transparent !important;color: rgb(64, 166, 74) !important;background-color: transparent !important;}
.field-border-bottom-box .custom-select2 .select2-container--default .select2-selection--single .select2-selection__rendered { font-family: var(--font-default);color: #000; font-size: 18px;}
.field-border-bottom-box .my-input { color: #000;padding-left: 30px;}
.field-border-bottom-box .my-inputinput::placeholder{color: #000;}

.field-border-bottom-box .my-inputinput::-webkit-input-placeholder { 
  color: #000;
}
.field-border-bottom-box .my-inputinput::-moz-placeholder { 
  color: #000;
}
.field-border-bottom-box .my-inputinput:-ms-input-placeholder { 
  color: #000;
}
.field-border-bottom-box .my-inputinput:-moz-placeholder { 
  color: #000;
}

/* all page responsive css*/
@media (max-width: 1600px) {
  .login-section { height: auto; padding-bottom: 40px;}
}
@media (max-width: 1440px) {
  .ai-row { width: 30%; display: flex; align-items: center;}
  .department-summary .icon {width: 25px; height: 25px; margin-right: 14px;}
  .department-summary .description-text p {font-size: 16px;}
  .dashboard-container .card{padding: 36px 30px;}
  .col-section-right { width: 71%;}
  .search-list-col{ width: 49.666667%;}
  .pointer-preview-searchbar {width: 100%;}
  .request-btn-row-1 .button-row {width: 30%;}
  .tab-row-top {width: 65%;}
  .colsm5{width: 36%;}
  .colsm7{ width: 64%;}
  .clearance-nav .nav-item .nav-link{ font-size: 16px;}
  .list-clearance-nav li span { font-size: 16px;}
  .list-clearance-nav li{font-size: 18px;}
  .list-clearance-nav-right li{font-size: 18px;}
  .list-clearance-nav-right li span{ font-size: 16px;}
  .col-md-custom-3 {max-width: 300px;}
  .description-title h2 { font-size: 25px;}
  .pointer-preview-row {flex-wrap: wrap;}
  .pointer-col-9 {width: 75%;}
  .pointer-col-3 {width: 22%;}
  .pointer-preview-list-row {flex-wrap: wrap;}
  .list-col-sm-10{width: 100%;}
  .list-col-sm-2{  width: 13.7%; margin-left: -6px; margin-top: 10px;}
  .custom-select2 .form-label {padding: 0 15px !important; font-size: 14px;}
  .selected-c .custom-select2 .select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 14px;padding-left: 15px;padding-right: 15px;}
  .custom-select2 .select2-container--default .select2-selection--single .select2-selection__arrow{ right: 12px;}
  .clearance-nav .nav-item{ padding: 19px 18px 19px;}
  .request-btn-row-1 {width: 94.9%;}
  .global-viewrow .tab-row-top{ width: 45%;}
  .global-viewrow .button-row { width: 50%;}
  #container-pai-chart { min-width: 225px !important;   height: 225px !important;}
  #container-pai-chart-2 { min-width: 225px !important; height: 225px !important;}
  #container-pai-chart-3 {min-width: 225px!important;   height: 225px !important;}
  #container-pai-chart-4 {min-width: 225px!important;   height: 225px !important;}
  .col-md-180 { max-width: 160px;}
  .col-md-205 { max-width: 155px;}

}
@media (max-width: 1366px) {
  .pointer-col-9 {width: 78%;}
  .pointer-col-3 {width: 20%;}
  .clearance-nav .nav-item{ padding: 19px 14px 19px;}
  .container-login{padding: 80px 0 40px;}
  .login-section{height: auto; padding-bottom: 60px;}
  
  

}


@media (max-width: 1280px) {
  .dashboard-row .px-27 { padding-left: 15px;padding-right: 15px;}
  .btn-update{padding: 7px 16px;}
  .col-md-custom-2 {max-width: 195px;}
  .clearance-nav .nav-item {padding: 19px 12px 19px;}
  .clearance-nav .nav-item .nav-link { font-size: 15px;}
  .list-clearance-nav li {font-size: 16px;}
  .list-clearance-nav-right li{font-size: 16px;}
  .col-md-custom-3 {max-width: 280px;}
  .pointer-col-9 {width: 100%;}
  .pointer-col-3 {width: 30%; margin-top: 10px; margin-left: -6px;}
  .description-title h2 {font-size: 21px;line-height: 28px;}
  .request-btn-row-1 .button-row {width: 50%;}
  .global-viewrow .tab-row-top { width: 44%;}
  .pointer-preview-list-mob .custom-label-sm-8 {width: 100%; margin-bottom: 10px;}
  .col-md-205 {max-width: 205px;}
  .col-md-180 { max-width: 180px;}
  .custom-label-sm-4 .pointer-preview-right {justify-content: flex-start !important;}
  .custom-label-sm-4 {padding-right: 15px !important; padding-left: 15px!important; width: 50%;}
  .login-section { padding-bottom:80px;}


}


@media (max-width: 992px) {
  .login-section {
      height: 100%;
      background-size: cover;
      float: left;
  }
}

@media (max-width: 480px) {
  .container-login {
      padding: 0px 15px;
      margin-top: 50px;
  }

  .top-header-login h1 {
      font-size: 20px;
  }

  .container-login .row {
      width: auto;
  }

  .login-form {
      padding: 36px 20px;
  }

  .login-input {
      padding: 8px 20px;
      font-size: 14px;
  }

  .field-icon {
      top: 30px;
      width: 20px;
      height: 20px;
  }

  .login-label {
      font-size: 14px;
      padding-left: 23px;
  }

  .button-wrapper .form-check .form-check-label {
      font-size: 16px;
  }

  .submit-btn {
      font-size: 22px;
      padding: 10px 20px;
  }

  .forgot-link {
      font-size: 16px;
  }

  .login-form h3 {
      font-size: 18px;
  }

  .back-login {
      width: 100%;
      font-size: 16px;
      justify-content: center;
      margin-top: 0px;
      margin-bottom: 12px;
  }
}