:root {
  --light-green: #f6f6f9;
  --light-green-shadow: #f6eff7;
  --primary-color: #363599;
  --primary-color-dark:#1e1d7f;
  --primary-color-disabled:#7978c8;
  --secondary-color: #79307e;
  --secondary-color-dark: #612165;
  --font-color: #333;
  --border-radius: 24px;
  --text-light-grey: #bbb;
  --lightest-grey:#f7f8f8;
  --lighter-grey:#efefef;
  --light-grey:#ddd;
  --text-med-grey: #a8a8a8;
  --text-grey: #666;
  --text-grey-active: #111;
  --dark-grey: #666;
  --darkest-grey:#111;
  --form-border-color: #c9c9c9;
  --red: #c61033;
  --muted: #999;
  --blue:#0972c3;
  --purple:#4d3678;
  --orange:#ef6043;
  --green:#117d42;
  --ppt:#c13b1a;
  --word:#1b5fbf;
}
@font-face {
  font-family: "DMSans";
  src: url("../fonts/DMSans/DMSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DMSans";
  src: url("../fonts/DMSans/DMSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "DMSans";
  src: url("../fonts/DMSans/DMSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "DMSans";
  src: url("../fonts/DMSans/DMSans-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "DMSans";
  src: url("../fonts/DMSans/DMSans-Bold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "DMSans";
  src: url("../fonts/DMSans/DMSans-BoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
body {
  min-height: -webkit-fill-available;
  font-family: "DMSans", Arial, sans-serif;
}
html {
  height: -webkit-fill-available;
  font-size: 15px;
  color:var(--font-color);
}
h1{
  font-size:40px;
  font-weight:bold;
  color:var(--font-color);
  letter-spacing: 0px;
}
h2{
  font-size:18px;
  font-weight:500;
  color:var(--dark-grey);
}
h3{
  color:var(--font-color);
  font-size:20px;
  letter-spacing: 0px;
}
h4{
  font-size:20px;
  letter-spacing: 0.2px;
  color:var(--font-color);
}
h5{
  font-size:14px;
  letter-spacing: 0px;
}
h6{
  font-weight:500;
  color:#414655;
  font-size:14px;
}
.font-med{
  font-size:16px;
}
main {
  height: -webkit-fill-available;
  max-height: 100vh;
  overflow-x: auto;
  overflow-y: hidden;
}
a, a:visited{
  position: relative;
  transition: all 0.2s ease;
  color:#333;
  text-decoration: none;
}
a:hover, a:focus{
  text-decoration:none;
  color:#111;
}
a.link::after{
  content:' ';
  position:absolute;
  width:15px;
  height:2px;
  background-color: var(--secondary-color);
  bottom:-6px;
  left:0px;
  opacity: 0;
  transition: all 0.2s ease;
}
a.link:hover::after{
  bottom: -4px;
  opacity: 1;
}
.hide-important{
  display: none !important;
}
.bg-dark-green{
  background-image: linear-gradient(136deg, var(--light-green), var(--light-green), var(--light-green-shadow));
  background-color: var(--light-green);
}
.bg-dark-green2{
  background-image: linear-gradient(226deg, var(--light-green), var(--light-green), var(--light-green-shadow));
  background-color: var(--light-green);
}
.bg-lightest{
  background-color:var(--light-green);
}
.spinner-border{
  border:1.5px solid currentcolor;
  border-right-color:transparent;
  width: 17px;
  height: 17px;
}
.dropdown-toggle { outline: 0; }
.btn-toggle {
  padding: .25rem .5rem;
  font-weight: 600;
  color: var(--bs-emphasis-color);
  background-color: transparent;
}
.btn-toggle:hover,
.btn-toggle:focus {
  color: rgba(var(--bs-emphasis-color-rgb), .85);
  background-color: var(--bs-tertiary-bg);
}
.bd-placeholder-img{font-size:1.125rem;text-anchor:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none}
@media (min-width: 768px){.bd-placeholder-img-lg{font-size:3.5rem}}
.b-example-divider{width:100%;height:3rem;background-color:#0000001a;border:solid rgba(0,0,0,.15);border-width:1px 0;box-shadow:inset 0 .5em 1.5em #0000001a,inset 0 .125em .5em #00000026}
.bi{vertical-align:-.125em;fill:currentColor}
.nav-scroller{position:relative;z-index:2;height:2.75rem;overflow-y:hidden}
.nav-scroller .nav{display:flex;flex-wrap:nowrap;padding-bottom:1rem;margin-top:-1px;overflow-x:auto;text-align:center;white-space:nowrap;-webkit-overflow-scrolling:touch}
.btn-bd-primary{--bd-violet-bg: #712cf9;--bd-violet-rgb: 112.520718, 44.062154, 249.437846;--bs-btn-font-weight: 600;--bs-btn-color: var(--bs-white);--bs-btn-bg: var(--bd-violet-bg);--bs-btn-border-color: var(--bd-violet-bg);--bs-btn-hover-color: var(--bs-white);--bs-btn-hover-bg: #6528e0;--bs-btn-hover-border-color: #6528e0;--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);--bs-btn-active-color: var(--bs-btn-hover-color);--bs-btn-active-bg: #5a23c8;--bs-btn-active-border-color: #5a23c8}
.bd-mode-toggle{z-index:1500}.bd-mode-toggle .bi{width:1em;height:1em}
.bd-mode-toggle .dropdown-menu .active .bi{display:block!important}
.btn-toggle::before {
  width: 1.25em;
  line-height: 0;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transition: transform .35s ease;
  transform-origin: .5em 50%;
}
[data-bs-theme="dark"] .btn-toggle::before {
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255,255,255,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
}
.btn-toggle[aria-expanded="true"] {
  color: rgba(var(--bs-emphasis-color-rgb), .85);
}
.btn-toggle[aria-expanded="true"]::before {
  transform: rotate(90deg);
}
.btn-toggle-nav a {
  padding: .1875rem .5rem;
  margin-top: .125rem;
  margin-left: 1.25rem;
}
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
  background-color: var(--bs-tertiary-bg);
}
/* HTML: <div class="loader"></div> */
.loader {
  height: 6px;
  width: 130px;
  --c:no-repeat linear-gradient(#79307e 0 0);
  background: var(--c),var(--c),var(--light-green-shadow);
  background-size: 60% 100%;
  animation: l16 3s infinite;
  border-radius:6px;
}
@keyframes l16 {
  0%   {background-position:-150% 0,-150% 0}
  66%  {background-position: 250% 0,-150% 0}
  100% {background-position: 250% 0, 250% 0}
}
.form-control:focus {
  outline: none !important;
  box-shadow: none !important;
}
.btn:focus, .btn:active:focus {
  outline: none !important;
  box-shadow: none !important;
}
.scrollarea {
  overflow-y: auto;
}
#sidebar{
  position:relative;
  max-width:260px;
  min-width: 260px;
  transition: all 0.3s ease;
  z-index:1049;
}
#sidebar.collapsed{
  margin-left:-260px;
}
@media (max-width: 767.9px) {
  #sidebar{
    position:absolute;
  }
}
#side-chats > li > a{
  text-decoration: none
}
/*#conversation{
  margin:7px;
  border-radius:6px;
  background-color:#fff;
}*/
.btn{
  border-radius: 40px;
}
.btn i{
  font-size:18px;
}
.btn-primary{
  padding:6px 14px;
  background-color:var(--primary-color);
  border:0px;
  color: #fff;
}
.btn-primary:focus, .btn-primary:active{
  background-color:var(--primary-color) !important;
  color:#fff;
}
.btn-primary:visited{
  color:#fff;
}
.btn-primary:hover{
  background-color:var(--primary-color-dark);
}
.btn-primary:disabled{
  background-color:var(--primary-color-disabled);
  border:1px solid var(--text-med-grey);
}
.btn-secondary{
  padding:6px 14px;
  background-color:transparent;
  border:1px solid var(--primary-color);
  color: var(--primary-color);
}
.btn-secondary:focus{
  background-color:var(--seconadry-color) !important;
  color:var(--primary-color) !important;
}
.btn-secondary:active{
  color:var(--primary-color);
}
.btn-secondary:visited{
  color:var(--primary-color);
}
.btn-secondary:hover{
  background-color:var(--secondary-color);
  border-color:var(--secondary-color);
  color:#fff;
}
.btn-primary2{
  padding:6px 14px;
  background-color:var(--secondary-color);
  border:0px;
  color: #fff;
}
.btn-primary2:hover{
  background-color:var(--secondary-color-dark);
  color:#fff;
}
.btn-primary2:focus, .btn-primary2:active{
  background-color:var(--secondary-color) !important;
  color:#fff !important;
}
.btn-transparent{
  background-color:transparent;
  border:0px;
  color:var(--font-color);
}
.btn-round{
  border-radius:50px;
}
.btn-icon{
  padding:3px;
}
.attach-file-btn:hover{
  background-color:var(--lightest-grey);
}
.profpic {
  width: 32px;
  height: 32px;
  border-radius: 25px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  margin-top: 0px;
  color:#fff;
}
.profpic > div {
  position: relative;
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
}
.expand-opt{
  position:absolute;
  right:-42px;
  top:8px;
  z-index:1100;
}
.dvh100{
  height:100vh;
}
@supports (height: 100dvh) {
  .dvh100{
    height:100dvh;
  }
}


/*--chat boc area--*/
.chat-area-width{
  width:calc(100% - 260px);
  transition:all 0.3s ease;
}
.chat-area-width.collapsed{
  width:100%;
}
.main-chat-area{
  width:100%;
  overflow-y:auto;
}
.msg-area{
  padding:10px;
  border:1px solid var(--form-border-color);
  border-radius:var(--border-radius);
  background-color:#fff;
  box-shadow: 0px 6px 10px 0px rgba(155,155,155,0.1);
}
.form-msg-blank{
  border:0px !important;
  padding:4px 8px !important;
}
.form-msg-blank::placeholder{
  color:#aaa;
}
.form-msg-blank::-webkit-resizer{
  display: none;
}
.absolute-bottom{
  position:fixed;
  bottom:0;
}
.bg-white-gradient{
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 10%);
}

/*--convo area--*/
.convo-box{
  margin:0 auto;
}
.chat{
  margin:0;
  padding:0;
}
.chat li{
  list-style:none;
  margin-bottom:20px;
}
.chat li.user{
  width:50%;
  background-color:var(--light-green);
  padding:12px 16px;
  border-radius:15px;
  align-self:flex-end;
  border-top-right-radius:2px;
}
@media (max-width: 767.9px) {
  .chat li.user{
    width:65%;
  }
}


/*-- modals --*/
.modal-content{
  border-radius: 18px;
  box-shadow: 3px 3px 16px rgba(50,50,50,0.15);
}
.modal-body{
  padding:22px 25px;
}
.modal-body .btn-close{
  position:absolute;
  top:20px;
  right:20px;
}
.btn-connect{
  width:180px;
  color:#fff;
  text-transform: uppercase;
  padding:4px 10px;
  background-color:#7c3e61;
  text-align:center;
  font-size:12px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom:3px;
  transition: all 0.3s ease;
  display:block;
}
.btn-connect span{
  vertical-align: middle;
}
.btn-connect span.mdi{
  font-size:20px;
  vertical-align: middle;
}
.btn-connect:hover, .btn-connect:focus{
  color:#fff;
  text-decoration:none;
  background-color:#4a1a3c;
}
.btn-fb{
  background-color:#3B5998;
}
.btn-fb:hover, .btn-fb:focus{
  background-color:#32497B;
}
.btn-google{
  background-color:#DB3236;
}
.btn-google:hover, .btn-google:focus{
  background-color:#B92D30;
}

/*--login page--*/
.pg-title{
  font-size: 24px;
  font-weight: 600;
  line-height: 0.85;
  letter-spacing: -0.3px;
  color: var(--font-color);
}
.logo-link2{
  display: inline-block;
  width: 120px;
  vertical-align: middle;
  margin-bottom:6px;
}
.logo-link2 img {
  width: 100%;
  height: auto;
}
.max-width-450{
  max-width: 450px;
}
.left-side-bg {
  background-color: var(--primary-color);
  background-image: url('../imgs/left-bg-1.jpg');*/
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.left-side-bg2 {
  background-color: var(--primary-color);
  background-image: url('../imgs/left-bg-2.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.btn-w100 {
  width: 100%;
}
.alert-error {
    position: relative;
    color: var(--red);
    padding: 8px 8px 8px 32px;
}
.alert-error::before {
    font-family: bootstrap-icons;
    content: '\F333';
    position: absolute;
    top: 8px;
    left: 13px;
}
.pill-choice .btn{
  padding:4px 15px;
  margin-bottom:8px;
  margin-right:3px;
}
.btn-outline{
  border:1px solid #bbb;
  text-align: center;
  line-height:24px;
}
.btn-outline div{
  float:left;
  display:inline-block;
  font-size:20px;
  vertical-align: middle;
  margin:0px 0px;
}
.btn-outline .mdi{
  transition:all 0.2s ease;
}
.btn-outline:hover .mdi-facebook{
  color:#1778F2;
}
.btn-outline:hover .mdi-google{
  color:#ea4335;
}
.btn-outline:hover{
  background-color:#fdfdfd;
}


/*----notifications----*/
.notifications{
  margin:0;
  padding:0;
}
.notifications-drop .notifications{
  height: 335px;
  overflow-y: auto;
}
.notifications .profpic{
  width:25px;
  height:25px;
  margin-right:4px;
}
.notifications li{
  list-style: none;
  margin:0px;
  font-size:13px;
}
.notifications li p{
  margin-left:33px;
  font-size:12px;
  line-height:1.1;
  margin-bottom:14px;
  color:#777;
}
.stepper{
  width:100%;
  height:6px;
  background-color:var(--lightest-grey);
  border-radius:10px;
}
.progress{
  transition:all 0.3s ease;
  border-radius:10px;
  height:6px;
  background-color:var(--secondary-color);
}
.step1{
  width:8.33%;
}
.step2{
  width:16.67%;
}
.step3{
  width:25%;
}
.step4{
  width:33.33%;
}
.step5{
  width:41.67%;
}
.step6{
  width:50%;
}
.step7{
  width:58.33%;
}
.step8{
  width:66.67%;
}
.step9{
  width:75%;
}
.step10{
  width:83.33%;
}
.step11{
  width:91.67%;
}
.step12{
  width:100%;
}
.max-width-650 {
  max-width: 700px;
}


/*--------feedback-----------*/
.feedback-loop{
  position: fixed;
  right:10px;
  bottom:12px;
  z-index:9;
  text-align:right;
}
.feedback-loop-btn{
  border-radius:12px;
  padding: 10px 12px;
  line-height: 1;
}
.feedback-loop .form-control{
  width:275px;
  height:93px;
  border:1px solid #ddd;
  line-height:1.2;
  box-shadow: 2px 2px 18px 1px rgba(30,30,30,0.2);
}
.feedback-loop .form-control:focus{
  box-shadow: 2px 2px 18px 1px rgba(30,30,30,0.2);
}
.feedback-send-btn{
  border-radius:12px;
  padding: 10px 12px;
  line-height: 1;
  width:100%;
  background-color:var(--grey);
  color: #fff;
  border:none;
  margin-top:8px;
  box-shadow: 2px 2px 18px 1px rgba(30,30,30,0.2);
}
.feedback-send-btn:hover{
  color: #fff;
  background-color: var(--font-color);
}
.feedback-send-btn:disabled{
  color:#fff;
  background-color: var(--primary-color-dark);
}



/*-------- radio pills ---------*/
.radio-pill{
  display: inline-block;
  background-color:#fff;
  padding:4px;
  border-radius:10px;
}
.radio-pill .pill{
  font-size:13px;
  display:inline-block;
  padding:3px 8px;
  border-radius:7px;
  margin-right:4px;
  transition: all 0.2s ease;
  border:none;
  background-color:#fff;
  color:var(--font-color);
}
.radio-pill .pill:hover{
  background-color:#f8f8f8;
}
.radio-pill .pill:last-child{
  margin-right:0px;
}
.radio-pill .pill.active{
  background-color:var(--text-med-grey);
  color:#fff;
}
.btn-grey:hover{
  border:1px solid var(--text-med-grey);
}
.btn-options-green{
  background-color:transparent;
  border:1px solid var(--dark-grey);
  color:var(--darkest-grey);
}
.btn-options-green.active{
  background-color:var(--primary-color) !important;
  color:#fff !important;
  border-color:var(--primary-color) !important;
}
.btn-options-green:hover,
.btn-options-green:visited:hover,
.btn-options-green:focus:hover{
  background-color:var(--darkest-grey) !important;
  color:#fff !important;
}



/*--- form controls ---*/
.form-control{
  border-radius: 14px;
  border-color: var(--form-border-color);
}
.form-control:focus{
  border-color:var(--secondary-color);
}
.form-control:focus~label,
.form-select:focus~label {
  color:var(--text-med-grey);
}
.is-invalid{
  border-color:var(--red);
}
.password-eye{
  position:absolute;
  right:11px;
  top:11px;
  font-size:20px;
  cursor: pointer;
}
.bi-eye-slash::before {
    content: "\f340" !important;
}

/*--edot profile--*/
.edit-profile-main {
  padding-top: 50px;
}
.edit-profile-content {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0px 0px 18px rgba(50, 50, 50, 0.05);
}
.edit-profile-content .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background-color: var(--secondary-color);
  color: #fff;
}
.br-grey{
  border-right:1px solid #ddd;
}
@media (max-width: 767.9px){
  .br-grey{
    border-right:none;
    padding-right:12px !important;
  }
}
.thril-pills .nav-link{
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
}
.thril-pills a{
  border-bottom:1px solid #ddd;
  font-size:13px;
  padding-top:10px;
  padding-bottom:10px;
  color:#666;
}
.thril-pills a:first-child{
  -webkit-border-radius:10px 0px 0px 0px;
  -moz-border-radius:10px 0px 0px 0px;
  border-radius:10px 0px 0px 0px;
}
@media (max-width: 767.9px){
  .thril-pills a:first-child{
    -webkit-border-radius:10px 10px 0px 0px;
    -moz-border-radius:10px 10px 0px 0px;
    border-radius:10px 10px 0px 0px;
  }
}
.thril-pills2 a:last-child{
  -webkit-border-radius:0px 0px 0px 6px;
  -moz-border-radius:0px 0px 0px 6px;
  border-radius:0px 0px 0px 6px;
  border-bottom:none;
}
.thril-pills a:hover{
  background-color:var(--light-green-shadow);
  color:#414655;
}
.personal-photo{
  width:50px;
  height:50px;
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px;
  background-image:url("../users/default_avatar.png");
  background-position:center center;
  background-size:cover;
  background-repeat: no-repeat;
  float:left;
  margin-right:10px;
  vertical-align: middle;
}
.edit-cover-photo{
  width:50px;
  height:50px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  background-image:url("../imgs/profile-cover-default.jpg");
  background-position:center center;
  background-size:cover;
  background-repeat: no-repeat;
  float:left;
  margin-right:10px;
  vertical-align: middle;
}
.editProfile-tabs .tab-pane{
  min-height:300px;
  padding:18px 10px;
}
.form-group label{
  color:var(--text-med-grey);
  font-size:12px;
  margin-bottom:6px;
}
.form-group{
  margin-bottom:12px;
}
.form-radio label{
  font-weight:normal;
  text-transform: none;
  font-size:14px;
}
.form-radio label:first-child{
  font-size:12px;
}
.tab-content{
  padding-right:14px;
}
@media (max-width: 767.9px){
  .tab-content{
    padding-right:0px;
  }
}
.input-error{
  font-size:11px;
  color:#cd2a49;
  font-style:italic;
}
.has-error{
  border:1px solid var(--red) !important;
}
.has-error2{
  border:1px solid var(--red);
  color:#cd2a49;
}
textarea.has-error2{
  color:#cd2a49;
}

.btn-edit-trip {
  font-size: 13px;
  padding: 3px 4px;
  text-align: center;
  border: none;
  background-color: transparent;
  border-radius: 8px;
  transition: all 0.2s ease;
  color: var(--dark-grey);
}
.btn-edit-trip:hover{
  background-color: #eee;
  border:none;
  color: var(--darkest-grey);
}
.view-rec-profile{
  cursor:pointer;
}
.edit-modal-top-btn {
  position: absolute;
  top: 17px;
  right: 54px;
  font-size: 15px;
  padding: 3px 4px;
  text-align: center;
  border: none;
  background-color: transparent;
  border-radius: 8px;
  transition: all 0.2s ease;
  color: var(--primary-color);
  z-index:99;
  cursor:pointer;
}
.edit-modal-top-btn:hover{
  background-color: #eee;
  border:none;
  color: var(--primary-color-dark);
}
.profile-people-rec{
  max-width:1000px;
  padding:20px;
  border-radius: 14px;
  border:1px solid #ddd;
  margin-left:auto;
  margin-right:auto;
}

/*----------- tags input ----------*/
.bootstrap-tagsinput {
	display: inline-block;
	width: 100%;
	cursor: text;
	padding:6px 10px;
	border:1px solid #ddd;
	color:#fff;
	font-size:14px;
  line-height: 38px;
	background-color:transparent;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:12px;
}
.bootstrap-tagsinput input {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0 6px;
  margin: 0;
  width: 100%;
  max-width: inherit;
  font-size:14px;
}
.bootstrap-tagsinput.form-control input::-moz-placeholder {
  color: #777;
  opacity: 1;
}
.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
  color: #777;
}
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
  color: #777;
}
.bootstrap-tagsinput input:focus {
  border: none;
  box-shadow: none;
}
.bootstrap-tagsinput .tag {
	margin-right: 2px;
	color: var(--font-color);
	background-color:var(--light-green);
	padding:5px 8px 5px 12px;
	font-size:14px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
	font-weight:normal;
  display:inline-block;
  line-height:16px;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
  margin-left: 6px;
  cursor: pointer;
  background-color:var(--primary-color);
  color:#fff;
  width:16px;
  height:16px;
  -moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
  line-height:16px;
  float:right;
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
  text-align:center;
  font-family:bootstrap-icons;
  font-size:12px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
  content: "\F0156";
  font-family:bootstrap-icons;
  padding: 0px 2px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
  color:#fff;
  background-color:var(--primary-color-dark);
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
  color:#fff;
  background-color:var(--primary-color-dark);
}
.interest-tags h4{
	font-size:18px;
	margin-top:6px;
}


[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 26px;
    cursor: pointer;
    line-height: 22px;
    display: inline-block;
    color: #666;
    margin: 6px 12px 6px 0px;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #f7f7f7;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 16px;
    height: 16px;
    background: var(--primary-color);
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 100%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/*---------- input foto ----------------*/
.inputfoto {
	position: absolute;
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	z-index: -1;
	display: none;
}
.inputfoto + label {
  min-width: 120px;
  font-size: 13px;
	font-weight:normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  padding: 6px 14px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	letter-spacing: 0.3px;
	-moz-border-radius:0.25rem;
	-webkit-border-radius:0.25rem;
	border-radius:0.25rem;
  line-height:1.5;
  text-align:center;
  margin-top:8px;
}
.inputfoto-style + label{
    color: #fff;
    background-color: var(--primary-color);
}
.inputfoto-style:focus + label, .inputfoto-style.choose-focus + label {
  color: #fff;
  background-color: var(--primary-color);
}
.inputfoto-style + label:hover {
	color:#fff;
  background-color: var(--primary-color-dark);
}

/*----followersssss----*/
.max-width-600px{
  max-width:600px;
}
.followers-list{
  margin:0;
  padding:0;
}
.followers-list > li{
  list-style:none;
  padding:15px 0px;
  border-bottom:1px solid #ddd;
}
.followers-list > li:first-child{
  border-top:1px solid #ddd;
}
.followers-list > li .profpic{
  width:38px;
  height:38px;
}
.followers-list > li .user-info{
  display:inline-block;
  width:calc(100% - 60px);
}
.followers-list > li .username{
  vertical-align: middle;
  display:inline-block;
  width:calc(100% - 94px);
}

/*---not logged in---*/
.nav-notloggedin{
  margin-left:auto;
  margin-right:auto;
  max-width:360px;
  padding:10px 20px;
  background-color:#fff;
  border-radius:14px;
  box-shadow: 0px 0px 18px rgba(50,50,50,0.05);
}

/*--slider--*/
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
  margin-right:4px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch-label{
  display:inline-block;
  vertical-align: -4px;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  line-height:24px;
  font-size:10px;
  color:#fff;
  text-transform: uppercase;
  padding-left:4px;
}
.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .3s ease;
  transition: .3s ease;
}
input:checked + .slider {
  background-color: var(--primary-color);
}

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

input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
.pl-13px{
  padding-left: 13px;
}