img {
  max-width: 100%;
}

body {
  font-family: "Inter", sans-serif !important;
}

:root {
  --main-color: #81acff;
  --sidebar-bg: #1c1f21;
  --grey-text: #67696b;
  --grey-textcolor: #C4C4C4;
  --sidebartext-active: #292c2f;
  --sidebar-border: #2c74ff;
  --dark-bg: #101213;
  --white-color: #ffffff;
  --red-bg: #ff2c6b;
  --purple-secondary: #81acff;
  --modal-bg: rgba(16, 18, 19, 0.50);
  --pink-text: #FF6190;
  --dark-puprle: #1F65ED;
  --light-yellow: #f7ff9c;
  --light-yellow2: #ebf484;
  --lightblue-bolor: #C3D7FF;
  --selectdropdown-bg: #282c2f;
}

/* common css */
.btn-check:focus+.btn,
.btn:focus {
  outline: 0;
  box-shadow: none;
}

a,
a:hover {
  text-decoration-line: none;
}

li {
  list-style: none;
}

h1 {
  font-size: 24px;
  font-weight: 600;
  color: var(--white-color);
  word-break: break-all;
}

.custom_dropdown .dropdown-toggle {
  background-color: var(--sidebar-bg);
  color: var(--white-color);
  font-size: 12px;
  font-weight: 600;
  padding: 16px 16px 16px 55px;
  border-radius: 16px;
  min-width: 220px;
  height: 64px;
}

.custom_dropdown .dropdown-toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translate(0, -50%);
  border: 0;
  background-image: url("../images/arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 17px;
  height: 9px;
}

.custom_dropdown .dropdown-toggle .dropdonw_img {
  position: absolute;
  left: 19px;
  top: 50%;
  transform: translate(0, -50%);
}

.custom_dropdown .dropdown-toggle .dropdonw_img img {
  width: 28px;
  height: 28px;
  border-radius: 100px;
  object-fit: cover;
}

.custom_dropdown .dropdown-menu {
  background-color: var(--sidebar-bg);
  border: 1px solid var(--sidebar-border);
  border-radius: 10px;
}

.custom_dropdown .dropdown-menu .dropdown-item {
  font-size: 14px;
  font-weight: 400;
  color: var(--grey-text);
  background-color: transparent;
  margin-bottom: 5px;
}

.custom_dropdown .dropdown-menu .dropdown-item:hover {
  color: var(--main-color);
}

.custom_dropdown h6 {
  font-size: 12px;
  margin-bottom: 0;
}

/* common css */

/* sidebar css */
.admin_logo a {
  font-family: "Roboto", sans-serif !important;
  color: var(--main-color);
}

.sidebar {
  background-color: var(--sidebar-bg);
  width: 317px;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  padding: 10px 20px;
}

.sidebar_menu {
  margin-top: 88px;
}

.admin_logo {
  margin-top: 44px;
}

.sidebar_menu li a {
  font-size: 16px;
  font-weight: 300;
  color: var(--grey-text);
  padding: 16px 20px 16px 58px;
  line-height: 1;
  margin-bottom: 5px;
  border-right: 5px solid transparent;
}

.sidebar_menu li a svg {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translate(0, -50%);
}

.sidebar_menu li a.active {
  background: var(--sidebartext-active);
  color: var(--main-color);
  border-right: 5px solid var(--sidebar-border);
  border-radius: 16px 5px 5px 16px;
}

.sidebar_menu li a.active svg path {
  fill: var(--main-color);
}

.sidebar_menu li a:hover {
  color: var(--main-color);
}

.logout_option {
  position: absolute;
  bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 90%;
}

.userhere {
  display: flex;
}

.usermail {
  padding-left: 10px;
}

.color {
  background-color: #81acff;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  color: #fff;
  font-size: 20px;
}

.usermail p {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0px;
  color: var(--white-color);
}

.usermail span {
  color: #67696b;
  font-size: 12px;
  font-weight: 300;
}

.count {
  background-color: #2c74ff;
  width: 29px;
  height: 29px;
  border-radius: 50px;
  display: inline-block;
  color: #fff;
  text-align: center;
  line-height: 29px;
  font-size: 10px;
  position: absolute;
  right: 0;
  top: 10px;
}

/* sidebar css */

/* main css */
.main {
  background-color: var(--dark-bg);
  min-height: 100vh;
  padding: 50px 30px 50px 340px;
}

/* main css */

/* header css */
.dropdown.custom_dropdown.notification_dropdown .dropdown-toggle::after {
  content: unset;
}

.dropdown.custom_dropdown.notification_dropdown .dropdown-toggle {
  min-width: auto;
  padding: 16px;
  width: 61px;
}

.notification_count {
  position: absolute;
  width: 22px;
  height: 22px;
  border-radius: 10px;
  color: var(--white-color);
  background-color: var(--red-bg);
  font-size: 8px;
  text-align: center;
  padding: 5px;
  top: 5px;
  right: 8px;
}

header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

header ul {
  display: flex;
  margin-bottom: 0px;
  flex-wrap: wrap;
}

.email_id {
  color: var(--grey-text);
  font-size: 12px;
  font-weight: normal;
}

.name_badge span {
  position: relative;
  top: 4px;
}

.name_badge {
  width: 28px;
  height: 28px;
  background: var(--purple-secondary, #81acff);
  border-radius: 50px;
  display: flex;
  justify-content: center;
  text-align: center;
  position: relative;
}

.notification {
  margin-left: 12px;
  margin-right: 12px;
}

/* header css */

/* content css */
.content {
  margin-bottom: 120px;
}

.content_tab ul {
  margin-top: 16px;
  border-bottom: none;
  margin-bottom: 20px;
}

.content_tab ul>li {
  margin-right: 10px;
}

.content_tab ul>li:last-child {
  margin-right: 0;
}

.content_tab ul li button {
  color: var(--grey-text);
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  padding: 8px 12px;
}

.content_tab .nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: var(--sidebar-bg);
  isolation: isolate;
  background-color: var(--sidebar-bg);
  border-radius: 8px;
  color: var(--main-color);
}

.content_tab .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  border-color: var(--sidebar-bg);
  isolation: isolate;
  background-color: var(--sidebar-bg);
  border-radius: 8px;
  color: var(--main-color);
  font-weight: 500;
}

.Create_Campaign {
  background-color: var(--sidebar-bg);
  border-radius: 16px;
  padding: 40px;
  position: relative;
  min-height: 274px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-bottom: 20px;
  overflow: hidden;
}

.gernal_Text {
  font-size: 12px;
  font-family: Inter;
  font-weight: 400;
  color: var(--white-color);
}

.camp_btns .btn {
  height: 43px;
  border-radius: 50px;
  padding: 0 26px 0 26px;

  font-size: 16px;
}

.camp_btn {
  background-color: var(--sidebar-border);
  color: var(--white-color);
  font-weight: 400;
  margin-right: 10px;
}

.camp_btn:hover {
  color: var(--white-color);
}

.ques_btn {
  background-color: var(--sidebartext-active);
  color: var(--white-color);
  font-weight: 400;
}

.ques_btn:hover {
  color: var(--white-color);
}

.Create_Campaign::after {
  background-image: url(../images/white.svg);
  position: absolute;
  content: "";
  width: 189px;
  height: 126px;
  right: 0;
  top: 0;
  opacity: .1;
}

/* .Create_Campaign::before {
  background-image: url(../images/blue.svg);
  position: absolute;
  content: "";
  width: 70px;
  height: 83px;
  right: 0;
  bottom: 0;
} */

.score_main {
  background-color: var(--sidebar-bg);
  border-radius: 16px;
  padding: 16px;
  min-height: 203px;
  width: 100%;
}

.shutter_score_main {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-bottom: 20px;
}

.shutter_score {
  display: flex;
  justify-content: space-between;
}

.shutter_score span {
  color: var(--white-color);
  font-size: 16px;
}

.score_main h6 {
  margin-top: 25px;
  color: #ffffff;
  font-size: 32px;
  margin-bottom: 0px;
}

.score_drop_down .custom_dropdown .dropdown-toggle {
  background-color: var(--sidebartext-active);
  color: var(--white-color);
  font-size: 16px;
  font-weight: 400;
  padding: 8px 12px 8px 12px;
  border-radius: 8px;
  min-width: 83px;
  height: 42px;
  margin-top: 25px;
}

.Enable_shutter buton {
  background-color: #f7ff9c;
  width: 100%;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: var(--sidebar-bg);
  border-radius: 8px;
  height: 51px;
  margin-top: 20px;
  line-height: 51px;
}

.my_website_main {
  background-color: var(--sidebar-border);
  border-radius: 16px;
  min-height: 267px;
  padding: 20px;
  margin-bottom: 20px;
}

.website {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.website h6 {
  color: var(--white-color);
  font-size: 17px;
  font-weight: 400;
}

.website span {
  background-color: #1f65ed;
  color: var(--white-color);
  font-size: 12px;
  font-weight: 400;
  padding: 12px;
  border-radius: 8px;
}

.traffic {
  margin-top: 8px;
}

.traffic h6 {
  color: var(--white-color);
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 0;
}

.traffic span {
  color: var(--white-color);
  font-weight: 300;
  font-size: 14px;
  margin-top: 8px;
  display: inline-block;
  width: 100%;
}

.traffic p {
  color: #f7ff9c;
  font-weight: 500;
  font-size: 32px;
  margin-top: 10px;
  display: inline-block;
}

.webtext ul {
  display: flex;
  margin-bottom: 0px;
  padding-left: 0px;
}

.webtext ul>li {
  width: 33.3%;
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  color: var(--white-color);
  margin-right: 0px;
}

.prog_bar {
  display: flex;
  align-items: center;
}

.bar1 {
  width: 94px;
  height: 8px;
  background-color: #002e86;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  margin-right: 2px;
}

.bar2 {
  width: 39px;
  height: 8px;
  background-color: var(--lightblue-bolor);

  margin-right: 2px;
}

.bar3 {
  width: 19px;
  height: 8px;
  background-color: #ffffff;

  margin-right: 2px;
}

.bar4 {
  width: 19px;
  height: 8px;
  background-color: #f7ff9c;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  margin-right: 2px;
}

.contact_main {
  background-color: var(--sidebar-bg);
  border-radius: 16px;
  padding: 24px;
  min-height: 261px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 20px;
}

.contact_details {
  display: flex;
  justify-content: space-between;
}

.contecnt_count h6 {
  font-size: 32px;
  font-weight: 400;
  color: var(--white-color);
}

.contecnt_count p {
  font-size: 16px;
  font-weight: 400;
  color: var(--white-color);
  margin-bottom: 0px;
}

.contecnt_count span {
  font-size: 14px;
  font-weight: 300;
  color: var(--white-color);
  margin-top: 6px;
}

.contact_btns {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.crm_btn {
  width: 100%;
  height: 43px;
  border: none;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 400;
  background-color: var(--sidebartext-active);
  color: var(--white-color);
}

.contact_btns a {
  margin-top: 10px;
  color: var(--white-color);
  font-size: 16px;
  font-weight: 400;
  text-decoration: underline;
}

.social_reach_main {
  background-color: var(--sidebar-bg);
  border-radius: 16px;
  padding: 24px;
  min-height: 261px;
  margin-bottom: 20px;
}

.social_reach_main h6 {
  color: var(--white-color);
  font-size: 16px;
  font-weight: 400;
}

.social_reach_main p {
  color: var(--white-color);
  font-size: 32px;
  font-weight: 400;
}

.task_main {
  border-radius: 16px;
  padding: 24px;
  background-color: var(--white-color);
  background-image: url(../images/blue_lines.svg);
  min-height: 261px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 20px;
}

.task_heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.task_heading h6 {
  font-size: 16px;
  font-weight: 400;
  color: var(--sidebar-bg);
}

.task_dd .custom_dropdown .dropdown-toggle {
  background-color: var(--lightblue-bolor);
  color: var(--dark-bg);
  font-size: 12px;
  font-weight: 400;
  padding: 12px 12px 12px 12px;
  border-radius: 16px;
  min-width: 84px;
  height: 42px;
}

.t_list {
  padding-left: 0;
  margin-bottom: 0px !important;
}

.t_list>li {
  margin-right: 10px;
  margin-bottom: 15px;
  margin-right: 0px;
}

.t_list>li span {
  font-size: 12px;
  font-weight: 400;
}

.Influence {
  background-color: #f7ff9c;
}

.Influence .website h6 {
  color: var(--dark-bg);
}

.Influence .website span {
  background-color: #ebf484;
  color: var(--dark-bg);
}

.Influence .traffic h6 {
  color: var(--dark-bg);
}

.Influence .traffic span {
  color: var(--dark-bg);
}

.Influence .traffic p {
  color: var(--dark-bg);
}

.Influence .webtext ul li {
  color: var(--dark-bg);
}

.influance_bar .bar1 {
  background-color: var(--dark-bg);
}

.influance_bar .bar2 {
  background-color: var(--grey-text);
}

.influance_bar .bar3 {
  background-color: var(--sidebar-border);
}

.influance_bar .bar4 {
  background-color: var(--purple-secondary);
}

.linked_account_main {
  background-color: var(--sidebar-bg);
  border-radius: 16px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 215px;
}

.link_acc {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.link_acc h6 {
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: 400;
  color: var(--white-color);
}

.linked_account_details ul {
  margin: 0;
  padding: 0;
  display: flex;
}

.linked_account_details ul>li {
  background-color: var(--sidebartext-active);
  border-radius: 8px;
  padding: 10px;
  display: flex;
  width: 50%;
}

.user_img {
  position: relative;
}

.user {
  width: 32px;
  height: 32px;
  display: inline-block;
}

.user img {
  width: 100%;
  height: 100%;
  border-radius: 50px;
  object-fit: cover;
}

.social_ic {
  position: absolute;
  top: 14px;
  right: -5px;
  height: 20px;
  width: 20px;
}

.user_details h6 {
  font-size: 14px;
  font-weight: 500;
  color: var(--white-color);
  margin-bottom: 3px;
}

.user_details p {
  font-size: 11px;
  font-weight: 300;
  color: #c4c4c4;
  margin-bottom: 0px;
}

.user_details {
  padding-left: 14px;
}

.other_details {
  background-color: var(--sidebar-bg);
  border-radius: 16px;
  padding: 21px 13px;
  margin-bottom: 20px;
  min-height: 215px;
}

.last_dd .custom_dropdown .dropdown-toggle {
  background-color: var(--sidebartext-active);
  color: var(--white-color);
  font-size: 12px;
  font-weight: 400;
  padding: 8px 25px 8px 8px;
  border-radius: 8px;
  min-width: 100%;
  height: 35px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.last_dd .custom_dropdown .dropdown-toggle::after {
  width: 11px;
}

.other_details h6 {
  color: var(--white-color);
  font-size: 16px;
  font-weight: 400;
  margin-top: 9px;
  line-height: 26px;
}

.other_details h5 {
  color: var(--white-color);
  font-size: 24px;
  font-weight: 500;
  margin-top: 10px;
}

.view {
  text-align: center;
}

.view a {
  color: #fff;
  text-decoration: underline;
  font-size: 12px;
  margin-top: 14px;
  display: block;
}

.divider {
  text-align: center;
}

.divider span {
  width: 95%;
  background-color: var(--grey-text);
  height: 1px;
  margin-top: 12px;
  margin-bottom: 32px;
  display: inline-block;
}

.Blog_post_main {
  background-color: var(--sidebar-bg);
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 20px;
}
.popup_textarea textarea {
  background-color: transparent;
  width: 100%;
  border: none;
  resize: none;
  color: #fff;
  min-height: 170px;
}
.popup_textarea textarea:focus{
  outline: none;
  box-shadow: none;
}
.heaidngs {
  font-size: 16px;
  font-weight: 400;
  color: var(--white-color);
}

.blogs {
  margin-top: 16px;
}

.blog_box {
  background-color: #292c2f;
  border-radius: 16px;
  padding: 20px;
  height: 100%;
}

.blog_img img {
  width: 100%;
  height: 104px;
  border-radius: 15px;
  object-fit: cover;
}

.blog_details {
  margin-top: 16px;
}

.blog_details span {
  margin-top: 16px;
  color: #c4c4c4;
  font-size: 14px;
  font-weight: 300;
}

.blog_details p {
  font-size: 14px;
  font-weight: 300;
  margin-top: 8px;
  color: var(--white-color);
}

.team_support {
  background-color: var(--sidebar-bg);
  border-radius: 16px;
  padding: 24px 22px 6px;
  margin-bottom: 20px;
  text-align: center;
}

.team_member {
  margin-top: 24px;
  background-color: var(--sidebartext-active);
  padding: 16px;
  border-radius: 8px;
}

.member_images span {
  width: 52px;
  height: 52px;
  display: flex;
  border: 1px solid #f7ff9c;
  border-radius: 50px;
  text-align: center;
  align-items: center;
  justify-content: center;
}

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

.member_d {
  margin-top: 18px;
}

.member_d p {
  font-size: 12px;
  font-weight: 500;
  color: var(--white-color);
  margin-bottom: 0px;
}

.member_d span {
  color: #c4c4c4;
  font-size: 12px;
  font-weight: 300;
}

.box_data {
  background-color: var(--sidebar-bg);
  padding: 24px;
  border-radius: 16px;
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 261px;
}

.brand_text {
  margin-top: 16px;
}

.brand_text p {
  color: var(--white-color);
  font-size: 16px;
  font-weight: 400;
  margin-top: 5px;
  margin-bottom: 0px;
}

.brand_text span {
  color: #c4c4c4;
  font-size: 14px;
  font-weight: 300;
}

.data_btns {
  display: flex;
  justify-content: space-between;
}

.rate span {
  font-size: 22px;
  font-weight: 400;
  color: var(--white-color);
}

.view_button {
  background-color: var(--sidebartext-active);
  border-radius: 50px;
  height: 43px;
  padding: 0 30px 0 30px;
  border: none;
  font-size: 16px;
  font-weight: 300;
  color: var(--white-color);
}

.con_btn {
  width: 100%;
}

.con_btn {
  margin-top: 10px;
}

.footer {
  background-color: #292c2f;
  padding: 30px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 0;
  width: calc(100% - 317px);
  right: 0;
}

.footer ul {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 60%;
}

.footer ul li a {
  color: var(--white-color);
  text-decoration: underline;
  font-size: 14px;
  font-weight: 300;
}

.footer ul li a:hover {
  color: var(--main-color);
}

/* content css */

/* toggle btn css */

.sidebar_overlay {
  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgb(0 0 0 / 10%);

  backdrop-filter: blur(3px);

  opacity: 1;

  z-index: 1024;

  display: none;

  transition: 0.3s ease;
}

.active_sidebar .sidebar_overlay {
  display: block;

  transition: 0.3s ease;
}

.active_sidebar .sidebar {
  transform: translateX(0);

  z-index: 1045;
}

.active_sidebar .close_btn {
  display: inline-block;

  position: absolute;

  right: 17px;

  width: 37px;

  border-radius: 10px !important;
}

.toggle_btn,
.close_btn {
  background-color: var(--sidebar-bg);

  color: var(--white-color);

  font-size: 12px;

  font-weight: 600;

  padding: 13px;

  border-radius: 13px;
}

.sidebar {
  transition: 0.3s ease;
}

.close_btn {
  display: none;

  background: var(--sidebartext-active) !important;

  padding: 7px !important;
}

.active_sidebar {
  overflow: hidden;
}

.toggle {
  display: none;
}

.maskpassword {
  width: 30px;
  bottom: 12px !important;
}

@media (max-width: 992px) {
  .sidebar {
    transform: translateX(-317px);

    transition: 0.3s ease;
  }

  .main {
    padding: 50px 30px 50px 30px;
  }

  .toggle {
    display: block;
  }
}


/* modal css */
.modal .modal-content {
  border-radius: 16px;
  border: 2px solid var(--sidebar-border);
  background: var(--sidebar-bg);
  box-shadow: 0px 4px 85px 0px rgba(0, 0, 0, 0.17);
  padding: 20px 35px 6px;
}

.modal-backdrop.show {
  background: var(--modal-bg);
  backdrop-filter: blur(4.5px);
  opacity: 1;
}

.btn.main_btn {
  background-color: var(--sidebar-border);
  color: var(--white-color);
  font-weight: 300;
  margin-right: 10px;
  font-size: 16px;
  border-radius: 100px;
  padding: 8px 27px;
}

.modal_content h3 {
  color: var(--white-color);
  font-size: 22px;
  font-weight: 400;
  line-height: 1.6;
}

.modal_content p {
  color: var(--grey-textcolor);
  font-size: 16px;
  font-weight: 400;
}

.reg_modal .modal-dialog {
  max-width: 618px;
}

.small_modal .modal-dialog {
  max-width: 482px;
}

.modal .btn-close {
  background-image: unset;
  position: absolute;
  right: 23px;
  top: 12px;
  box-shadow: none !important;
  opacity: 1;
}

.modal.small_modal .btn-close {
  position: unset;
}

.modal .btn-close:hover svg path {
  fill: var(--sidebar-border)
}

.modal.small_modal .modal-content {
  padding: 12px 23px 6px;
}

.modal .modal-title {
  color: var(--white-color);
  font-weight: 400;
  font-size: 18px;
}

.modal.small_modal .modal-header {
  border-bottom: 1px solid var(--sidebartext-active);
}

.modal-content label {
  font-size: 16px;
  font-weight: 400;
  color: var(--grey-textcolor);
}

.modal-content .custom_dropdown .dropdown-toggle {
  background-color: var(--sidebartext-active);
  border-radius: 8px;
  min-width: 100%;
  padding: 11px 16px 11px 55px;
  height: 56px;
  font-size: 16px;
  font-weight: 400;
}

.hr_line {
  border-bottom: 1px solid var(--sidebartext-active);
  width: 100%;
  height: 1px;
  margin: 25px 0 16px;
}

.modal-content input {
  border: 2px solid var(--grey-text);
  background-color: transparent;
  outline: none !important;
  box-shadow: none !important;
  font-size: 16px;
  font-weight: 300;
  border-radius: 4px;
  color: var(--white-color);
  width: 100%;
  height: 35px;
  padding-left: 10px;
}

.modal_content .user_details p {
  font-size: 12px;
  font-weight: 300;
}

.modal_content .linked_account_details ul>li {
  background-color: transparent;
  padding: 12px 0;
}

.modal_content .linked_account_details ul>li:last-child:before {
  content: unset;
}

.modal_content .linked_account_details ul>li:before {
  content: '';
  position: absolute;
  width: 78%;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  height: 1px;
  background-color: var(--sidebartext-active);
}

.unlink_btn {
  background-color: var(--sidebartext-active);
  border-radius: 50px;
  height: 32px;
  padding: 8px 32px;
  border: none;
  font-size: 12px;
  font-weight: 400;
  color: var(--white-color);
}

.cancel_btn {
  background-color: var(--sidebartext-active);
  font-size: 16px;
  font-weight: 300;
  border-radius: 100px;
  height: 43px;
  color: var(--white-color);
}

.modal_btn2 {
  background-color: var(--grey-textcolor);
  font-size: 16px;
  font-weight: 300;
  border-radius: 100px;
  height: 43px;
  color: var(--grey-text);
}

.modal_btn button {
  width: 48%;
}

/* modal css */


/* login css */
.lang_select_row {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  width: 95%;
  top: 34px;
}

.login_bg .form-check-input[type=checkbox] {
  width: 24px;
  height: 24px;
  padding: 0;
}

.login_bg .form-check-input:checked[type=checkbox] {
  background-color: var(--white-color);
  background-image: unset;
  border-width: 6px;
}

.flex_social_btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 31.4%;
  border-radius: 8px;
  height: 72px;
  background-color: var(--sidebartext-active);
}

.or_text {
  font-size: 18px;
  font-weight: 300;
  color: var(--white-color);
  margin: 25px 0;
}

.form-check a.view_text,
.login_box .form-check label {
  font-size: 16px;
  font-weight: 400;
}

.login_bg .btn.btn.main_btn {
  padding: 12px 27px;
  font-size: 16px;
  font-weight: 400;
  transition: .3s ease;
}

.login_bg .btn.btn.main_btn:hover {
  transform: translateY(-4px);
  transition: .3s ease;
}

.login_bg {
  background-color: var(--dark-bg);
  height: 100vh;
}

.half_left_width,
.half_right_width {
  width: 50%;
}

.half_right_width {
  padding: 0 50px;
}

.half_left_width {
  background-color: var(--sidebar-bg);
  padding: 48px 32px 48px 32px;

}

.login_box h2 {
  font-size: 48px;
  font-weight: 500;
  color: var(--white-color);
}

.login_box p {
  font-size: 24px;
  font-weight: 300;
  color: var(--grey-textcolor);
}

.login_box label {
  font-size: 20px;
  font-weight: 400;
  color: var(--grey-textcolor);
}

.login_box input {
  border: 2px solid var(--grey-textcolor);
  background-color: transparent;
  outline: none !important;
  box-shadow: none !important;
  font-size: 18px;
  font-weight: 300;
  color: var(--white-color);
  border-radius: 4px;
  width: 100%;
  height: 52px;
  padding: 0 0 0 12px;
  transition: 0.3s ease-in-out;

}

.login_box input:focus {
  border-color: #2c74ff;
}

.verify_box {
  max-width: 433px;
}

.input_icon svg {
  position: absolute;
  right: 17px;
  bottom: 17px;
}

.nav-wrapper {
  text-align: center;
  width: 113px;
  height: 55px;
  background-color: var(--sidebar-bg);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sl-nav {
  display: inline;
}

.sl-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  display: inline-block;
}

.sl-nav li {
  cursor: pointer;
  padding-bottom: 10px;
  color: var(--white-color);
  font-size: 12px;
  padding-left: 0px;
  padding-bottom: 0px;
}

.sl-nav li ul {
  display: none;
}

.sl-nav li:hover ul {
  position: absolute;
  top: 29px;
  right: -15px;
  display: block;
  background: #313639;
  width: 120px;
  padding-top: 0px;
  z-index: 1;
  border-radius: 5px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.sl-nav li:hover .triangle {
  position: absolute;
  top: 15px;
  right: -10px;
  z-index: 10;
  height: 14px;
  overflow: hidden;
  width: 30px;
  background: var(--sidebar-bg);
}

.sl-nav li:hover .triangle:after {
  content: '';
  display: block;
  z-index: 20;
  width: 15px;
  transform: rotate(45deg) translateY(0px) translatex(10px);
  height: 15px;
  background: #313639;
  border-radius: 2px 0px 0px 0px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}


.sl-nav li ul li {
  position: relative;
  text-align: left;
  padding: 15px 15px;
  padding-bottom: 15px;
  padding-bottom: 0;
  z-index: 2;
  font-size: 15px;
  color: var(--white-color);


}

.sl-nav li ul li:last-of-type {
  padding-bottom: 15px;
}

.sl-nav li ul li span {
  padding-left: 5px;
}

.sl-nav li ul li span:hover,
.sl-nav li ul li span.active {
  color: var(--main-color);
}

.sl-flag {
  display: inline-block;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  width: 15px;
  height: 15px;
  background: #aaa;
  border-radius: 50%;
  position: relative;
  top: 2px;
  overflow: hidden;
}

.flag-de {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAAAPUlEQVQ4T+3HMQ0AIBTE0NOHM8x9B7hgh71bIWGieUvze1m7kHGBr/AVvsJX+EpmP5dV5/gKX+ErfIUvVDYcX2NMxQC8PAAAAABJRU5ErkJggg==');
  background-size: cover;
  background-position: center center;
}

.flag-usa {
  background-size: cover;
  background-position: center center;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAABhUlEQVQ4T2Ows82PjGixsc4LD2tysC/09Kjw8622tyuICG8u0w/cpGSCBzF4e1VmZkzw9anOzOj38a4KCW4IC22ECHYk1l9tn4gHMeTlTnZxLikvm+XiUpKW2hvgX+vnV5OVOQEoOGfOtv94AYOzU3Fd7XxHh6Lq6rlurqUx0W0J8Z1AnbW18yotonaYuOJBDBXls4A+bGpaBCTz86YEBtQCvVBSPAPIbY0oP1/aiAcxABU1Ny+2tclvbFjo5FgUF9uenNwNDLnmpkWEnV1TPRcY1O1tS4H6i4umA/0MDK2K8tlAwRqHpP1uoXgQKKraWpcClTY3LQZaCLQ5NaUX5OaWJY3++SeTC/AgBmA4AXUClUJs9ver8fKsAAYEUJCws4G21dXNB1oFdD/Qz8DQTk4C+bm2dn6DZ9bRiDQ8iAEYt8CoBpK5YBIYw0AEEZwSXX4oMB4PYoC6gCzAcDqrjGzEsMfen2xEmbMv1rSTjRi26dqRjShz9o2+6WQjBrSShQSkZAIADvW/HLrLY6cAAAAASUVORK5CYII=');
}

.otp_heading {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 8px;
  color: #C4C4C4;
  display: inline-block;
  width: 100%;
}

.input_field {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.input_field>input {
  width: 23%;
  height: 42px;
  border-radius: 4px;
  color: #C4C4C4;
  text-align: center;
  padding-left: 0;
}

.send_otp_again {
  text-align: center;
  margin-top: 30px;
}

.send_otp_again a {
  color: #FFF;
  font-size: 15px;
  font-weight: 400;
}

.save_btn {
  background-color: #C4C4C4;
  font-size: 16px;
  font-weight: 500;
  color: #67696B;
  border-radius: 50px;
  height: 51px;
}

.login_module_body {
  background-color: #101213;
}

.input_field input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input_field input[type=number] {
  -moz-appearance: textfield;
}

/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #101213 inset !important;
}

.invalid-feedback {
  position: absolute;
  font-size: 11px;
  font-weight: 300;
}

/* login css */

.lock_qstn {
  color: var(--pink-text);
  font-size: 14px;
  font-weight: 300;
}

.qstn_box {
  background-color: var(--sidebar-bg);
  border-radius: 16px;
  min-height: 84px;
  width: 100%;
  padding: 10px 130px 10px 81px;
  margin-bottom: 16px;
}

.qstn_box h3 {
  font-size: 32px;
  font-weight: 600;
  font-family: "Roboto", sans-serif !important;
  color: var(--grey-textcolor);
  position: absolute;
  left: 21px;
  top: 25%;
  transform: translate(0, -50%);
}

.right_side_option {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translate(0, -50%);
}

.qstn_box h4 {
  font-size: 16px;
  font-weight: 300;
  color: var(--white-color);
}

.edit_btn {
  width: 32px;
  height: 32px;
  background-color: #292C2F;
  border-radius: 100px;
}

.view_text {
  font-size: 14px;
  font-weight: 300;
  color: var(--white-color);
  display: inline-block;
  position: relative;
}

.view_text:hover {
  color: var(--sidebar-border);
}

.view_text:hover::before,
.edit_btn:hover {
  background-color: var(--sidebar-border);
}

.edit_btn:hover svg path {
  fill: var(--white-color);
}

.view_text:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: var(--white-color);
}

.shutter_score_main.brand_value .score_main {
  background-color: var(--sidebar-border);
  min-height: 300px;
}

.score_drop_down .custom_dropdown.light_dropdown .dropdown-toggle {
  background-color: var(--dark-puprle);
  margin-top: 0;
}

.days_text {
  background-color: var(--dark-puprle);
  color: var(--white-color);
  font-size: 12px;
  font-weight: 400;
  border-radius: 4px;
  display: inline-block;
  padding: 8px 6px;
}

.custom_dropdown.light_dropdown .dropdown-toggle::after {
  filter: brightness(0) invert(1);
}

.brand_value .score_main {
  flex-direction: column;
}

.shutter_score_main.brand_value .score_main::before {
  background-image: url('../images/round_shape.svg');
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  width: 189px;
  height: 99px;
  left: 0;
  top: 0;
}

.shutter_score_main.brand_value.premium_score .score_main::before {
  background-image: url('../images/round_shape2.svg');
  left: unset;
  right: 0;
  background-position: right;
}

.brand_value .shutter_score,
.brand_value h6 {
  z-index: 2;
}

.shutter_score_main.brand_value {
  overflow: hidden;
  border-radius: 16px;
}

.custom_dropdown.light_dropdown .dropdown-menu {
  background-color: var(--dark-puprle);
}

.custom_dropdown.light_dropdown .dropdown-menu .dropdown-item {
  color: var(--white-color);
}

.shutter_score_main.brand_value.premium_score .score_main {
  background-color: var(--light-yellow);
}

.premium_score .custom_dropdown.light_dropdown .dropdown-toggle,
.premium_score .days_text {
  background-color: var(--light-yellow2);
  color: var(--dark-bg);
}

.premium_score .custom_dropdown.light_dropdown .dropdown-toggle::after,
.premium_score .shutter_score img {
  filter: brightness(100) invert(1);
}

.premium_score .score_main h6,
.premium_score .shutter_score span {
  color: var(--dark-bg);
}

.link_next a {
  font-size: 18px;
  font-weight: 300;
  border: 2px solid var(--sidebar-border);
  border-radius: 8px;
  color: var(--white-color);
  min-height: 64px;
  padding: 0 34px 0 19px;
}

.link_next a svg {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translate(0, -50%);
}

.Frequency_main {
  background-color: var(--sidebar-bg);
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 20px;
}

.frequency p {
  color: var(--white-color);
  font-size: 16px;
  font-weight: 400;
}


.social_box {
  background-color: var(--sidebartext-active);
  border-radius: 8px;
  padding: 16px;
  min-height: 194px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.s_media {
  margin-bottom: 18px;
}

.s_media span {
  color: var(--white-color);
  font-size: 14px;
  padding-left: 8px;
}

.twice_dropdown .custom_dropdown {
  width: 100%;
}

.twice_dropdown .custom_dropdown .dropdown-toggle {
  background-color: var(--sidebar-bg);
  color: var(--white-color);
  font-size: 12px;
  font-weight: 400;
  padding: 0 25px 0 13px;
  border-radius: 8px;
  min-width: auto;
  width: 100%;
  height: 35px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.twice_dropdown .custom_dropdown .dropdown-toggle::after {
  width: 11px;
}

.twice_dropdown .dropdown-menu {
  width: 100%;
}

.linked_account a {
  display: inline-block;
  width: 100%;
  height: 32px;
  border-radius: 50px;
  color: var(--white-color);
  text-align: center;
  line-height: 32px;
  font-size: 12px;
  font-weight: 400;
}

.active_link a {
  background-color: var(--sidebar-border);
}

.block {
  padding: 16px;
  border-radius: 16px;
  background-color: var(--sidebar-border);
  min-height: 134px;
}

.daily_reach {
  display: flex;
}

.daily_reach p {
  color: var(--white-color);
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0px;
}

.count_reach {
  color: #F7FF9C;
  font-size: 20px;
  font-weight: 400;
  margin-top: 10px;
}

.Blue_lines {
  background-color: #002E86;
  height: 8px;
  width: 55%;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  display: inline-block;
}

.light_blue {
  background-color: #1657D4;
  height: 8px;
  width: 40%;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  display: inline-block;
}

.optimise_color {
  background-color: #F7FF9C;
}

.optimise_color h5 {
  color: #101213;
}

.optimise_color .daily_reach p {
  color: #101213;
}

.darkline {
  background-color: #101213;
  height: 8px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  display: inline-block;
  width: 60%;
}

.yellow_l {
  background-color: #EBF484;
  height: 8px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  display: inline-block;
  width: 35%;
}

.progress_lines {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.count_reach h5 {
  font-weight: 400;
}

.social_image_sizes {
  padding: 24px;
  border-radius: 16px;
  background-color: var(--sidebar-bg);
  margin-bottom: 20px;
}

.posts_sizes_main {
  display: flex;
  margin-top: 15px;
  justify-content: space-between;
}

.post_size {
  background-color: var(--sidebartext-active);
  border-radius: 8px;
  padding: 10px;
  text-align: center;
  width: 19%;
  min-height: 155px;
  padding: 14px;
}

.post_details {
  margin-top: 16px;
}

.post_details h6 {
  color: var(--white-color);
  font-size: 14px;
  font-weight: 400;
}

.post_details span {
  color: var(--grey-textcolor);
  font-size: 12px;
  font-weight: 300;
}

.switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #67696B;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 3px;
  top: 50%;
  transform: translate(0, -50%);
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked+.slider {
  background-color: #2196F3;
}

input:focus+.slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
  -webkit-transform: translateX(18px) translate(0, -50%);
  -ms-transform: translateX(18px) translate(0, -50%);
  transform: translateX(18px) translate(0, -50%);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.generate_posts_main {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.schedule_post button {
  background-color: #F7FF9C;
  border-radius: 8px;
  color: var(--sidebar-bg);
  width: 100%;
  height: 51px;
  font-size: 16px;
  font-weight: 400;
  border: none;
}

.generate_post_toggle {
  background-color: var(--sidebar-bg);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 51px;
  margin-right: 10px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 8px;
}

.generate_post_toggle h6 {
  margin-bottom: 0px;
  color: var(--white-color);
  font-size: 16px;
  font-weight: 400;
}

/* 29 june css */
.daily_reach.d-flex span {
  width: 40%;
}

.light_blue_box {
  background-color: var(--lightblue-bolor);
  padding: 24px;
  border-radius: 16px;

}

.light_blue_box_head p {
  font-size: 16px;
  font-weight: 400;
  color: var(--sidebar-bg);
}


.light_blue_box_head small {
  font-size: 12px;
  font-weight: 400;
  color: var(--sidebartext-active);
}

.light_blue_box_head button,
.light_blue_box.solve_blue_box button.grow_businees_btn {
  background-color: var(--sidebar-border);
  display: inline-block;
  height: 43px;
  border-radius: 50px;
  color: var(--white-color);
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  padding: 0 32px;
}

.light_blue_box_body h5 {
  font-size: 16px;
  font-weight: 500;
  color: var(--dark-bg);
}

.light_blue_box_body li {
  font-size: 14px;
  font-weight: 400;
  color: var(--dark-bg);
  border: 1px solid var(--sidebar-border);
  border-radius: 4px;
  margin-bottom: 11px;
  padding: 8px;
}

.light_blue_box_body li:last-child {
  margin-bottom: 0;
}

.light_blue_box.solve_blue_box p {
  font-size: 12px;
  font-weight: 500;
  color: var(--grey-text);
}

.light_blue_box.solve_blue_box h3 {
  font-size: 22px;
  font-weight: 700;
  color: var(--dark-bg);
  padding-right: 0;
  line-height: 1.5;
}

.light_blue_box .preview_btn1 {
  background-color: var(--white-color);
  color: var(--dark-bg);
  font-size: 10px;
  font-weight: 500;
  border-radius: 0px 4px 0px 32px;
  padding: 8px 32px 10px 38px;
  height: 52px;
  position: absolute;
  right: 0;
  top: 0;
}

.tooltip1 {
  cursor: pointer;
}

.tooltip1 .tooltip-text {
  display: none;
  width: 290px;
  background-color: var(--sidebartext-active);
  color: var(--white-color);
  text-align: left;
  border-radius: 4px;
  padding: 16px 45px 16px 43px;
  position: absolute;
  z-index: 1;
  transform: translateX(-50%);
  border: 2px solid var(--sidebar-border);
  font-size: 12px;
  font-weight: 400;
  top: -84px;
  left: 12px;
}

.tooltip1 .close-icon1 {
  position: absolute;
  top: 50%;
  right: 14px;
  color: unset;
  font-weight: bold;
  cursor: pointer;
  transform: translate(0, -50%);
}

.active_tooltip .tooltip-text {
  display: block;
}

.info_icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translate(0, -50%);
}

.tooltip1 .tooltip-text:after {
  content: '';
  position: absolute;
  background-image: url('../images/dropdown_arrow.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 27px;
  height: 13px;
  left: 50%;
  bottom: -13px;
  transform: translate(-50%, 0);
}

.Journalist_bg .linked_account a {
  font-size: 15px;
  width: auto;
  padding: 10px 27px;
  display: inline-block;
  line-height: unset;
  height: auto;
}

.enable_text {
  font-size: 14px;
  font-weight: 300;
  color: var(--grey-text);
  display: inline-flex;
}

.Journalist_bg p {
  font-size: 12px;
  font-weight: 300;
  color: var(--white-color);
}



.send1_button {
  background-color: var(--sidebar-bg);
  border-radius: 50px;
  height: 27px;
  padding: 0 30px 0 30px;
  border: none;
  font-size: 12px;
  font-weight: 400;
  color: var(--white-color);
}

.journlaist_row .member_images span {
  border-color: var(--purple-secondary);
}

.journlaist_row .team_member {
  text-align: center;
  margin-top: 15px;
}

.table_data1 td {
  font-size: 15px;
  font-weight: 300;
  color: var(--white-color);
  padding: 0 6px 8px 0px;
  width: 32%;
  vertical-align: top;
}

.table_data1 tr:last-child td {
  padding-bottom: 0;
}

.team_support.table_data1 {
  min-height: auto;
  margin-bottom: 14px;
  padding: 21px 24px;
}

.table_data1 th {
  font-size: 14px;
  font-weight: 600;
  color: var(--grey-text);
  padding-bottom: 7px;
}

.modal_btn2.blue_modal_btn2 {
  background-color: var(--sidebar-border);
  color: var(--white-color);
}

.img_upload_box {
  border: 2px solid var(--grey-text);
  background-color: var(--sidebartext-active);
  border-radius: 8px;
/*  padding: 28px;*/
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 88px;
}

.upload_btn1 input {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  opacity: 0;
}

.upload_area h6 {
  font-size: 16px;
  font-weight: 300;
  color: var(--white-color);
  width: 100%;
}

.upload_area .num1 {
  color: var(--light-yellow2);
  font-size: 14px;
  font-weight: 300;
  text-align: right;
  margin-top: 0px;
}

.upload_btn1 {
  position: absolute;
  right: -11px;
  top: 63px;
}

.modal_content p.modal_p_text {
  font-size: 15px;
  font-weight: 300;
  color: var(--white-color);
}

/* 29 june css */

/****** analytic ******/
.analytic_main {
  display: flex;
  justify-content: space-between;
}

.score_box {
  background-color: var(--sidebar-bg);
  min-height: 185px;
  padding: 24px;
  border-radius: 16px;
  width: 32%;
  margin-bottom: 20px;
}

.score_day_dropdown .custom_dropdown .dropdown-toggle {
  background-color: var(--sidebartext-active);
  color: var(--white-color);
  font-size: 12px;
  font-weight: 600;
  padding: 8px;
  border-radius: 8px;
  min-width: 150px;
  height: 35px;
}

.score_box p {
  color: var(--white-color);
  font-size: 16px;
  font-weight: 400;
  margin-top: 24px;
  margin-bottom: 0px;
}

.score_box h6 {
  color: var(--white-color);
  font-size: 32px;
  font-weight: 400;
  margin-bottom: 0px;
  margin-top: 12px;
}

.Analytics_buttons button {
  width: 100%;
  height: 51px;
  border: none;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 400;

}

.content_review {
  background-color: #F7FF9C;
  margin-bottom: 15px;
  color: var(--sidebar-bg);
}

.smart_approve {
  background-color: var(--sidebar-border);
  margin-bottom: 15px;
  color: var(--white-color);
}

.Manual_approve {
  background-color: var(--sidebartext-active);
  color: var(--white-color);
}

.campaign {
  background-color: var(--sidebar-bg);
  border-radius: 16px;
  padding: 24px;
}

.campaign_date {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.campaign_date h6 {
  color: var(--white-color);
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0px;
  padding-left: 15px;
}

.campaign_status h6 {
  color: #67696B;
  font-size: 14px;
  font-weight: 600;
}

.campaign_status p {
  color: var(--white-color);
  font-size: 16px;
  font-weight: 300;
}

.campaign_status:first-child {
  padding-left: 0;
}

.campaign_row {
  display: flex;
}

.campaign_status {
  width: 20%;
  padding-left: 15px;
  border-right: 1px solid #67696B;
}

.campaign_status:Last-child {
  border-right: none;
}

.devider {
  margin-top: 15px;
  margin-bottom: 15px;
  width: 100%;
  display: inline-block;
}

.devider span {
  width: 100%;
  display: inline-block;
  height: 1px;
  background-color: #67696B;
}

.keyword_btn button {
  background-color: var(--sidebar-border);
  border-radius: 4px;
  color: var(--white-color);
  font-size: 15px;
  border: none;
  width: 81px;
  height: 30px;
  margin-bottom: 10px;
}

/****** analytic ******/

/*********** Payment   *********/

.plans {
  width: 100%;
  position: relative;
  margin-top: 24px;
}

.card1 {
  background-color: var(--sidebar-bg);
  border-radius: 16px;
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}

.radio {
  font-size: inherit;
  margin: 0;
  position: absolute;
  top: 35px;
  left: 12px;

}


.radio {
  -moz-appearance: none;
  background: #1c1f21;
  border: 1px solid #67696B;
  border-radius: 50%;
  cursor: pointer;
  height: 23px;
  outline: none;
  transition: background 0.2s ease-out, border-color 0.2s ease-out;
  width: 23px;
}



.radio:checked {
  width: 23px;
  height: 23px;
  background-color: #fff;
  border: 6px solid #2c74ff;
}

.radio:checked::after {
  position: absolute;
  width: 14px;
  height: 14px;
  background-color: var(--white-color);
}

.card:hover .radio {
  border-color: var(--color-dark-gray);


}

.radio:checked :hover {
  border-color: var(--color-green);
}

.plan-details {
  border: 2px solid var(--sidebar-bg);
  border-radius: 16px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  padding: 27px 27px 27px 49px;
  transition: border-color 0.2s ease-out;
}

.card:hover .plan-details {
  border-color: red;
}

.radio:checked~.plan-details {
  border-color: var(--sidebar-border);
}



.radio:disabled~.plan-details {
  color: green;
  cursor: default;
}

.radio:disabled~.plan-details .plan-type {
  color: gray;
}

.card:hover .radio:disabled~.plan-details {
  border-color: var(--color-gray);
  box-shadow: none;
}

.card:hover .radio:disabled {
  border-color: var(--color-gray);
}

.plan-type {
  color: var(--color-green);
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1em;
}

.plan-cost {
  font-size: 2.5rem;
  font-weight: bold;
  padding: 0.5rem 0;
}

.slash {
  font-weight: normal;
}

.plan-cycle {
  font-size: 2rem;
  font-variant: none;
  border-bottom: none;
  cursor: inherit;
  text-decoration: none;
}

.hidden-visually {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.pricing_details {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.plan h6 {
  color: var(--white-color);
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 0px;
}

.plan span {
  color: #C4C4C4;
  font-size: 14px;
  font-weight: 400;
  margin-top: 0px;
  display: inline-block;
}

.mothly_billed {
  display: flex;
  align-items: end;
}

.bill_cycle {
  background-color: var(--sidebartext-active);
  border-radius: 8px;
  color: #81ACFF;
  font-size: 12px;
  font-weight: 300;
  width: 83px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  margin-right: 15px;
}

.bill_amount h5 {
  color: var(--white-color);
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 0px;
}

.bill_amount span {
  color: #67696B;
  font-size: 12px;
  font-weight: 400;
}

.feature_list {
  padding-left: 0;
  margin-top: 30px;
}

.feature_list li {
  margin-bottom: 20px;
  color: #C4C4C4;
  font-size: 15px;
}

.feature_list li img {
  margin-right: 15px;
}

.edit_ic {
  margin-right: 10px;
}

.add_payment {
  margin-bottom: 20px;
}

.add_payment button {
  background-color: var(--sidebartext-active);
  border-radius: 8px;
  width: 100%;
  height: 48px;
  border: none;
  color: var(--white-color);
  font-size: 16px;
  font-weight: 400;
}

.total_amount {
  border: 2px solid #292C2F;
  border-radius: 16px;
  padding: 18px;
}

.total_main {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.t_c h6 {
  color: var(--white-color);
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 0px;
}

.t_c span {
  color: #C4C4C4;
  font-size: 14px;
  font-weight: 500;
}

.amount h3 {
  color: var(--white-color);
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 0px;
}

.pay_button button {
  background-color: var(--sidebar-border);
  border-radius: 50px;
  color: var(--white-color);
  font-size: 16px;
  font-weight: 400;
  width: 100%;
  height: 40px;
  border: none;
  margin-top: 16px;
}

.card_details_main {
  margin-top: 24px;
}

.in_fields {
  text-align: left;
  margin-bottom: 20px;
  position: relative;
}

.in_fields label {
  font-size: 16px;
  font-weight: 400;
  color: #C4C4C4;
  margin-bottom: 8px;
}

.in_fields input {
  border: 2px solid #67696B;
  border-radius: 4px;
  height: 43px;
}

.in_fields span {
  position: absolute;
  right: 11px;
  top: 41px;
}

.last_field {
  display: flex;
  justify-content: space-between;
}

.in_fields.w-60 {
  width: 56%;
}

.in_fields.cvv_field.w-30 {
  width: 40%;
}

/********** Payment *********  */
/* 30 june css */
.modal_btn_border {
  border-top: 1px solid var(--sidebartext-active);
  padding-top: 14px;
}

.select2-container {
  z-index: 9999;
}

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

.select2.select2-container .select2-selection {
  border: 0;
  border-radius: 9px !important;
  margin-bottom: 0;
  outline: none;
  transition: all .15s ease-in-out;
  height: 56px;
}

.select2.select2-container .select2-selection .select2-selection__rendered {
  color: var(--white-color);
  padding-right: 54px;
  font-size: 16px;
  padding: 12px 0;
  height: 100%;
  font-weight: 300;
  padding-left: 45px;
  position: relative;
}

.select2.select2-container .select2-selection .select2-selection__rendered:before {
  /* content: ''; */
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translate(0, -50%);
  background-image: url('../images/time.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}

.select2.select2-container .select2-selection .select2-selection__arrow {
  background: transparent;
  height: auto;
  width: auto;
  top: 50%;
  transform: translate(0, -50%);
  right: 18px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  transform: translate(-50%, -50%) rotate(0deg);
  background-image: url('../images/arrow.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 16px !important;
  height: 8px !important;
  filter: brightness(0) invert(1);
  border: 0 !important;
  top: 50% !important;
  margin-top: 0 !important;
  transition: .3s ease;
}

.select2-container--default .select2-selection--single,
.select2-dropdown {
  background: var(--selectdropdown-bg) !important;
  border: 0 !important;
}


.select2.select2-container .select2-selection--multiple {
  height: auto;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  transform: translate(-50%, -50%) rotate(180deg);
  transition: .3s ease;
}

.select2-container--default.select2-container--open .select2-selection {
  border-radius: 9px 9px 0 0 !important;
}

.select2-dropdown,
.select2-container--default .select2-results__option:last-child[aria-selected=true]:last-child,
.select2-container--default .select2-results__option:last-child.select2-results__option--highlighted[aria-selected] {
  border-radius: 0 0 9px 9px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: var(--light-yellow) !important;
  color: var(--sidebartext-active) !important;
}

.select2-results__option {
  font-size: 14px;
  font-weight: 400;
  color: var(--white-color);
  padding: 8px 15px 8px 14px !important;
}

.Congratulations_modal .modal-dialog {
  max-width: 490px;
}

.t_list li {
  margin-right: 0 !important;
}

header .custom_dropdown .dropdown-toggle {
  padding: 16px 27px 16px 55px;
  width: 222px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

header .custom_dropdown .dropdown-toggle h6,
header .custom_dropdown .dropdown-toggle span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

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

@media (max-width:1400px) {
  .sidebar_menu li a {
    font-size: 14px;
    padding: 16px 7px 16px 53px;
  }

  .sidebar_menu li a svg {
    width: 19px;
  }

  .count {
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 8px;
  }

  .color {
    width: 36px;
    height: 36px;
  }

  .blog_details p {
    font-size: 13px;
  }

  .other_details h6 {
    font-size: 14px;
  }

  .blog_box {
    padding: 15px 13px;
  }

  .website h6,
  .traffic h6,
  .shutter_score span,
  .Enable_shutter buton,
  .task_heading h6 {
    font-size: 15px;
  }

  .custom_dropdown .dropdown-toggle::after {
    width: 14px;
  }

  .webtext ul>li {
    font-size: 11px;
  }

  .score_drop_down .custom_dropdown .dropdown-toggle,
  .camp_btns .btn {
    font-size: 14px !important;
  }

  .task_dd .custom_dropdown .dropdown-toggle,
  .score_drop_down .custom_dropdown .dropdown-toggle {
    padding: 7px 12px 7px 12px;
    height: 39px;
    font-size: 11px;
  }

  .website span {
    font-size: 10px;
    padding: 10px 9px;
  }

  .other_details h5 {
    font-size: 21px;

  }

}

@media (max-width:1199px) {
  .team_support.table_data1 {
    margin-top: 15px;
  }

  .other_details {
    margin-top: 12px;
    margin-bottom: 0 !important;
  }

  .score_drop_down .custom_dropdown .dropdown-toggle {
    min-width: 79px;
    height: 38px;
  }

  .custom_dropdown.light_dropdown .dropdown-toggle::after {
    width: 13px;
    height: 9px;
  }

  .heaidngs,
  .link_acc h6,
  .qstn_box h4,
  .score_drop_down .custom_dropdown .dropdown-toggle,
  .camp_btns .btn,
  .Create_Campaign .gernal_Text {
    font-size: 14px;
  }

  .blog_details span,
  .view_text,
  .score_drop_down .custom_dropdown .dropdown-toggle {
    font-size: 13px;
  }

  .camp_btns .btn {
    font-size: 13px !important;
    padding: 0 13px 0 13px;
  }

  .member_d p,
  .days_text {
    font-size: 11px;
  }

  .member_d span {
    font-size: 10px;
  }

  .score_main h6 {
    font-size: 27px;
  }

  .team_member {
    padding: 16px 7px;
  }

  .bar1 {
    width: 60%;
  }

  .bar2 {
    width: 20%;
  }

  .bar3,
  .bar4 {
    width: 10%;
  }
}

@media (max-width:991px) {
  .team_support .heaidngs {
    text-align: left;
  }

  h1 {
    font-size: 19px;
  }
}

@media (max-width:767px) {

  .light_blue_box_head button,
  .light_blue_box.solve_blue_box button.grow_businees_btn {
    font-size: 14px;
    height: 39px;
    padding: 0 26px;
  }

  .tooltip1 .tooltip-text {
    left: unset;
    transform: unset;
    right: -28px;
  }

  .tooltip1 .tooltip-text:after {
    transform: unset;
    right: 25px;
    left: unset;
  }

  .post_size {
    width: 31%;
    margin: 7px 5px;
  }

  .posts_sizes_main {
    flex-wrap: wrap;
    justify-content: center;
  }

  header .custom_dropdown .dropdown-toggle {
    padding: 9px 16px 9px 55px;
    height: 57px;
  }

  .custom_9,
  .custom_3 {
    width: 100% !important;
  }

  header ul {
    margin: 16px 0 5px;
  }

  header {
    flex-direction: column;
    align-items: start;
  }

  .reverse_row {
    flex-direction: column-reverse;
  }
}

@media (max-width:575px) {

  .Frequency_main,
  .team_support.table_data1,
  .light_blue_box,
  .Blog_post_main {
    padding: 18px 14px;
  }

  .schedule_post button {
    width: 115px;
    font-size: 14px;
  }

  .tooltip1 .tooltip-text {
    width: 257px;
  }

  .post_size {
    width: 47%;
    margin: 7px 5px;
  }

  .social_image_sizes {
    padding: 18px 12px;
  }

  .blog_img img {
    height: 180px;
  }

  header ul li {
    margin-bottom: 10px;
  }

  .main {
    padding: 12px !important;
  }

  .notification {
    margin-right: 0;
    margin-left: 7px;
  }

  br {
    display: none;
  }

  .Create_Campaign .gernal_Text {
    margin-bottom: 37px;
  }

  .blog_box {
    height: auto;
    margin-bottom: 3px
  }

  .shutter_score_main.brand_value .score_main {
    min-height: 100%;
  }

  .generate_post_toggle h6,
  .table_data1 td,
  .modal_content p,
  .modal-content label,
  .modal-content .custom_dropdown .dropdown-toggle,
  .upload_area h6 {
    font-size: 13px;
  }

  .btn.main_btn,
  .modal_btn2,
  .cancel_btn,
  .modal_btn2.blue_modal_btn2,
  .modal_btn button {
    font-size: 14px;
    height: 46px !important;
  }

  .action_btn .edit_btn {
    width: 26px;
    height: 26px;
  }

  .action_btn .edit_btn svg {
    width: 12px;
  }

  .twice_dropdown .custom_dropdown .dropdown-toggle {
    font-size: 10px;
  }

  .Journalist_bg .linked_account a {
    font-size: 13px;
    padding: 9px 22px;
  }

  .modal_content h3 {
    font-size: 19px;
  }

  .modal .modal-content {
    padding: 20px 8px 6px;
  }

  .modal .modal-title {
    font-size: 15px;
  }

  .modal.small_modal .btn-close svg {
    width: 24px;
  }

  .unlink_btn {
    padding: 8px 22px;
  }

  .modal .user_details h6 {
    word-break: break-all;
  }

  .modal_content p.modal_p_text {
    font-size: 12px;
  }

  #monthYear {
    width: 59% !important;
  }

  .modal.small_modal .modal-content {
    padding: 12px 14px 6px;
  }

  #calTbody .a-date>span {
    font-size: 13px !important;
  }

  .select2.select2-container .select2-selection .select2-selection__rendered {
    font-size: 14px;
  }

  .half_left_width {
    padding: 19px 32px 48px 32px;
  }

  .lang_select_row {
    top: 11px;
  }
}

@media (max-width:480px) {
  #monthYear {
    width: 48% !important;
  }

  .post_size {
    width: 43%;
    margin: 7px 5px;
  }

  .right_side_option {
    position: unset;
    transform: unset;
  }

  .qstn_box {
    padding: 13px 10px 13px 64px !important;
    flex-direction: column;
    align-items: start !important;
    justify-content: center;
  }

  .qstn_box h3 {
    transform: unset;
    left: 19px;
    top: 11px;
  }

  .qstn_box h4 {
    margin-bottom: 11px !important;
  }

  .heaidngs,
  .link_acc h6,
  .qstn_box h4,
  .score_drop_down .custom_dropdown .dropdown-toggle {
    font-size: 13px;
  }
}

/* 30 june css */


/* media Query */



@media (max-width: 1400px) {
  .sidebar {
    width: 266px;
    padding: 10px 14px;
  }

  .main {
    padding: 50px 30px 50px 282px;
  }

  .footer {
    width: calc(100% - 266px);
  }

  .last_dd .dropdown.custom_dropdown.d-inline-block {
    width: 100%;
  }

  .last_dd .custom_dropdown .dropdown-toggle {
    width: 100%;
    min-width: inherit;
  }

  .last_dd .custom_dropdown .dropdown-toggle::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 4px;
  }
}

@media (max-width: 1386px) {
  .custom_9 {
    width: 70%;
  }

  .custom_3 {
    width: 30%;
  }

  .Create_Campaign {
    padding: 40px 20px 40px 30px;
  }
}

@media (max-width: 1365px) {
  .Create_Campaign {
    padding: 40px 20px 40px 30px;
  }
}

@media (max-width: 1300px) {
  .login_box h2 {
    font-size: 42px;
  }

  .login_box label {
    font-size: 16px;
  }

  .form-check a.view_text,
  .login_box .form-check label {
    font-size: 15px;
  }

  .login_box p {
    font-size: 21px;
  }

  .camp_btns .btn {
    padding: 0 20px 0 20px;
  }

  .Create_Campaign::before {
    right: -20px;
  }

  .Create_Campaign::after {
    right: -20px;
    top: -20px;
  }
}

@media (max-width: 1200px) {
  .login_box h2 {
    font-size: 36px;
  }

  .login_box p {
    font-size: 17px;
  }

  .half_right_width {
    padding: 0 23px;
  }

  .half_left_width {
    width: 45%;
  }

  .half_right_width {
    width: 55%;
  }

  .qstn_box {
    padding: 0 126px 0 64px;
  }

  .qstn_box h3 {
    font-size: 22px;
  }

  .link_next a {
    font-size: 14px;
  }

  .link_next a svg {
    width: 21px;
    height: 16px;
    right: 10px;
  }

  .camp_btns .btn {
    padding: 0 17px 0 17px;
  }

  .Create_Campaign {
    padding: 40px 18px 40px 18px;
  }

  .Create_Campaign::before {
    right: -30px;
  }

  .last_dd .custom_dropdown .dropdown-toggle {
    font-size: 10px;
  }

  .linked_account_details ul>li {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .user_details {
    padding-left: 0;
    text-align: center;
  }

  .user_details h6 {
    font-size: 13px;
    margin-bottom: 3px;
    margin-top: 2px;
  }

  .add_new_btn img {
    width: 40px;
  }

  .link_acc a img {
    width: 40px;
  }

  .view_button {
    padding: 0 19px 0 19px;
  }

  .box_data {
    padding: 18px;
  }
}

@media (max-width: 992px) {
  .half_left_width img {
    max-width: 270px;
  }

  .half_right_width {
    padding: 25px;
  }

  .login_bg {
    height: 100%;
  }

  .main {
    padding: 20px;
  }

  .login_mob_flex {
    flex-direction: column;
  }

  .toggle_btn {
    margin-bottom: 0px !important;
  }

  .custom_dropdown .dropdown-toggle {
    min-width: 210px;
  }

  .footer,
  .half_left_width,
  .half_right_width {
    width: 100%;
  }

  .Create_Campaign::before {
    right: 0;
  }

  .Create_Campaign::after {
    right: 0;
    top: 0;
  }

  .linked_account_main {
    margin-bottom: 20px;
  }

  .linked_account_details ul>li {
    flex-direction: inherit;
    justify-content: left;
  }

  .user_details {
    padding-left: 20px;
    text-align: left;
  }
}

@media (max-width: 768px) {}

@media (max-width: 752px) {

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

@media (max-width: 576px) {
  .footer ul {
    width: 100%;
  }

  .camp_btn {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }

  .ques_btn {
    width: 100%;
  }

  .Create_Campaign::before {
    right: -40px;
  }

  .Create_Campaign::after {
    right: -110px;
    top: 0;
  }


  .linked_account_details ul {
    display: inherit;
  }

  .linked_account_details ul>li {
    width: 100%;
    margin-top: 15px;
  }

  .login_box h2 {
    font-size: 25px;
    margin-bottom: 11px !important;
  }

  .login_box p,
  .login_box input {
    font-size: 14px;
  }

  .login_box label,
  .form-check a.view_text,
  .login_box .form-check label {
    font-size: 13px;
  }

  .login_bg .form-check-input[type=checkbox] {
    width: 19px;
    height: 19px;
    margin-top: 4px !important;
  }

  .login_box .form-check label {
    margin-left: 2px !important;
  }

  .flex_social_btn a {
    height: 58px;
  }

  .flex_social_btn a img {
    max-height: 25px;
  }

  .analytic_main {

    flex-direction: column;
  }

  .score_box {
    padding: 14px;
    width: 100%;
  }

  .score_day_dropdown .custom_dropdown {
    width: 100%;
  }

  .score_day_dropdown .custom_dropdown .dropdown-toggle {
    min-width: inherit;
    width: 100%;
  }

  .score_day_dropdown .dropdown-menu {
    min-width: 100%;
  }

  .campaign_row {
    flex-direction: column;
    text-align: center;
  }

  .campaign_status:first-child {
    padding-left: inherit;
  }

  .campaign_status {
    width: 100%;
    text-align: center;
    border-right: none;
    border-bottom: 1px solid #67696B;
    padding-left: 0;
    padding-top: 20px;
  }

  .campaign_status:last-child {
    border-bottom: none;
  }
}

.ui-timepicker-container{
  z-index: 9999 !important;
}

.modal_btn button{
  height:56px;
}
.qbox {
  background-color: var(--sidebar-bg);
  margin-bottom: 16px;
  border-radius: 16px;
}
.ans_box {
  padding: 0 22px 10px 22px;
  width: 100%;
  margin-top: 10px;
  display: none;
}
.ans_box textarea {
  width: 100%;
  background-color: #1c1f2100;
  border: 1px solid #333434;
  border-radius: 10px;
  color: #fff;
  padding-left: 10px;
}
.custom_select2 .select2-container--default .select2-selection--multiple {
  background-color: #1c1f2100!important;
  border: 2px solid #5d5959 !important;
  border-radius: 4px;
  cursor: text;
}
.custom_select2 .select2-selection__rendered {
  padding: 4px 10px 4px 0px !important;
  height: auto !important;
}
.custom_select2 .select2-container .select2-search--inline .select2-search__field {
  width: 100% !important;
  margin: 0 !important;
  padding-left: 5px !important;
}
#calendarEvent {
  width: 100%;
  margin: 40px auto;
  padding: 0 10px;
  height: 100vh;
}

.fc-icon-fa-list:before {
  content: "\f03a";
}
.fc-state-default {
  background-color: #1C1F21!important;
  border-radius: 16px !important;
  border: none !important;
  background-image: none !important;
  box-shadow: none !important;
  padding: 12px 16px !important;
  height: auto !important;
}
.fc-icon-fa-list:before{
content: '' !important;
background-image: url(../images/listview.svg)!important;
position: absolute;
width: 18px;
height: 18px;
background-repeat: no-repeat;
left: 17px;
top: 15px;
}
.fc button .fc-icon {
  position: static !important;
  width: 14px;
 
}
.fa-list::before{
content: '' !important;
background-image: url(../images/gridview.svg)!important;
position: absolute;
width: 18px;
height: 18px;
background-repeat: no-repeat;
left: 17px;
top: 15px;
}
.fa-cal::before{
  content: '' !important;
background-image: url(../images/calender.svg)!important;
position: absolute;
width: 18px;
height: 20px;
background-repeat: no-repeat;
left: 17px;
top: 13px;
}
.fc-filterButton-button {
  color: #fff !important;
  text-shadow: none !important;
}
.fc-left h2 {
  color: #fff;
  font-size: 16px;
  line-height: 45px;
  padding-left: 25px;
}
.fc-today-button {
  color: #fff !important;
  box-shadow: none !important;
  text-shadow: none !important;
  opacity: 9 !important;
}
.fc-icon-left-single-arrow::after {
  content: "" !important;
  background-image: url(../images/left_arow.svg) !important;
  width: 18px !important;
  height: 18px !important;
  position: absolute !important;
  top: 30% !important;
  background-repeat: no-repeat;
  left: 21px;
}
.fc-icon-right-single-arrow::after{
  content: "" !important;
  background-image: url(../images/right_arow.svg) !important;
  width: 18px !important;
  height: 18px !important;
  position: absolute !important;
  top: 30% !important;
  background-repeat: no-repeat;
  left: 21px;
}
.fc-view, .fc-view > table {
  position: relative;
  z-index: 0 !important;
}
.fc-view-container {
  background-color: #1C1F21;
  border-radius: 20px;
}
.fc-unthemed thead {
  border-color: #1c1f21 !important;
}
.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
  border-color: #292e31 !important;
}
.fc-day-header span {
  color: #fff;
  font-size: 16px !important;
  font-weight: 400;
  padding-top: 10px !important;
  display: inline-block;
  padding-bottom: 10px;
}
.fc-day-number {
  color: #fff;
  padding-right: 14px !important;
}
.fc-list-item-time.fc-widget-content {
  color: #fff;
}
.fc-list-item-title.fc-widget-content {
  color: #fff;
}
.fc-unthemed .fc-list-item:hover td {
  background-color: #101213 !important;
}
.fc-list-heading-main {
  color: #fff !important;
  font-weight: 500;
}
.fc-list-heading-alt {
  color: #fff!important;
  font-weight: 500;
}
.fc-unthemed .fc-list-heading td, .fc-unthemed .fc-popover .fc-header {
  background: #101213 !important;
}
.fc-unthemed .fc-list-empty {
  background-color: #1c1f21!important;
  
  color: #fff;
}

.fc-future a {
  color: #fff !important;
  font-weight: 400;
  font-size: 14px;
  padding-top: 10px !important;
  display: inline-block;
  padding-bottom: 10px;
}
.fc-today a {
  color: #fff !important;
  font-weight: 400;
  font-size: 14px;
  padding-top: 10px !important;
  display: inline-block;
}
.fc-past a{
  color: #fff !important;
  font-weight: 400;
  font-size: 14px;
  padding-top: 10px !important;
  display: inline-block;
}
.fc-unthemed td.fc-today {
  background: #81ACFF !important;
}
.event_main {
  border: 2px solid #2C74FF !important;
  background-color: #1c1f21;
  border-radius: 5px;
  padding: 7px;
}
.event_time {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.event_time p {
  margin-bottom: 0;
}
.event_time {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid #292C2F;
}
.social_icon {
  margin-top: 10px;
}
.social_icon img {
  width: 22px;
}
.image_text {
  margin-top: 10px;
}
.image_text h1 {
  color: #C4C4C4;
  font-size: 12px;
  width: 100%;
  word-wrap: break-word;
  white-space: normal;
}
.image_text p {
  color: #C4C4C4;
  font-size: 9px;
  font-weight: 400;
  word-wrap: break-word;
  white-space: normal;
}
.post_img {
  margin-bottom: 15px;
}
.btn_links {
  width: 100%;
  text-align: right;
}
.btn_links a {
  margin-left: 12px;
}
.fc-right .fc-button.active {
  background-color: #2c74ff !important;
}
.chat_user_details {
  background-color: #1C1F21;
  border-radius: 16px;

  margin-top: 40px;
}
.search_field {
  position: relative;
  width: 100%;
}
.search_field input {
  width: 100%;
  border: 2px solid #67696B;
  height: 48px;
  border-radius: 5px;
  background-color: #1c1f21;
  color: #67696B;
  padding-left: 12px;
}
.search_field input:focus{
  outline: none;
  box-shadow: none;
}
.search_field span {
  position: absolute;
  right: 31px;
  bottom: 14px;
}
.chat_tabs {
  margin-top: 20px;
}
.chat_tabs nav button{
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 400;
}
.chat_tabs nav .nav-tabs{
  border-bottom: none;
}
.chat_tabs nav .nav-tabs .active{
  background-color: #292C2F;
  border-radius: 8px;
  padding: 8px 12px;
  color: #fff;
}
.c_user {
  background-color: #292C2F;
  border-radius: 16px;
  padding: 20px;
  margin-top: 16px;
  display: flex;
  align-items: center;
}
.user_image {
  position: relative;
}
.online {
  background-color: #28D68D;
  width: 16px;
  height: 16px;
  display: inline-block;
  border-radius: 50px;
  border: 3px solid #1C1F21;
  position: absolute;
  bottom: 0;
  right: 0;
}
.offline{
  background-color: #FF6895;
  width: 16px;
  height: 16px;
  display: inline-block;
  border-radius: 50px;
  border: 3px solid #1C1F21;
  position: absolute;
  bottom: 0;
  right: 0;
}
.user_details h2 {
  color: #FFF;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 2px;
}
.user_details h4 {
  color: #FFF;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 3px;
}
.user_details p {
  color: #c4c4c4;;
  font-size: 10px;
  font-weight: 400;
  
}
.countmessage {
  margin-left: auto;
  width: 27px;
  height: 27px;
  background-color: #FF2C6B;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  font-size: 12px;
  font-weight: 400;
}
.users_main {
  max-height: 460px;
  overflow-y: scroll;
  padding: 0px 20px 20px 20px;
}
.chat_tabs nav {
  padding: 5px 20px;
}
.search_field {
  position: relative;
  width: 100%;
  padding: 20px 20px 0 20px;
}
.plateform_selection ul {
  padding-left: 0;
  background-color: #292c2f;
  margin-top: 5px;
  border-radius: 10px;
}
.plateform_selection ul li {
  background-color: #292c2f;
  border-radius: 10px;
  padding-bottom: 10px;
  display: flex;
  border-bottom: 1px solid;
  cursor: pointer;
}
.s_media_icon {
  display: flex;
  align-items: center;
  padding: 10px 0 10px 10px;
  cursor: pointer;
}
.s_media_icon h6 {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  padding-left: 10px;
}
.seleced_div {
  background-color: #292c2f;
  border-radius: 10px;
}
.seleced_div li{
  position: relative;
}
.arow_img {
  position: absolute;
  right: 15px;
  top: 20px;
}
.link_btn{
  background-color: #2c74ff;
}
.answer_view{
  padding: 0 22px 10px 22px;
  display: none;
}
.answer_view p {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}
.chat_section_main {
  background-color: #1C1F21;
  border-radius: 16px;
  margin-top: 40px;
  padding: 20px;
}
.user_detials {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #67696B;
  padding-bottom: 15px;
}
.profile_image {
  position: relative;
}
.profile_image span {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-color: #28D68D;
  border-radius: 50%;
  border: 2px solid #292C2F;
  bottom: 0;
  position: absolute;
  right: 0;
}
.user_text {
  padding-left: 12px;
}
.user_text h6 {
  color: #FFF;
  font-size: 16px;
  font-weight: 400;
}
.user_text span {
  color: #C4C4C4;
  font-size: 15px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
}
.chat_controler {
  margin-left: auto;
}
.chat_controler a {
  margin-right: 10px;
}
.chat_controler a:last-child{
  margin-right: 0px;
}
.chat_message_section {
  margin-top: 15px;
}
.chat_input {
  position: relative;
}
.chat_input input {
  width: 100%;
  border: 2px solid #67696B;
  height: 48px;
  border-radius: 50px;
  background-color: #1C1F21;
  color: #67696B;
  font-size: 14px;
  padding-left: 15px;
  padding-right: 60px;
}
.chat_input input:focus{
  outline: none;
  box-shadow: none;
}
.chat_input span {
  position: absolute;
  right: 0;
  top: 8px;
  right: 15px;
}
.pin_ic {
  right: 45px !important;
}
.send_btn {
  margin-top: 15px;
}
.send_btn button {
  background-color: #2C74FF;
  width: 100%;
  height: 50px;
  border-radius: 50px;
  border: none;
  color: #FFF;
  font-size: 17px;
  font-weight: 500;
}
.autogencontent{
  color:#fff;
}

.loader img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100px;
}

.loader {
    position: relative;
    width: 100%;
    height: calc(100vh - 270px);
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #101213 inset !important;
    -webkit-text-fill-color: #fff;
}

.template-name{
  text-align: center;
  padding: 10px;
}