@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');



* {

  padding: 0px;

  margin: 0px;

  box-sizing: border-box;

}



body {

  padding: 0px;

  margin: 0px;

  font-family: 'Roboto', sans-serif;

}



a {

  text-decoration: none !important;

  outline: none !important;

}



img {

  border: none;

}



.clr {

  clear: both;

}



/*login-section*/

.login-wrap {

  width: 100%;

  height: 100vh;

  background: #14455F;

  display: flex;

  align-items: center;

}



.login-in {

  width: 100%;

  height: 100%;

  border-radius: 15px;

  display: flex;

}



.login-logo {

  flex: 50%;

  border-radius: 4px;

  padding: 100px 0px;

  background: #fff;

  display: flex;

}



.logo {

  width: 100%;

  height: auto;

  margin: auto;

  text-align: center;

}



.logo img {

  width: 311px;

  height: auto;

  margin-bottom: 15px;

}



.logo h1 {

  font-size: 40px;

  font-weight: 600;

  color: #B07D3C;

  margin: 0;

}



.login-form {

  flex: 50%;

  background: #0077B5;

  height: 100%;

  display: flex;

  align-items: center;

  flex-direction: column;

  justify-content: center;

  padding: 70px 20px;

  border-radius: 0px;

}



.login-form label {

  color: #fff;

}



.login-form label p {

  font-size: 14px;

  text-align: center;

  margin-bottom: 0px;

  margin-top: 14px;

}



.alredy-member p {

  font-size: 15px;

  text-align: center;

  margin-bottom: 0px;

  margin-top: 14px;

  color: #fff;

}



.alredy-member a {

  color: #51C3FF;

  text-decoration: underline !important;

}



.login-form form {

  width: 100%;

  height: auto;

  background: #0077B5;

  border-radius: 10px;

  padding: 30px;

  /* box-shadow: 3px 4px 25px rgba(0, 0, 0, 0.25); */

}



.login-form form h1 {

  font-size: 28px;

  font-weight: 400;

  margin: 0px 0px 10px 0px;

  text-align: center;

  color: #fff;

}



.login-txt {

  width: 100%;

  height: 40px;

  /* background: #EFEFEF; */

  background: #EFEFEF;

  /* border-radius: 8px; */

  border: none;

  margin-bottom: 7px;

  font-size: 15px;

  font-weight: 400;

  color: #828282;

  padding: 0px 15px;

  border-radius: 0px !important;

  position: relative;

}



.check-icon {

  position: absolute;

  width: 20px;

  height: 20px;

  display: flex;

  top: 10px;

  right: 8px;

  border: none;

  align-items: center;

  background: none;

  justify-content: center;

  transition: .5s;

}



.check-icon i {

  color: #008000 !important;

  cursor: pointer;

  font-size: 18px;

}



.password-eye {

  position: absolute;

  width: 20px;

  height: 20px;

  display: flex;

  top: 10px;

  right: 10px;

  color: #6B6B6B;

  border: none;

  align-items: center;

  background: none;

  justify-content: center;

  cursor: pointer;

  transition: .5s;

}



.password-eye i {

  color: #6B6B6B !important;

  cursor: pointer;

  font-size: 14px;

}



.terms-condi-wrap p {

  font-size: 14px;

  text-align: center;

  margin-bottom: 0px;

  margin-top: 14px;

  color: #fff;

}



.terms-condi-wrap a {

  color: #fff;

  text-decoration: underline !important;

}



.cross-icon {

  position: absolute;

  width: 20px;

  height: 20px;

  display: flex;

  top: 10px;

  right: 8px;

  border: none;

  align-items: center;

  background: none;

  justify-content: center;

  transition: .5s;

}



.cross-icon i {

  color: #FF5B5B !important;

  cursor: pointer;

  font-size: 18px;

}



/*.password-eye:before {

  position: absolute;

  content: "06e";

  font-family: "Font Awesome 5 Pro";

  font-size: 14px;

  color: #737373;

  visibility: visible;

  transition: .5s;

}



.password-eye:after {

  position: absolute;

  content: "070";

  font-family: "Font Awesome 5 Pro";

  font-size: 14px;

  color: #737373;

  visibility: hidden;

  transition: .5s;

}



.password-eye:focus:before {

  visibility: hidden;

  transition: .5s;

}



.password-eye:focus:after {

  visibility: visible;

  transition: .5s;

}*/

.login-btn {

  width: 100%;

  height: 48px;

  border-radius: 5px;

  background: #004366;

  color: #fff !important;

  font-size: 18px;

  border: none;

  display: flex;

  margin-top: 15px;

  font-weight: 500;

  text-align: center;

  align-items: center;

  justify-content: center;

}



.login-labl {

  cursor: pointer;

  display: flex;

  align-items: stretch;

  justify-content: end;

  margin: 10px 0px 13px 15px;

  font-size: 13px;

}



.login-rmb {

  margin-right: 8px;

}



/*login-section*/



/*login-succ-section*/



.login-succ {

  width: 100%;

  height: 100%;

  background: #fff;

  border-radius: 15px;

  display: flex;

  align-items: center;

  flex-direction: column;

  padding: 40px 30px;

  text-align: center;

}



.login-succ i {

  font-size: 40px;

  background: #0D144A;

  display: block;

  padding: 20px;

  border-radius: 50px;

  color: #fff;

  margin-bottom: 25px;

}



.login-succ h1 {

  font-size: 20px;

  margin: 0;

  color: #000;

  font-weight: 400;

}



.login-succ p {

  font-size: 30px;

  margin: 20px 0;

  color: #0D144A;

  font-weight: 700;

}



.login-succ p span {

  color: #B5FCE6;

}



.login-succ a {

  padding: 8px 30px;

  background: #0D144A;

  display: block;

  border-radius: 8px;

  font-size: 15px;

  color: #fff;

}



/*login-succ-section*/

.influ-wrap {

  width: 100%;

  height: auto;

}



.influ-strip {

  background: linear-gradient(-90deg, rgba(172, 117, 47, 1) 0%, rgba(253, 210, 155, 1) 200%);

  display: flex;

  align-items: center;

}



.influ-logo {



  /*flex-basis: 17%;*/

  width: 229px;

  background: #000;

  padding: 10px 0px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

}



.influ-logo img {

  width: 40px;

  margin-right: 8px;

}



.influ-logo a {

  font-size: 25px;

  color: #B07D3C;

  font-weight: 500;

  display: flex;

  align-items: center;

}



.influ-strip form {

  width: auto;

}



.menu-btn {

  background: none;

  border: none;

  color: #fff;

  font-size: 26px;

  margin-left: 15px;

}



.menu-btn:hover {

  color: #fff !important;

}



.influ-in {

  width: 100%;

  height: auto;

  padding: 20px !important;

}



.admin-heading {

  width: 100%;

  height: auto;

}



.admin-heading h1 {

  font-weight: 700;

  font-size: 28px;

  color: #171748;

  margin: 0px 0 20px 0;

}



.influ-strip-2 {

  width: 100%;

  height: auto;

  background: #000;

  padding: 10px;

  border-radius: 5px;

  display: flex;

  align-items: center;

  margin-bottom: 20px;

}



.influ-search {

  flex-basis: 28%;

  margin-right: auto;

}



.influ-search label {

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

  margin: 0;

}



.influ-search label input {

  width: 100%;

  height: 100%;

  padding: 0px 40px 0px 12px;

  border: none;

  border-radius: 20px;

  font-size: 14px;

}



.influ-search label button {

  position: absolute;

  right: 15px;

  top: auto;

  background: none;

  outline: none;

  border: none;

  width: 20px;

  height: 20px;

}



.influ-search label button img {

  width: 100%;

  height: 100%;

}



.invite-user {

  flex-basis: 50%;

  text-align: right;

  margin-left: auto;

}



.invite-user a {

  font-size: 16px;

  color: #fff;

  font-weight: 500;

  padding: 8px 20px;

  border: 1px solid #fff;

  border-radius: 5px;

  display: inline-flex;

  align-items: center;

}



.invite-user i {

  font-size: 22px;

  margin-left: 10px;

}



.admin-icon {

  flex-basis: auto;

  height: 100%;

  width: auto;

  margin-left: -9px;

  font-size: 16px;

  color: #fff;

  font-weight: 400;

  gap: 0px;

  display: inline-grid;

  align-items: center;

  justify-content: center;

}



.admin-icon img {

  width: 38px;

  height: 39px;

  object-fit: cover;

  margin: 0 auto;

}



.admin-icon svg {

  width: 30px;

  height: auto;

}



.admin-icon svg g path {

  fill: #fff;

}



/*.influ-search form {

width: 100%;

height: auto;

}



.influ-search form label {

width: 100%;

margin-bottom: 0 !important;

display: inline-flex;

align-items: baseline;

padding-left: 5px;

border-radius: 6px;

background: #FFFFFF;

border-radius: 4px;

}



.influ-search form label input {

width: 100%;

height: 30px;

position: relative;

background: #ffffff;

border: none;

color: #333333;

padding: 0px 10px;

font-size: 13px;

font-weight: 500;

outline: none;

border-radius: 30px;

}



.influ-search form label input::placeholder {

color: #000;

line-height: 20px;

}



.influ-search form label button {

width: 40px;

height: 100%;

border: none;

background: none;

padding: 10px;

color: #fff;

outline: none;

cursor: pointer;

margin-left: auto;

}



.influ-search form label button img {

width: 100%;

}*/

.main-wrap-form {

  display: flex;

}



.influ-btns {

  flex-basis: 100%;

}



.influ-btns ul {

  padding: 0;

  margin: 0;

  text-align: right;

}



.influ-btns ul li a {

  background: #fff;

  display: block;

  color: #000;

  font-weight: 500;

  padding: 6px 12px;

  border-radius: 5px;

  font-size: 14px;

}



.influ-btns ul li a i {

  color: #000;

  font-size: 14px;

}



.influ-btns form {

  width: 100%;

  height: 100%;

  text-align: right;

  display: flex;

  justify-content: flex-end;

}



.influ-btn {

  background: #fff;

  display: block;

  color: #000 !important;

  font-weight: 500;

  padding: 9px 12px;

  /* border-radius: 5px !important; */

  font-size: 13px;

  outline: none;

  border: none;

  margin-left: 10px;

  border-radius: 44px;

  display: flex;

  cursor: pointer;

  align-items: center;

}



.datepiker-btn {

  background: #000;

  display: block;

  color: #fff !important;

  font-weight: 500;

  padding: 9px 12px;

  height: 100%;

  border-radius: 5px !important;

  font-size: 13px;

  outline: none;

  border: none;

  margin-left: 10px;

  display: flex;

  max-width: 150px;

  cursor: pointer;

  align-items: center;

}



.datepiker-btn:after {

  content: 'ddd';

}



.datepiker-btn::placeholder {

  color: #fff;

}



.calender-icon {

  position: absolute;

  /* width: 100px; */

  height: 16px;

  display: flex;

  right: 24px;

  bottom: 14px;

  border: none;

  align-items: center;

  background: none;

  justify-content: center;

  transition: .5s;

}



.calender-icon i {

  color: #fff !important;

  cursor: pointer;

}



.add-common-btn {

  background: transparent;

  display: block;

  color: #fff !important;

  font-weight: 500;

  padding: 9px 12px;

  border-radius: 5px !important;

  font-size: 14px;

  outline: none;

  background: #000;

  border: none;

  border: 1px solid #fff;

  margin-left: 10px;

  display: flex;

  cursor: pointer;

  align-items: center;

}



.add-common-btn img {

  width: 20px;

  height: auto;

  margin-right: 7px;

  margin-left: 3px;

}



.influ-btn img {

  width: 20px;

  height: auto;

  margin-left: 10px;

}



.influ-btn i {

  font-size: 20px;

  color: #000;

  margin-right: 0;

  margin-left: 10px;

}



.influ-btn input {

  width: 70px;

  min-width: 70px;

  border: none;

  font-size: 13px;

  font-weight: 500;

  cursor: pointer;

  color: #000;

  text-align: right;

  caret-color: transparent;

}



.influ-btn input::placeholder {

  font-size: 13px;

  font-weight: 500;

  color: #000;

}



/*.influ-btn i {

font-size: 14px;

font-weight: 400;

margin-right: 10px;

}*/



/*.influ-btns form button i {

font-size: 15px;

color: #000;

margin-right: 0;

}

*/

.influ-btns form select {

  cursor: pointer;

  background: #fff;

  display: block;

  color: #000;

  font-weight: 500;

  padding: 6px 12px;

  border-radius: 5px;

  font-size: 13px;

  outline: none;

  border: none;

  margin-left: 10px;

  /*-webkit-appearance: none;

  -moz-appearance: none;

  position: relative;*/

}



/*.influ-btns form select:after {

 position: absolute;

content: '';

background-image: url(../images/dropdown.png);

width: 40px;

height: 30px;

top: 0;

right: 0;

background-repeat: no-repeat;

background-position: right;

background-size: contain;

z-index: 999999;

}*/

.quotes-list {

  width: max-content;

}



.influ-btns-label {

  position: relative;

  /* margin: 0; */

  z-index: 1;

  color: #333333;

  margin-right: 39px;

  border-bottom: 1px solid #e9e9e9;

  font-weight: 400;

  padding: 4px;

  width: 100%;

  margin-bottom: 5px;

  cursor: pointer;

  font-size: 14px;

  display: flex;

}



.influ-btns form label input[type=checkbox] {

  margin-left: auto;

  accent-color: #004366;

}



.influ-btns form input[type=date]::-webkit-datetime-edit-text {

  -webkit-appearance: none;

  display: none;

}



.influ-btns form input[type=date]::-webkit-datetime-edit-month-field {

  -webkit-appearance: none;

  display: none;

}



.influ-btns form input[type=date]::-webkit-datetime-edit-day-field {

  -webkit-appearance: none;

  display: none;

}



.influ-btns form input[type=date]::-webkit-datetime-edit-year-field {

  -webkit-appearance: none;

  display: none;

}



/*----------------*/

.influ-btns form input[type="date"]::before {

  content: attr(placeholder);

  position: absolute;

  color: #000;

  right: 10px;

  top: 7px;

}



.influ-btns form input[type="date"] {

  color: #000;

  width: 110px;

  height: 100%;

}



/*.influ-btns form input[type="date"]:focus, input[type="date"]:valid {

color: #000;

}*/

.influ-btns form input[type="date"]:focus::before,

input[type="date"]:valid::before {

  content: attr(placeholder);

}



.influ-btns form input[type="date"]::-webkit-calendar-picker-indicator {

  color: #000;

  width: 200px;

  cursor: pointer;

  position: relative;

}



.influ-table {

  width: 100%;

  height: auto;

  /*box-shadow: 0px 0px 4px -2px #000;*/

  padding-bottom: 20px;

}



.influ-table table {

  width: max-content;

  min-width: 100%;

  height: auto;

  text-align: center;

  border: 1px solid #E5E5E5;

}



.table-responsive {

  overflow-x: auto;

  padding-bottom: 20px;

}



.table-responsive::-webkit-scrollbar {

  width: 1px;

  /* width of the entire scrollbar */

  height: 8px;

}



.table-responsive::-webkit-scrollbar-track {

  background: #D9D9D980;

  /* color of the tracking area */

}



.table-responsive::-webkit-scrollbar-thumb {

  background-color: #004366;

  border: 1px solid #D9D9D980;

  /* color of the scroll thumb */

  border-radius: 10px;

  /* roundness of the scroll thumb */

}



.influ-table table thead tr:nth-child(1) {

  background: #004366;

}



.influ-table table tr:last-child {

  border-bottom: 1px solid #E5E5E5;

}



.influ-table table tr th {

  font-size: 14px;

  font-weight: 500;

  padding: 10px 50px;

  color: #fff;

  border-right: 1px solid #d6e9f3;

}



.influ-table table tr th:last-child {

  border-right: none;

}



.influ-table table tr td {

  border-right: 1px solid #004366;

  /* border-bottom: 1px solid #004366; */

  font-size: 14px;

  font-weight: 400;

  color: #000000;

  padding: 13px;

  /* font-family: 'Aleo', serif; */

  vertical-align: middle;

  border-right: 1px solid #cbd4d8;

  border-bottom: 1px solid #cbd4d8;

}



.influ-table table tr td img {

  width: 65px;

  height: 40px;

  object-fit: contain;

}





.influ-table table tr td ol {

  padding: 0px 0px 0px 20px;

  margin: 0;

  display: flex;

  flex-direction: column;

  gap: 8px;

}



.influ-table table tr td ol li {

  list-style: auto;

  text-align: left;

}



/*.influ-table table tr th:first-child {

width: 80px;

}



.influ-table table tr th:last-child {

border-right: none;

width: 120px;

}



.influ-table table tr th:nth-child(4) {

width: 200px;

}*/

.influ-table table tr td form {

  width: 100%;

  height: auto;

}



.influ-table-btn {

  padding: 8px 25px;

  background: #197E00;

  border-radius: 6px;

  color: #fff;

  font-size: 13px;

  border: none;

}



/*.influ-table table tr td:first-child {

width: 80px;

}*/

.influ-table table tr td:last-child {

  border-right: none;

}



/* .influ-table table tr:nth-child(odd) td {

background: #0077b529;

} */

.influ-table table tr td a {

  display: inline-block;

  margin: 0 8px;

  color: #000;

  text-decoration: underline !important;

}



.influ-table table tr td a img {

  width: 21px;

  height: auto;

}



.pdf-icn a img {

  width: 20px !important;

  margin: 0 5px;

}



.influ-table p {

  font-size: 13px;

  color: #4F4F4F;

  text-align: left;

  margin: 20px 15px 0px 0px;

}



.influ-pagi {

  width: 100%;

  height: auto;

  text-align: center;

  margin-top: 25px;

  position: relative;

  display: flex;

  padding: 0 0px 0 0px;

  align-items: center;

  justify-content: center;

}



.show-cases-pages {

  font-size: 13px;

  color: #000;

  font-style: normal;

  font-weight: 500;

}



.influ-pagi ul {

  padding: 10px;

  margin: 0;

  display: inline-block;

  /* box-shadow: 0px 0px 4px rgb(0 0 0 / 5%); */

}



.influ-pagi ul li {

  list-style: none;

  display: inline-block;

  margin: 0 6px;

}



.influ-pagi ul li a {

  font-size: 16px;

  color: #000000;

  font-weight: 500;

  transition: .5s;

}



.influ-pagi ul li a i {

  color: #000000cc;

}



.influ-pagi ul li:first-child a:hover {

  font-size: 15px;

  color: #B07D3C;

  font-weight: 500;

}



.influ-pagi ul li:last-child a:hover {

  font-size: 15px;

  color: #171748;

  font-weight: 500;

}



.influ-pagi ul li.active a {

  font-size: 17px;

  font-weight: 600;

  color: #004366;

  transition: .5s;

}



.influ-pagi ul li a:hover {

  font-size: 17px;

  font-weight: 600;

  color: #004366;

  transition: .5s;

}



.influ-pagi form {

  position: absolute;

  right: 0;

}



.influ-pagi-in select {

  padding: 10px 15px;

  background: #D3D7EA33;

  border: none;

  outline: none;

  box-shadow: 0px 0px 4px rgb(0 0 0 / 5%);

  cursor: pointer;

  font-size: 13px;

  color: #171748;

}



/*search-dropdown*/

.search-in label {

  margin: 0;

  width: 100%;

  border: 1px solid #E8E8E8;

  margin-bottom: 10px;

  border-radius: 5px;

  position: relative;

  display: flex;

  width: 100%;

  align-items: center;

}



.search-in label i {

  position: absolute;

  right: 10px;

  font-size: 12px;

}



.dropdown .search_quote {

  border: none;

  margin-bottom: 0px;

  padding: 2px 25px 2px 5px;

  font-size: 13px;

  border-radius: 5px;

  font-weight: 400;

  width: 100%;

}



.quotes {

  width: auto;

  min-width: 100px;

  max-width: 100%;

  position: relative;

  background: #fff;

  border-radius: 22px;

  margin-left: 10px;

}



.dropdown-btn {

  height: 100%;

  padding: 10px;

  position: relative;

  font-size: 13px;

  color: #000;

  background: #fff;

  border-radius: 5px;

  /* transform: matrix(-1, 0, 0, 1, 0, 0); */

  border: none;

  font-weight: 500;

  cursor: pointer;

  text-align: left;

  border-radius: 36px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.dropdown-btn i {

  margin-left: 5px;

  color: #000;

  font-weight: 600;

  font-size: 13px;

}



/*.dropdown-btn:after {

content: "";

display: block;

width: 8px;

height: 8px;

border: 1px solid #171748;

position: absolute;

right: 10px;

top: 15px;

bottom: 0;

transform: rotate(45deg);

border-width: 0 1px 1px 0;

transition: all 0.5s ease;

}*/

.dropdown {

  padding: 10px;

  background-color: #ffffff;

  border-radius: 5px;

  margin-top: 5px;

  position: absolute !important;

  display: flex;

  right: 0 !important;

  width: auto;

  text-align: left !important;

  border: 1px solid #E8E8E8;

  flex-direction: column;

}



.dropdown.dropdown-company {

  height: 150px;

  overflow-y: scroll;

}



.dropdown.dropdown-company2 {

  height: 150px;

  overflow-y: scroll;

}



.dropdown.dropdown-company3 {

  height: 150px;

  overflow-y: scroll;

}



.dropdown.dropdown-company::-webkit-scrollbar {

  width: 10px;

  height: 150px;

}



.dropdown.dropdown-company2::-webkit-scrollbar {

  width: 10px;

  height: 150px;

}



.dropdown.dropdown-company3::-webkit-scrollbar {

  width: 10px;

  height: 150px;

}



.dropdown.dropdown-company::-webkit-scrollbar-track {

  background: rgba(217, 217, 217, 0.5);

  margin: 6px 10px 6px 4px
}



.dropdown.dropdown-company2::-webkit-scrollbar-track {

  background: rgba(217, 217, 217, 0.5);

  margin: 6px 10px 6px 4px
}



.dropdown.dropdown-company3::-webkit-scrollbar-track {

  background: rgba(217, 217, 217, 0.5);

  margin: 6px 10px 6px 4px
}



.dropdown.dropdown-company::-webkit-scrollbar-thumb {

  background-color: #004366;

  border: 1px solid #fff;

  border-radius: 1px;

}



.dropdown.dropdown-company2::-webkit-scrollbar-thumb {

  background-color: #004366;

  border: 1px solid #fff;

  border-radius: 1px;

}



.dropdown.dropdown-company3::-webkit-scrollbar-thumb {

  background-color: #004366;

  border: 1px solid #fff;

  border-radius: 1px;

}



.dropdown-btn.opened:after {

  transform: rotate(-135deg);

  top: 15px;

}



.dropdown.dropdown-company {



  /* width: 154px; */

  display: none;

}



.dropdown.dropdown-company2 {

  width: 209px;

}



.dropdown.dropdown-company3 {

  width: 175px;

}



/*search-dropdown*/



/* --------- New css For Front Popup ----- */





.form-wizard {

  color: #888888;

  padding: 0px;

}



.form-wizard .wizard-form-radio {

  display: inline-block;

  margin-left: 5px;

  position: relative;

}



.form-wizard .wizard-form-radio input[type="radio"] {

  -webkit-appearance: none;

  -moz-appearance: none;

  -ms-appearance: none;

  -o-appearance: none;

  appearance: none;

  background-color: #dddddd;

  height: 25px;

  width: 25px;

  display: inline-block;

  vertical-align: middle;

  border-radius: 50%;

  position: relative;

  cursor: pointer;

}



.form-wizard .wizard-form-radio input[type="radio"]:focus {

  outline: 0;

}



.form-wizard .wizard-form-radio input[type="radio"]:checked {

  background-color: #fb1647;

}



.form-wizard .wizard-form-radio input[type="radio"]:checked::before {

  content: "";

  position: absolute;

  width: 10px;

  height: 10px;

  display: inline-block;

  background-color: #ffffff;

  border-radius: 50%;

  left: 1px;

  right: 0;

  margin: 0 auto;

  top: 8px;

}



.form-wizard .wizard-form-radio input[type="radio"]:checked::after {

  content: "";

  display: inline-block;

  webkit-animation: click-radio-wave 0.65s;

  -moz-animation: click-radio-wave 0.65s;

  animation: click-radio-wave 0.65s;

  background: #000000;

  content: '';

  display: block;

  position: relative;

  z-index: 100;

  border-radius: 50%;

}



.form-wizard .wizard-form-radio input[type="radio"]~label {

  padding-left: 10px;

  cursor: pointer;

}



.form-wizard .form-wizard-header {

  text-align: center;

}



.form-wizard .form-wizard-next-btn,

.form-wizard .form-wizard-previous-btn,

.form-wizard .form-wizard-submit {

  background-color: #d65470;

  color: #ffffff;

  display: inline-block;

  min-width: 100px;

  min-width: 120px;

  padding: 10px;

  text-align: center;

}



.form-wizard .form-wizard-next-btn:hover,

.form-wizard .form-wizard-next-btn:focus,

.form-wizard .form-wizard-previous-btn:hover,

.form-wizard .form-wizard-previous-btn:focus,

.form-wizard .form-wizard-submit:hover,

.form-wizard .form-wizard-submit:focus {

  color: #ffffff;

  opacity: 0.6;

  text-decoration: none;

}



.form-wizard .wizard-fieldset {

  display: none;

}



.form-wizard .wizard-fieldset.show {

  display: block;

}



.form-wizard .wizard-form-error {

  display: none;

  background-color: #d70b0b;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  height: 2px;

  width: 100%;

}



.form-wizard .form-wizard-previous-btn {

  background-color: #fb1647;

}



.form-wizard .form-control {

  font-weight: 300;

  height: auto !important;

  padding: 15px;

  color: #888888;

  background-color: #f1f1f1;

  border: none;

}



.form-wizard .form-control:focus {

  box-shadow: none;

}



.form-wizard .form-group {

  position: relative;

  margin: 25px 0;

}



.form-wizard .wizard-form-text-label {

  position: absolute;

  left: 10px;

  top: 16px;

  transition: 0.2s linear all;

}



.form-wizard .focus-input .wizard-form-text-label {

  color: #d65470;

  top: -18px;

  transition: 0.2s linear all;

  font-size: 12px;

}



.form-wizard .form-wizard-steps {

  margin: 14px 0 32px 0;

  display: flex;

}



.form-wizard .form-wizard-steps li {

  width: 25%;

  float: left;

  position: relative;

}



.form-wizard .form-wizard-steps li::after {



  /* background-color: #f3f3f3;

  content: "";

  height: 5px;

  left: 0;

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 100%;

  border-bottom: 1px solid #dddddd;

  border-top: 1px solid #dddddd; */

}



.form-wizard .form-wizard-steps li span {

  background-color: #BDBDBD;

  border-radius: 50%;

  display: block;

  height: 40px;

  line-height: 40px;

  color: #fff;

  position: relative;

  text-align: center;

  width: 40px;

  z-index: 1;

}



.hr-lines {

  content: " ";

  height: 5px;

  width: 100%;

  background: #BDBDBD;

  display: block;

  position: absolute;

  top: 46%;

  right: 0px;

}



.hr-lines2-active {

  content: " ";

  height: 5px;

  width: 100%;

  background: #0077b5;

  display: block;

  position: absolute;

  top: 46%;

  right: 0px;

}



.form-wizard .form-wizard-steps li:last-child::after {

  width: 50%;

}



.form-wizard .form-wizard-steps li.active span,

.form-wizard .form-wizard-steps li.activated span {

  background-color: #0077B5;

  color: #ffffff;

}



.form-wizard .form-wizard-steps li.active::after,

.form-wizard .form-wizard-steps li.activated::after {



  /* background-color: #d65470;

  left: 50%;

  width: 50%;

  border-color: #d65470; */

}



.form-wizard .form-wizard-steps li.activated::after {

  width: 100%;

  border-color: #d65470;

}



.form-wizard .form-wizard-steps li:last-child::after {

  left: 0;

}



.form-wizard .wizard-password-eye {

  position: absolute;

  right: 32px;

  top: 50%;

  transform: translateY(-50%);

  cursor: pointer;

}



/* --------- Strtegic-form-wrap---- */

.strategic-form-wrap {

  margin: 2px 4px 33px 17px;

}



.strategic-form-wrap2 {

  margin: -5px 4px 0px 17px;

}



.strategic-form-wrap3 {

  margin: -9px 4px 2px 17px;

}



.strategic-form-wrap label {

  color: #000;

  font-weight: 500;

  font-size: 15px;

  margin-bottom: 9px;

  margin-top: 9px;

}



.strategic-form-wrap2 label {

  color: #000;

  font-weight: 500;

  font-size: 15px;

  margin-bottom: 9px;

  margin-top: 9px;

}



.strategic-form-wrap3 label {

  color: #000;

  font-weight: 500;

  font-size: 15px;

  margin-bottom: 9px;

  margin-top: 9px;

}



.strategic-form-wrap h3 {

  color: #0077B5;

  font-size: 20px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  text-transform: uppercase;

}



.strategic-form-wrap2 h3 {

  color: #0077B5;

  font-size: 20px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  text-transform: uppercase;

}



.strategic-form-wrap3 h3 {

  color: #0077B5;

  font-size: 20px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  text-transform: uppercase;

}



.strategic-form-wrap p {

  color: var(--gray-2, #4F4F4F);

  font-size: 16px;

  /* font-family: Open Sans; */

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

  margin: 13px 0 17px 0;

  text-align: left;

}



.strategic-form-wrap ol {

  padding: 20px;

}



.strategic-form-wrap2 p {

  color: var(--gray-2, #4F4F4F);

  font-size: 16px;

  /* font-family: Open Sans; */

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

  margin: 13px 0 17px 0;

  text-align: left;

}



.strategic-form-wrap3 p {

  color: var(--gray-2, #4F4F4F);

  font-size: 16px;

  /* font-family: Open Sans; */

  font-style: normal;

  font-weight: 400;

  line-height: 24px;

  margin: 13px 0 17px 0;

  text-align: left;

}



.stratic-planwrap p {

  margin: 0px 0 2px 0;

}



.addmore-btn {

  display: flex;

  justify-content: end;

  margin: 0px 0 0 0;

}



.addmore-btn2 {

  display: flex;

  justify-content: space-between;

  padding: 0 2px 0 0px;

  margin: 10px 0 15px 0;

  gap: 25px;

}



.addmore-btn3 {

  display: flex;

  justify-content: end;

  padding: 0 2px 0 7px;

  margin: 10px 0 8px 0;

}



.addmore-btn3 i {

  margin-left: 10px;

  margin-right: 10px;

}



.addmore-btn i {

  margin-left: 10px;

  margin-right: 10px;

}



.strategic-formcontrol {



  /* width: 100%; */



  /* height: auto; */

  padding: 10px;

  /* outline: none; */



  /* font-family: 'Aleo', serif; */



  /* border: 1px solid rgba(79, 79, 79, 0.25); */



  /* background: #FFFFFF; */

  border: 1px solid rgba(23, 23, 72, 0.2);

  border-radius: 5px !important;

  /* cursor: auto; */

  display: flex;

  width: 100%;

  height: 43px;

  flex-direction: column;

  justify-content: center;

  align-items: flex-start;

  gap: 9px;

  flex-shrink: 0;

}



.strategic-formcontrol-upload {

  width: 100%;

  height: 120px;

  background: #EFEFEF;

  border: none;

  font-size: 13px;

  margin-bottom: 20px;

  position: relative;

  font-weight: 500;

  color: transparent;

  font-family: 'Aleo', serif;

  padding: 0px 10px;

  border-radius: 4px !important;

  display: flex;

  align-items: center;

  cursor: pointer;

}



.stretic-upload {



  /* overflow: inherit !important; */



  /* background: #efefef; */

  border: 1px solid #d1d1da;

  font-size: 13px;

  margin-bottom: 20px;

  height: 43px;

  font-weight: 500;

  width: 100%;

  color: #6d6c6c;

  font-family: sans-serif;

  padding: 10px;

  text-align: initial;

  border-radius: 4px !important;

  cursor: pointer;

  position: relative;

}



.upload-error p {

  color: #4F4F4F !important;

  margin: 53px 0 0 0px !important;

  font-size: 14px;

  font-weight: 500;

}



.upload-error2 p {

  color: #4F4F4F !important;

  margin: 29px 0 0 0px !important;

  font-size: 14px;

  font-weight: 500;

}



.stretic_txtarea {

  width: 100%;

  height: 90px;

  background: #fff;

  border: 1px solid rgba(23, 23, 72, 0.2);

  margin-bottom: 20px;

  font-size: 13px;

  position: relative;

  font-weight: 500;

  color: #737373;

  padding: 10px 10px;

  border-radius: 4px !important;

  display: flex;

  align-items: center;

}



.stretic_txtarea::placeholder {

  font-size: 16px;

  font-weight: 400;

}



.stratic-csm-wrap {

  position: relative;

  width: 680px;

}



.stratic-csm-wrap span {

  position: absolute;

  bottom: -25px;

  align-items: flex-end;

  display: flex;

  text-align: end;

  width: auto;

  font-size: 13px;

  color: #4F4F4F;

  font-weight: 400;

  right: 0;

  justify-content: center;

  padding: 0;

}



.datepkier-icon {

  position: relative;

  top: 53px;

  float: right;

  left: -13px;

}



.btn-revolve-wrap {

  display: flex;

  justify-content: center;

  margin: 24px 0 0 0;

  gap: 8px;

}



.btn-revolve-wrap2 {

  display: flex;

  justify-content: center;

  gap: 8px;

}



.btn-revolve-wrap i {

  margin-left: 10px;

  margin-right: 10px;

}



.btn-revolve-wrap2 i {

  margin-left: 10px;

  margin-right: 10px;

}



.next-btn {

  display: block;

  border-radius: 154px;

  width: 100%;

  max-width: max-content;

  background: var(--form-color, #0077B5);

  color: #fff !important;

  font-weight: 500;

  padding: 13px 24px 13px 29px;

  /* border-radius: 5px !important; */

  font-size: 14px;

  outline: none;

  color: #FFF;

  text-align: center;

  font-size: 16px;

  /* font-family: Open Sans; */

  font-style: normal;

  font-weight: 500;

  /* line-height: normal; */



  /* letter-spacing: 0.36px; */

  border: none;

  /* border-radius: 44px; */

  display: flex;

  cursor: pointer;

  align-items: center;

}



.prev-btn {

  display: block;

  border-radius: 154px;

  width: 100%;

  max-width: max-content;

  background: var(--form-color, #0077B5);

  color: #fff !important;

  font-weight: 500;

  padding: 13px 20px 13px 11px;

  /* border-radius: 5px !important; */

  font-size: 14px;

  outline: none;

  color: #FFF;

  text-align: center;

  font-size: 16px;

  /* font-family: Open Sans; */

  font-style: normal;

  font-weight: 500;

  /* line-height: normal; */



  /* letter-spacing: 0.36px; */

  border: none;

  /* border-radius: 44px; */

  display: flex;

  cursor: pointer;

  align-items: center;

}



.addnew-btn {

  display: block;

  border-radius: 154px;

  width: 100%;

  max-width: max-content;

  background: #fff;

  border: 2px solid #0077B5;

  color: #0077B5 !important;

  font-weight: 500;

  padding: 10px 7px 8px 18px;

  /* border-radius: 5px !important; */

  font-size: 14px;

  outline: none;

  color: #FFF;

  text-align: center;

  font-size: 16px;

  /* font-family: Open Sans; */

  font-style: normal;

  font-weight: 500;

  /* line-height: normal; */



  /* letter-spacing: 0.36px; */



  /* border: none; */



  /* border-radius: 44px; */

  display: flex;

  cursor: pointer;

  align-items: center;

}



.addnew-btn2 {

  display: block;

  border-radius: 154px;

  width: 100%;

  height: 47px;

  max-width: max-content;

  background: #0077B5;

  /* border: 2px solid #0077B5; */

  color: #fff !important;

  font-weight: 500;

  padding: 9px 21px 9px 8px;

  /* border-radius: 5px !important; */

  font-size: 14px;

  outline: none;

  color: #FFF;

  text-align: center;

  font-size: 16px;

  /* font-family: Open Sans; */

  font-style: normal;

  font-weight: 500;

  /* line-height: normal; */



  /* letter-spacing: 0.36px; */



  /* border: none; */



  /* border-radius: 44px; */

  display: flex;

  cursor: pointer;

  align-items: center;

}



.addmore-btn2 i {

  margin-left: 10px;

  margin-right: 10px;

}



.strategic-form-wrap .game-steps ul {

  margin: 0;

  padding: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 0px;

}



.strategic-form-wrap .game-steps ul li {

  list-style: none;

  margin: 1px -23px 1px -1px;

  padding: 4px 15px 2px 2px;

}



#content nav .game-steps ul li a.active:before {

  filter: brightness(1) invert(0);

}



#content nav .game-steps ul li:first-child a:before {

  background-image: url(../images/csm-images/step2.png);

}



.strategic-form-wrap .game-steps ul li a.active {

  color: #fff;

}



.strategic-form-wrap .game-steps ul li a {

  color: #000;

  background: transparent;

  padding: 10px 25px 10px 20px;

  font-weight: 500;

  font-size: 14px;

  position: relative;

  display: flex;

  align-items: center;

}



.strategic-form-wrap .game-steps ul li a.active:before {

  filter: brightness(1) invert(0);

}



.strategic-form-wrap .game-steps ul li:first-child a:before {

  background-image: url(../images/csm-images/step1.png);

}



.strategic-form-wrap .game-steps ul .add-new-goal.active-goal:nth-child(4) a:before {

  background-image: url(../images/csm-images/step1.png);

  z-index: -2;

}



.strategic-form-wrap .game-steps ul li a:before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  background-image: url(../images/csm-images/step2.png);

  background-repeat: no-repeat;

  background-size: contain;

  filter: brightness(0) invert(0.94);

  z-index: -1;

}



.active-goal>a {

  color: #fff !important;

}



.strategic-form-wrap .game-steps ul li a:hover:before {

  filter: brightness(1) invert(0);

}



.strategic-form-wrap .game-steps ul li a:hover {

  color: #fff;

}



.stratic-planwrap {

  position: relative;

  border: 2px solid #f4f4f4;

  width: 100%;

  border-radius: 4px
}



.stratic-planwrap h3 {

  background: #0077B5;

  padding: 12px;

  color: #fff;

  font-size: 18px;

  font-weight: 500;

  text-transform: capitalize;

  margin: -11px -2px 0 -2px;

  border-radius: 4px 4px 0 0;

}



.strategicform-wrap h3 {

  background: #fff !important;

  padding: 12px;

  color: #0077B5 !important;

  font-size: 18px;

  font-weight: 500;

  text-transform: capitalize;

  margin: -11px -2px 0 -2px;

  border-radius: 4px 4px 0 0;

}



.goal-component-item1 ul {

  display: flex;

  gap: 14px;

  margin: 3px 0 8px 12px !important;

  font-weight: 500;

}



.main-goal-wrap {

  display: flex;

  gap: 23px;

}



/* --------- Strtegic-form-wrap---- */



/* --------- New css For Front Popup ----- */





.modal-content-front {

  position: relative;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-direction: column;

  flex-direction: column;

  width: 100%;

  pointer-events: auto;

  background-color: #fff;

  background-clip: padding-box;

  border: none;

  border-radius: 6px;

  outline: 0;

}



.modal-heading-front {

  width: 100%;

  clear: both;

  height: 62px;

  padding: 17px 0px;

  display: flex;

  background: #004366;

  justify-content: center;

  align-items: center;

  border-radius: 6px 6px 0 0;

  flex-direction: row-reverse;

}



.modal-heading-front h1 {

  font-size: 24px;

  color: #fff;

  font-weight: 400;

  text-align: center;

  margin: 0;

  margin-left: auto;

  margin-right: auto;

}



.close-btn-front:hover {

  border: 2px solid #fff !important;

  color: #fff;

  opacity: 1 !important;

}



.close-btn-front {

  position: absolute;

  top: auto;

  right: 20px;

  border: 2px solid #fff !important;

  border-radius: 50%;

  width: 30px;

  height: 30px;

  box-shadow: none;

  color: #fff;

  margin-left: auto;

  text-shadow: none;

  font-weight: 400;

  opacity: 1;

  line-height: 27px;

  z-index: 9;

}



.common-btn-front {

  width: 40%;

  height: 48px;

  border-radius: 5px;

  background: #004366;

  color: #fff !important;

  font-size: 16px;

  border: none;

  display: flex;

  font-weight: 500;

  text-align: center;

  align-items: center;

  justify-content: center;

}



.common-btn-front2 {

  width: 47%;

  height: 48px;

  border-radius: 5px;

  background: #292B2D;

  color: #fff !important;

  font-size: 16px;

  border: none;

  display: flex;

  font-weight: 500;

  text-align: center;

  align-items: center;

  justify-content: center;

}



.centered-btn-wrap {

  display: flex;

  justify-content: center;

  gap: 7px;

}



.csm-verification-txt {

  width: 40px;

  height: 40px;

  background: #fff;

  border: none;

  margin: 15px 3px 15px 2px;

  font-size: 18px;

  color: #000000;

  text-align: center;

  font-weight: 700;

  padding: 0;

  border: 1.53407px solid #CED4DA;

  border-radius: 5px !important;

  -moz-appearance: textfield;

}



.ver-code input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  display: none;

}



.verifcation-form-wrap {

  width: 100%;

  height: 100%;

  text-align: center;

}



.top-para p {

  color: #828282;

  font-size: 16px;

  margin-bottom: 0px;

}



.bottom-para p {

  color: #828282;

  font-size: 16px;

  margin-bottom: 15px;

  margin-top: 15px;

}



.bottom-para a {

  color: #51C3FF;

}



.bottom-para span {

  color: #51C3FF;

}



.congrtaulation-wrap h3 {

  font-size: 24px;

  color: #004366;

  margin: 8px 0 8px 0;

}



.congrtaulation-wrap p {

  font-size: 16px;

  color: #828282;

}



.congrtaulation-wrap img {

  width: 71px;

  height: 67px;

  object-fit: contain;

}



.forgot-paaas {

  text-align: center;

  margin: 17px 0 -3px 0;

}



.forgot-paaas a {

  color: #fff;

}



/* --------- New css For Front Popup ----- */



/*FAQ*/





.faq-wrap {

  width: 100%;

  height: auto;

  box-shadow: 0px 3px 6px rgb(0 0 0 / 15%);

  padding: 20px;

  display: flex;

  gap: 40px;

}



.faq-left {

  width: 24%;

  height: auto;

}



.faq-right {

  width: 70%;

  height: auto;

  margin: 1px 0 0 0;

}



/*FAQ*/



/*Category-Management-Page*/





.cat-wrap {

  width: 100%;

  height: auto;

  /* box-shadow: 0px 3px 6px rgb(0 0 0 / 15%); */

  padding: 40px 20px 20px 20px;

}



.cat-inner {

  width: 100%;

  height: auto;

  border: 1px solid rgba(79, 79, 79, 0.25);

  padding: 20px;

  padding-top: 30px;

  border-radius: 10px;

  margin-bottom: 30px;

  position: relative;

}



.cat-inner:last-child {

  margin-bottom: 0;

}



.cat-wrap form {

  width: 100%;

  height: auto;

}



.cat-wrap form a img {

  width: 100%;

  height: 100%;

  object-fit: contain;

}



.cat-wrap form a {

  width: 35px;

  height: 35px;

  position: absolute;

  right: -10px;

  display: flex;

  padding: 8px;

  border-radius: 50%;

  top: -15px;

  text-align: center;

  border: 1px solid rgba(79, 79, 79, 0.25);

  background: #fff;

  align-items: center;

  justify-content: center;

}



.cat-wrap form p {

  position: absolute;

  top: -20px;

  left: 20px;

  font-size: 15px;

  font-weight: 500;

  margin: 0;

  padding: 10px 20px;

  color: #4F4F4F;

  background: #fff;

}



.cat-wrap form h1 {

  font-weight: 600;

  font-size: 16px;

  color: #4F4F4F;

  margin: 25px 0 10px 0;

}



.cat-lbl {

  width: max-content;

  height: auto;

  outline: none;

  border: 1px solid rgba(79, 79, 79, 0.25);

  border-radius: 8px !important;

  font-size: 15px;

  cursor: auto;

  display: flex;

  padding: 8px 10px;

  align-items: center;

  margin-bottom: 0;

}



.cat-input {

  width: 100%;

  height: auto;

  outline: none;

  border: none;

  border-radius: 8px !important;

  padding: 0;

  font-size: 14px;

  /* font-family: 'Aleo', serif; */

  cursor: auto;

}



.category-profile-plan2 {

  height: 45px;

  overflow: inherit !important;

  /* background: #efefef; */

  border: 2px solid #CBCBCB;

  font-size: 13px;

  margin-bottom: 20px;

  font-weight: 500;

  position: absolute;

  width: 9%;

  left: 270px;

  top: 27px;

  /* right: 0; */

  color: #6d6c6c;

  font-family: sans-serif;

  padding: 10px;

  text-align: initial;

  border-radius: 4px !important;

  cursor: pointer;

}



.category-profile-plan2 img {

  top: 0;

  width: 20px;

  height: auto;

}



.category-in_txt-4 {

  width: 100%;

  height: 120px;

  background: #EFEFEF;

  border: none;

  font-size: 13px;

  margin-bottom: 20px;

  position: relative;

  font-weight: 500;

  color: transparent;

  font-family: 'Aleo', serif;

  padding: 0px 10px;

  border-radius: 4px !important;

  display: flex;

  align-items: center;

  cursor: pointer;

}



.modal-heading-cate h1 {

  font-size: 25px;

  color: #000;

  font-weight: 600;

  text-align: center;

  margin: 0;

  margin: 42px 0 0 0;

  top: 4px;

  margin-left: auto;

  margin-right: auto;

}



.common-popup-btn {

  width: 100%;

  height: 48px;

  border-radius: 5px;

  background: #000;

  color: #fff !important;

  font-size: 16px;

  border: none;

  display: flex;

  font-weight: 500;

  text-align: center;

  align-items: center;

  justify-content: center;

}



.edit-in_txt-poup {

  width: 100%;

  height: 40px;

  background: #FFEBEC;

  border: none;

  margin-bottom: 20px;

  font-size: 13px;

  position: relative;

  font-weight: 500;

  color: #737373;

  font-family: sans-serif;

  padding: 10px 10px;

  border-radius: 4px !important;

  display: flex;

  align-items: center;

}



.cat-lbl button {

  width: 20px;

  background: none;

  border: none;

  outline: none;

  margin-left: 20px;

}



.cat-lbl button img {

  width: 100%;

  height: 100%;

}



.sub-cat {

  width: 100%;

  height: auto;

  display: inline-flex;

  flex-wrap: wrap;

  gap: 10px;

}



.sub-cat label {

  width: auto;

  height: auto;

  border: 1px solid #CED4DA;

  display: flex;

  align-items: center;

  margin: 0;

  padding: 5px 10px 5px 10px;

  font-weight: 400;

  font-size: 14px;

  border-radius: 5px;

  color: #000;

  pointer-events: none;

}



.cat-btn {

  width: 12px;

  border: none;

  outline: none;

  margin-left: 20px;

  background: none;

  pointer-events: all;

}



.cat-btn img {

  width: 100%;

}



.add-subcat {

  border: none !important;

  padding: 10px 20px !important;

  background: #E50916 !important;

  cursor: pointer !important;

  pointer-events: all !important;

}



.add-subcat input {

  background: #E50916;

  font-weight: 400;

  font-size: 13px;

  color: #FFFFFF;

  border: none;

  outline: none;

}



.add-subcat i {

  font-size: 16px;

  color: #FFFFFF;

  margin-right: 15px;

}



/*Category-Management-Page*/



/*--- Pravin kr ----*/

.invite-btn {

  height: 51px;

  border-radius: 6px;

  background: #004366;

  min-width: 150px;

  border: 0;

  color: #fff;

  font-size: 20px;

  font-weight: 500;

  margin-top: 20px;

}



.dropdown.dropdown-auto {



  /* width: 154px; */

  display: none;

}



.form-wizard-steps li:last-child {

  max-width: 40px;

}



.ok-success {

  display: inline-block;

  height: 50px;

  line-height: 50px;

  margin: 0;

  padding: 0;

}



.successful-pop {

  text-align: center;

}



.delete-excel {

  position: absolute;

  top: -10px;

  right: -15px;

  background: white;

  padding: 10px;

  border-radius: 50px;

  fill: #FFF;

  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25));

  width: 50px;

  height: 50px;

  display: flex;

  justify-content: center;

  align-items: center;

  cursor: pointer;

}



a.prev-btn.last-back-btn i {

  margin-right: 10px;

}



.final-previous {

  margin: 0 17px;

}



/*------Input Tag ------*/

.bootstrap-tagsinput {

  padding: 10px;

  border: 1px solid rgba(23, 23, 72, 0.2);

  border-radius: 5px !important;

  display: flex;

  width: 100%;

  height: 43px;

  overflow: hidden;

}



.bootstrap-tagsinput input {

  border: none;

  box-shadow: none;

  outline: none;

  background-color: transparent;

  padding: 0 6px;

  margin: 0;

  width: auto;

  max-width: inherit;

}



.bootstrap-tagsinput .tag {

  margin-right: 2px;

  color: white;

}



.label-info {

  background-color: #0077b5;

}



.bootstrap-tagsinput .tag {

  margin-right: 5px;

  color: white;

  padding: 0 10px;

  border-radius: 2px;

  padding: 0.2em 0.6em 0.3em;

  font-size: 75%;

}



.bootstrap-tagsinput .tag [data-role="remove"]:after {

  content: "x";

  padding: 0px 2px;

}



.bootstrap-tagsinput .tag [data-role="remove"] {

  margin-left: 8px;

  cursor: pointer;

}



/*D-CODE*/

.stratic-planwrap h3 button {

  margin-left: auto;

  background: none;

  box-shadow: none;

  outline: none;

  text-shadow: none;

  border: none;

}



.goal-component-item1 li {

  list-style: none;

}



/*D-CODE*/

i.fal.fa-check-circle.text-success {

  color: green !important;

}



#template_42 label {

  font-weight: 500;

  margin-top: 20px;

}



.form-group h4 {

  font-weight: 500;

  font-size: 16px;

}



#action-time-edit .modal-dialog {

  max-width: 750px;

  margin: 2rem auto;

  display: block;

  height: auto;

}



#data-container tr:nth-child(1) {

  background: #004366;

}



#data-container tr td a img {

  width: 17px;

}



#table-responsive-1 tr:nth-child(1) {

  background: #004366;

}



#table-responsive-1 tr td a img {

  width: 17px;

}



.img-thumb {

  width: 80px;

  height: 80px;

  margin-bottom: 20px;

  border: 1px dashed #aaa;

  padding: 2px;

}



.img-thumb img {

  width: 100%;

  height: 100%;

  object-fit: contain;

}



.panel-default {

  border: none;

  margin-bottom: 15px;

  position: relative;

}



.panel-default button {

  position: absolute;

  z-index: 99;

  right: 50px;

  top: 17px;

  background: none;

  border: none;

  outline: none;

  color: red;

}



.fr-toolbar button {

  right: auto;

  top: auto;

}



/*SEARCH-DROPDOWN*/

.search-dropdown {

  flex-basis: 35%;

}



.search-dropdown-in {

  width: fit-content;

  position: relative;

}



.search-dropdown-in-btn {

  width: 100%;

  background: #fff;

  padding: 10px 20px;

  border-radius: 20px 0px 0px 20px;

  border-right: 1px solid #999;

  display: flex;

  align-items: center;

  gap: 10px;

  cursor: pointer;

}



.search-dropdown-in-btn i {

  color: #000;

  font-weight: 600;

  font-size: 13px;

}



.search-dropdown-in .search-dropdown-in-list {

  position: absolute;

  width: max-content;

  background: #fff;

  top: 100%;

  margin-top: 5px;

  border-radius: 5px;

  display: flex;

  flex-direction: column;

  align-items: stretch;

  border: 1px solid #E8E8E8;

  text-align: left;

  display: none;

}



.search-dropdown-in .search-dropdown-in-list p {

  margin-bottom: 0;

  padding: 6px 20px 6px 10px;

  border-bottom: 1px solid #E8E8E8;

}



.search-dropdown-in .search-dropdown-in-list p a {

  font-size: 15px;

  color: #333333;

}



.search-dropdown input {

  border-radius: 0px 20px 20px 0px !important;

}



/*SEARCH-DROPDOWN*/

/* --- view dropdown show css ---- */

.list-view-data {
  background: #fff;
  /* border: 1px solid #000; */
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  padding: 14px 14px;
  margin: 10px 0 10px 0;
  /* position: absolute; */
  display: flex;
  flex-direction: column;
}

.influ-table table tr td .list-view-data a {
  color: #004366;
  font-weight: 500;
  text-decoration: none !important;
  /* margin-bottom: 10px; */
  padding-bottom: 6px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
}

/* --- view dropdown show css ---- */