/* General style */
html {
    font-size: 16px;
}
body {
  background: #f5f7fb;
  padding-top: 60px;
}
h1{
  font-size: 2.2rem;
  color: #4e5757;
  margin-bottom: 20px;
}
h2{
  font-size: 2rem;
}

h3{
  font-size: 1.4rem;
  color: #29aae0;
}
h4{
  font-size: 1.2rem;
}
.answer_content h1{
font-size: 1rem;
color: black;
}
.answer_content h2{
font-size: 1rem;
color: black;
}
.answer_content h3{
font-size: 1rem;
color: black;
}
.answer_content h4{
font-size: 1rem;
color: black;
}
.ql-editor p{
font-size: 1rem;
color: black;
}
.ql-editor h1{
font-size: 1.3rem;
color: black;
}
.ql-editor h2{
font-size: 1.3rem;
color: black;
}
.ql-editor h3{
font-size: 1.3rem;
color: black;
margin: 8px 0;
}
.ql-editor h4{
font-size: 1.2rem;
color: black;
}
.ql-editor h5{
font-size: 1.1rem;
color: black;
}

img{
max-width: 100%;
vertical-align: middle;
border-style: none;
}
.btn-primary {
  background: #28aae0;
  border-color: cadetblue;
}
.header2 {
  position: fixed;
  top: 0;
  width: 100%;
  right: 0;
  z-index: 1030;
  background-color: #FFFFFF;
  padding-top: 5px;
  padding-bottom: 5px;
}

.feed-button {
  border-radius: 45px;
  background-color: #f0f0f5;
  float: right;
  margin-left: 10px;
  font-size: 0.8rem;
  cursor: pointer;
  color: #2d2d32;
  padding: 5px 15px;
}
.tag-item {
    display: inline-block;
    background-color: khaki;
    padding: 5px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-right: 20px;
    border-radius: 45px;
}
.click{
	cursor: pointer;
}

.q-bar-section {
  margin-bottom: 20px;
  padding: 5px;
}

.ans-vote-status {
  margin-top: 10px;
  opacity: 0.5;
  color: #484444;
}
.q-voted{
	font-weight: bold;
	opacity: 0.3;
	color: #436642;
}
.qs-icon {
  height: 18px;
  margin-top: -3px;
  margin-right: 4px;
}

.a-operation-item {
  float: right;
  margin-left: 20px;
  color: dimgray;
  display: flex;
  align-items: center;
}

.report-sel.form-select {
  display: block;
  padding: 10px;
  background: center;
  border-radius: 10px;
}

.report-qa {
  margin-bottom: 30px;
}
input[type="file"] {
    display: none;
}

.q-operation-item {
  margin-right: 20px;
  color: #484880;
  text-align: center;
}

.side-title {
  font-weight: bold;
  color: crimson;
  margin-bottom: 10px;
}
#qdes {
  width: 100%;
}

.mt-2.answer_content {
  /*! border-bottom: 1px solid #bfbaba; */
  margin-bottom: 40px;
  word-spacing: 0.1rem;
}


.user-pic {
  width: 80px;
  height: 80px;
  display: inline-block;
}
.height{
    height: 100vh;
}
.float-right.tag.tag-own-question {
  width: fit-content;
}

.answer_content {
  /*! padding-left: 20px; */
  /*! padding-right: 10px; */
  
}
.user-title {
  width: 270px;
  background-color: #E0E7EC;
  padding: 10px;
  border-radius: 5px;
  overflow: hidden;
}

.tooltip-inner {
  background-color: #3366ff !important;
  /*!important is not necessary if you place custom.css at the end of your css calls. For the purpose of this demo, it seems to be required in SO snippet*/
  color: #fff;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #00acd6;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #00acd6;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #00acd6;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #00acd6;
}
.col-md-4.qs-stat {
  border-right: 1px solid #afafc6;
}

.items {
    color: #444;
    transition: all 0.28s ease;
    cursor: pointer;
    font-weight: 500;
    margin-left: 15px;
    margin-right: 15px;
    padding: 5px;
}

.search input{
    height: 50px;
    border: 2px solid #d6d4d4;
}
.search input:focus{
    box-shadow: none;
    border: 2px solid blue;

}
.search .fa-search{
    position: absolute;
    top: 20px;
    left: 16px;

}
.search button{
    position: absolute;
    top: 5px;
    right: 5px;
    height: 40px;
    /*! width: 110px; */
    background: #f79321;
}

.qu-borderRadius--small {
    border-radius: 3px;
}
.qu-justifyContent--space-between {
    justify-content: space-between;
}
.qu-alignItems--center {
    align-items: center;
}
.qu-overflow--hidden {
    overflow: hidden;
}
.qu-color--blue {
    color: #2e69ff;
}
.qu-bg--blue_light {
    background-color: #ebf0ff;
}
.qu-mb--medium {
    margin-bottom: 16px;
}
.qu-p--medium {
    padding: 16px;
}
.main-part {
  margin-top: 50px;
}

p.question-description {
    
}
img.logo-main {
   height: 50px;
   /*width: 120px;*/
   min-width: 120px;
}
.qs-section {
    display: block;
}
.answer-count {
    
}
.user-title-part-1 {
  display: table-cell;
  vertical-align: middle;
}

.user-title-part-2 {
    display: table-cell;
    vertical-align: middle;
}
.avatar-md {
  width: 2.5rem;
  height: 2.5rem;
}

.qs-block {
    display: inline-block;
    margin-right: 10%;
    text-align: center;
}

.qs-caption {
  color: #7e899d;
  display: inline-block;
  width: 45%;
  font-weight: bold;
}

.qs-data {
    color: darkgray;
    display: inline-block;
}
.q-des{
    
    font-size: 15px;
    line-height: 1.4;
}
.card-footer .btn {
  margin-bottom: 5px;
  margin-right: 20px;
}
.q-card{
    margin-top: 1.5rem;
    padding: 10px 12px;
}
.a-card{
padding: 10px 12px;
}
.text-hover-underline:hover {
  text-decoration: underline;
}

.max-width-100 img {
  max-width: 100%
}

.max-width-100 iframe {
  max-width: 100%
}

.btn .badge {
  font-size: 85%;
}

/* Fix for sticky-top and fixed navbar */
.sticky-offset {
  top: 110px;
}

/* Custom padding for sign up and sign in buttons in navbar */
.nav-item .btn-sm {
  padding: 0.5rem 1rem;
}

/* Removing underline for links */
a, a:hover {
  text-decoration: none;
}

/* Search bar in header */
#search {
  background-color: #fafafa;
  padding: 0.275rem 0.75rem;
}


/* Colors for posts icons in buttons */
.i-gold {
  color: #ad9514;
  opacity: 0.7;
}

.i-danger {
  color: #902828;
  opacity: 0.7;
}

.follow-btn:hover .i-gold {
  color: #fff;
}

.dpf{
display: flex;
}
/* Description for left menu under each category */
.menu-description {
  font-size: 0.75em;
}

/* Hover effect for left menu links */
.list-group-item:hover {
  background: rgba(70, 127, 207, 0.04);
}

/* Box shadow for fixed header */
.header {
  box-shadow: 0 3px 2px -2px rgba(200,200,200,0.2);
}

/* Make login larger in width */
.col-login {
  max-width: 30rem;
}

/* Validation classes */
label.error {
  display: inline-block;
  color: #6b1110;
  background-color: #f5d2d2;
  border-color: #f1c1c0;
  padding: 6px 10px;
  font-size: 12px;
  margin-top: 5px;
  width: 100%;
}

/* Show and hide password input value */
.toogle-password {
  cursor: pointer;
  pointer-events: all;
  height: 38px;
}

.no-border-radius {
  border-radius: 0;
}

/* Select topic page */
.select_topic .topic img {
  width: 100px;
  height: 100px;
}

.select_topic .imagecheck-image {
  opacity: .8;
} 

.select_topic .imagecheck:hover .imagecheck-image {
  opacity: 1;
}
 
.select_topic .imagecheck-input:checked ~ .imagecheck-figure .imagecheck-image {
  opacity: .4;
}

.select_topic .topic .description {
  max-width: 100px;
  overflow: hidden;
  font-size: 14px;
}

.select_topic .imagecheck-figure:before {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
}

.select_topic .imagecheck:hover .description, 
.select_topic .imagecheck-input:checked ~ .description {
  color: #3866a6;
}

/* Image previews on add / edit question page */
.image-preview {
  display: inline-block;
  margin: 10px;
  max-width: 80px;
  max-height: 80px;
}

.custom-file {
  height: 100%;
  cursor: pointer;
}

.dragging {
  border-color: #467fcf !important;
  background-color: rgba(70, 127, 207, 0.06) !important;
}

.custom-file input {
  position: absolute;
  height: 100%;
  cursor: pointer;
}

.custom-file-input:hover {
  border-color: #467fcf !important;
}

.custom-file-drag {
  display: block;
  background-color: #fbfbfc;
  margin-top: 5px;
  padding: 30px 10px;
  border: solid 1px #e0e5ec;
  border-radius: 3px;
  text-align: center;
  font-size: 14px;
  color: gray;
}

/* Topics list page */
.topics_list .topic img {
  width: 50px;
  height: 50px;
}

.followed-btn .unfollow {
  display: none;
}

.followed-btn:hover .following {
  display: none;
}

.followed-btn:hover .unfollow {
  display: inline-block;
}

/* Question template */
.question-images img {
  max-width: 200px;
  max-height: 200px;
}

.post:hover {
  opacity: 1 !important;
}

/* Big icon */
.big-icon {
  margin-top: 50px;
  text-align: center;
  margin-bottom: 50px;
}

.big-icon i {
  font-size: 6rem;
  opacity: .8;
}

.fe-big {
  font-size: 50px;
  opacity: .7;
}

.opacity-6 {
  opacity: .6;
}

.tag:hover .opacity-6 {
  opacity: 1;
}

.btn-vote {
  width: 150px;
  margin-right: 20px;
}

.btn-vote input,
.btn-vote .input-group-text {
  border-color: #868e96;
}

.btn-vote input {
  padding: 0;
  font-size: 13px;
}

.btn-vote .input-group-text {
  cursor: pointer;
  padding-top: 5px;
  padding-bottom: 5px;
}
.input-group-text-2{
cursor: pointer;
padding-top: 5px;
padding-bottom: 5px;
}
.btn-vote .input-group-text:hover,
.btn-vote .input-group-text.active {
  background-color: #437dd2;
  color: #fff !important;
}

/* Quill Editor */
.ql-editor {
  min-height: 160px;
}

.ql-tooltip {
  left: auto !important;
  right: 0 !important;
  top: -50px !important;
}

/* Answer Content */
.answer_content img,
.answer_content iframe {
  max-width: 100%;
  max-height: 600px;
}

/* Share buttons */
.share-links #facebook {
  color: #3b5998;
}
 
.share-links #facebook:hover {
  color: #133783;
}
 
.share-links #twitter {
  color: #1da1f2;
}
 
.share-links #twitter:hover {
  color: #2582bb;
}
 
.share-links #pinterest {
  color: #bd081c;
}
 
.share-links #pinterest:hover {
  color: #880e1c;
}
 
.share-links #googleplus {
  color: #db4437;
}
 
.share-links #googleplus:hover {
  color: #cf1808;
}
 
.share-links #linkedin {
  color: #0077b5;
}
 
.share-links #linkedin:hover {
  color: #02689d;
}
 
.share-links #whatsapp {
  color: #00E676;
}
 
.share-links #whatsapp:hover {
  color: #03c164;
}

/* Users list page */
.users_list .user img {
  width: 50px;
  height: 50px;
}

.users_list .user-name {
  font-size: 80%;
}

/* Notifications changes */
.dropdown-menu.notify-drop {
  min-width: 330px;
  background-color: #fff;
  min-height: 375px;
  max-height: 375px;
}

.dropdown-menu.notify-drop .notify-drop-title {
  border-bottom: 1px solid #e2e2e2;
  padding: 5px 15px 10px 15px;
}

.dropdown-menu.notify-drop .drop-content {
  min-height: 280px;
  max-height: 280px;
  overflow-y: scroll;
}

.dropdown-menu.notify-drop .drop-content::-webkit-scrollbar-track {
  background-color: #F5F5F5;
}


.dropdown-menu.notify-drop .drop-content::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5;
}


.dropdown-menu.notify-drop .drop-content::-webkit-scrollbar-thumb {
  background-color: #ccc;
}

.dropdown-menu.notify-drop .drop-content > li {
  border-bottom: 1px solid #e2e2e2;
  padding: 10px 0px 5px 0px;
}

.dropdown-menu.notify-drop .drop-content > li:nth-child(2n+0) {
  background-color: #fafafa;
}

.dropdown-menu.notify-drop .drop-content > li:after {
  content: "";
  clear: both;
  display: block;
}

.dropdown-menu.notify-drop .drop-content > li:hover {
  background-color: #fcfcfc;
}

.dropdown-menu.notify-drop .drop-content > li:last-child {
  border-bottom: none;
}

.dropdown-menu.notify-drop .rIcon:hover {
  color: #333;
}

.dropdown-menu.notify-drop .drop-content > li a {
  font-size: 12px;
  font-weight: normal;
}

.dropdown-menu.notify-drop .drop-content > li {
  font-weight: bold;
  font-size: 14px;
}

.dropdown-menu.notify-drop .drop-content > li p {
  font-size: 11px;
  color: #666;
  font-weight: normal;
  margin: 3px 0;
}



.dropdown-menu.notify-drop .drop-content > li p.time {
  font-size: 10px;
  font-weight: 600;
  top: -6px;
  margin: 8px 0px 0px 0px;
  padding: 0px 3px;
  border: 1px solid #e2e2e2;
  position: relative;
  background-image: linear-gradient(#fff,#f2f2f2);
  display: inline-block;
  border-radius: 2px;
}

.dropdown-menu.notify-drop .drop-content > li p.time:hover {
  background-image: linear-gradient(#fff,#fff);
}

.dropdown-menu.notify-drop .notify-drop-footer {
  border-top: 1px solid #e2e2e2;
  bottom: 0;
  position: relative;
  padding: 8px 15px;
}

.dropdown-menu.notify-drop .notify-drop-footer a {
  color: #777;
  text-decoration: none;
}

.dropdown-menu.notify-drop .notify-drop-footer a:hover {
  color: #333;
}

.notifications-with-borders li {
  border-bottom: solid 1px #e1e1e1;
}

.notifications-with-borders .time {
  font-size: 13px;
}

/* C
/* Custom active links for custom pages (leftbar nav) */
.custom-pages a {
  padding: 3px 8px;
}
.custom-pages .active-link {
  background: rgba(70, 127, 207, 0.05);
  color: #467fcf;
}

.d-answer {
    display: inline-block;
    text-align: center;
    background-color: azure;
    padding: 5px;
    border: 1px solid gainsboro;
}

.d-vote {
    display: inline-block;
    text-align: center;
    background-color: #ea8cd3;
    padding: 5px;
    border: 1px solid gainsboro;
}
  .well1 {
    margin-right: -6px;
    margin-left: -6px;
    max-width: 80px;
    text-align: center;
    color: #9aa0ac;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
    /* background-color: #f5f5f5; */
}
@media screen and (min-width: 768px) {
  /* CSS styles for laptop screens go here */

}
/* Custom collapse navbar */
@media (max-width: 768px) {
/* mObile only */
  .navbar-collapse {
      position: absolute;
      top: 54px;
      left: 1%;
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 15px;
      width: 100%;
      transition: all 0.3s ease-in;
  }
  .navbar-collapse.collapsing {
      height: auto !important;
      transition: all 0.2s ease;
      left: 100%;
  }
  .navbar-collapse.show {
      left: 0;
  }
  /* remove max width */
  .well1{
	 max-width: 250px !important;
  }
  .dropdown-menu.notify-drop {
  width: 90%;
  background-color: #fff;
  min-height: 375px;
  max-height: 375px;
}
 .item-reported{
 display: none !important ; 
}
.page-single{
background : white;
}
#formSignin{
border: none;
}
.p-width{
max-width: 100% !important ;;
}

.tag-item {
    display: inline-block;
    background-color: khaki;
    padding: 5px;
    margin-bottom: 8px;
    font-size: small;
    border-radius: 10px;
}
.well1{
  display: none;
}

}
@media (max-width: 1090px){
.search-bar{
display: none;
}
}

.well1.answer-count.answered {
  color: white;
  background-color: #7a61c7;
}
.well1.answer-count.no-answer {
  color: white;
  background-color: #d5cabd;
}
.well1.vote-count.unvoted {
  color: white;
  background-color: #d5cabd;
}
.well1.vote-count.voted {
  color: white;
  background-color: #d177a0;
}
.home-notification {
  width: 25px;
  height: 25px;
  opacity: 0.7;
  min-width: 25px;
}
.header-menu-item {
  margin-left: 30px;
}
.p-0.col-sm.nt-pt-2 {
  display: inline-block;
  width: 240px;
}

.logo-img {
  width: 120px;
}

.signup-su-img {
  width: 50px;
}
.qa-a {
  padding: 10px 0;
}
.side-stat {
  background: #FDF7E2;
}
.banner-img {
  width: 400px;
}
.tag-list {
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 20px;
}
.ans-ref {
  background-color: beige;
  font-size: small;
  padding: 10px;
  margin-bottom: 10px;
  font-style: italic;
}
.captcha-q {
  padding: 10px;
  opacity: 90%;
  color: darkslateblue;
}
.tmc {
  color: var(--light);
  background: #f1a584;
  text-align: center;
  padding: 5px;
}

.gd-text {
  color: rgb(107,113,119);
}


#leftbar {
  /*width: 300px; */
  background: #fffbf5;
  padding-left: 20px;
}
#menu-panel {
  margin-top: 30px;
  margin-bottom: 60px;
}
#user-panel {
  margin-top: 30px;
}
.menu-user-dp {
  border-radius: 30px;
}
.menu-user_name {
  font-size: 18px;
  color: dimgrey;
  font-weight: bold;
  margin-top: 10px;
  display: inline-block;
}
.as-margin-bottom{
	margin-bottom : 50px;
}
.as-margin-top{
	margin-top: 50px;
}
.as-input{
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	height: auto;
	padding-right: 25px;
}
.as-form-grp{
	margin-bottom : 40px;
}
#tag-suggestion-box {
  margin-top: 20px;
}

.suggested-tag {
  padding: 5px;
  background-color: khaki;
  margin-right: 10px;
  color: currentColor;
  font-size: small;
  border: 1px solid burlywood;
}
.tag-cross {
  border-radius: 100%;
  background-color: crimson;
  margin-left: 5px;
}
.tag-body {
  display: inline-flex;
  margin-right: 10px;
  background-color: cadetblue;
  color: whitesmoke;
  border-radius: 30px;
  padding-left: 10px;
  border: 1px solid blanchedalmond;
   align-items: center;
}
#tag-velly {
  margin-bottom: 20px;
}
.form_caption {
  font-size: large;
  font-weight: bold;
}
.form-title {
  font-size: x-large;
  font-weight: bold;
  /*padding-left: 10px;*/
  padding-bottom: 30px;
}
.caption-hint {
  color: #5F666C;
  font-size: 90%;
}
.usr-profile-pic {
  width: 150px;
  height: 150px;
  overflow: hidden;
  border-radius: 50%;
  border-color: #26a9e0;
  border-width: thick;
  border-style: solid;
  padding: 5px;
}
.user-name-title {
  font-size: xx-large;
}
#front-panel {
  margin-bottom: 30px;
}

.user-stamp {
  width: 120px;
  background-color: #efeff4;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  /*! border: 1px solid bisque; */
  border-radius: 10px;
}
.profile-stat-title {
  font-size: large;
  font-weight: bold;
}
.tag-following {
  font-size: xx-large;
}
#foot-panel {
  margin-top: 20px;
}
.tag-element-f {
  display: inline-block;
  margin-right: 25px;
  padding: 5px;
  background-color: #e0eadc;
  border: 1px solid #b5dbdb;
  font-size: small;
}
.mandat {
  color: #e85757;
}
.menu-link.selected_menu {
  color: #121113;
}
.menu-link {
font-size: 22px;
display: flex;
color: gray;
}
.menu-item {
  display: inline-flex;
  margin-right: 25px;
  align-items: center;
}
.menu-text {
  margin-left: 5px;
  cursor: pointer;
  color: #5F6368;
  font-weight: 500;
  font-size: 0.9rem;
  opacity:0.8;
}
#load-bt-p {
  padding-top: 20px;
  padding-bottom: 20px;
}
#q-load-mr-btn {
border-radius: 90px;
padding: 15px 30px;
background-color: #26a9e0;
}
.text-center.cprt {
  margin-top: 20px;
  background-color: black;
  padding: 7px;
}
.footer2 {
  color: #a4aeb9;
  font-size: small;
}
.ft-link {
  font-size: small;
  color: #999;
}
.ft-img-hdr {
  margin-bottom: 15px;
}
.ft-logo-img {
  width: 120px;
}
.ft-hd {
  color: cadetblue;
}
.brand-tag {
  font-size: small;
  color: darkgray;
  margin-top: 15px;
  font-style: italic;
  font-weight: bold;
}
.qlist-no-answer {
  background-color: #fdfdeb;
}
.vote-count {
  border-left: 1px solid #eae2e2;
}
#load-m {
  margin-bottom: 40px;
  margin-top: 40px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .user-title{
	  float: left;
  }
}
@media only screen and (min-width: 768px) {
.user-title{
	  float: right;
  }

}
.tt-li {
  margin-bottom: 20px;
  margin-top: 5px;
}

.tag-item-top {
  font-size: larger;
}
.rect-child {
  padding: 12px;
}
/*for common padding and margin */
.im2{
padding: 10px;
margin: 10px;	
}
.im {
    padding-left: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 15px;
}
.as-stack {
  margin-bottom: 8px;
}
/* used to give warning in form */
.warning {
  color: #ea6767;
  font-size: inherit;
}
.as-form-btn {
  width: 100px;
}
.as-inline-icon {
  height: 16px;
  margin-top: 2px;
  margin-right: 2px;
}
.rect.card {
  margin-bottom: 1.5rem;
}
.avatar {
  width: 27px;
  height: 27px;
  border-radius: 50%;
  display: inline-block;
  background: #ced4da no-repeat center/cover;
  position: relative;
}
.nav-link,
.nav-item {
  padding: 0 .75rem;
  min-width: 2rem;
  transition: .3s color;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.input-icon {
  position: relative;
}
.mt-ask {
  font-size: 16px;
}
.nav-search{
flex: 1;
min-width: 100px;
margin-left: 20px;
}
.header-brand{
margin-right: 20px;
}
.dropdown-item .material-symbols-outlined {
margin-right: 14px;
color: #444343;
font-size: 1.3rem;
opacity: 0.9;
}
.dropdown-item{
display: flex;
color: #5F6368 !important;
margin-bottom: 10px;
}
#user-down {
  margin-top: 30px;
  padding-left: 20px;
}
.menu-bar{
align-items: center;
display: flex;
}
.cross-bar {
  justify-content: end;
  margin-top: 20px;
}
.cross-bar {
  margin-right: 30px;
}

.page {
  min-height: 600px;
}
.card-footer{
background: none;
}

.u-tab {
  background: #DBDBDB;
  padding-left: 15px;
  padding-right: 15px;
  color: black;
}
.u-tab-list {
 display: flex;
 width: 100%;
 gap: 20px;
}
.vt-a{
vertical-align : super;
}
.item-reported {
color: #e8768c;
opacity: 60%;
font-weight: bold;
letter-spacing: 1px;
}
.active {
 background: #f69422;
}
.tag {
  font-size: 0.75rem;
  color: #6e7687;
  background-color: #e9ecef;
  border-radius: 3px;
  padding: 0 .5rem;
  line-height: 2em;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: default;
  font-weight: 400;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

a.tag {
  text-decoration: none;
  cursor: pointer;
  transition: .3s color, .3s background;
}

a.tag:hover {
  background-color: rgba(110, 118, 135, 0.2);
  color: inherit;
}

.tags {
  font-size: 0;
}

.tags > .tag {
  margin-bottom: .5rem;
}

.tags > .tag:not(:last-child) {
  margin-right: .5rem;
}
.tag-addon {
  display: inline-block;
  padding: 0 .5rem;
  color: inherit;
  text-decoration: none;
  background: rgba(0, 0, 0, 0.06);
  margin: 0 -.5rem 0 .5rem;
  text-align: center;
  min-width: 1.5rem;
}

.tag-addon:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.tag-addon i {
  vertical-align: middle;
  margin: 0 -.25rem;
}

a.tag-addon {
  text-decoration: none;
  cursor: pointer;
  transition: .3s color, .3s background;
}

a.tag-addon:hover {
  background: rgba(0, 0, 0, 0.16);
  color: inherit;
}
.tag-avatar {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 3px 0 0 3px;
  margin: 0 .5rem 0 -.5rem;
}

.tag-blue {
  background-color: #467fcf;
  color: #fff;
}

.tag-indigo {
  background-color: #6574cd;
  color: #fff;
}

.tag-purple {
  background-color: #a55eea;
  color: #fff;
}

.tag-pink {
  background-color: #f66d9b;
  color: #fff;
}

.tag-red {
  background-color: #cd201f;
  color: #fff;
}

.tag-orange {
  background-color: #fd9644;
  color: #fff;
}

.tag-yellow {
  background-color: #f1c40f;
  color: #fff;
}

.tag-green {
  background-color: #5eba00;
  color: #fff;
}

.tag-teal {
  background-color: #2bcbba;
  color: #fff;
}

.tag-cyan {
  background-color: #17a2b8;
  color: #fff;
}

.tag-white {
  background-color: #fff;
  color: #fff;
}

.tag-gray {
  background-color: #868e96;
  color: #fff;
}

.tag-gray-dark {
  background-color: #343a40;
  color: #fff;
}

.tag-azure {
  background-color: #45aaf2;
  color: #fff;
}

.tag-lime {
  background-color: #7bd235;
  color: #fff;
}

.tag-primary {
  background-color: #467fcf;
  color: #fff;
}

.tag-secondary {
  background-color: #868e96;
  color: #fff;
}

.tag-success {
  background-color: #5eba00;
  color: #fff;
}

.tag-info {
  background-color: #45aaf2;
  color: #fff;
}

.tag-warning {
  background-color: #f1c40f;
  color: #fff;
}

.tag-danger {
  background-color: #cd201f;
  color: #fff;
}

.tag-light {
  background-color: #f8f9fa;
  color: #fff;
}

.tag-dark {
  background-color: #343a40;
  color: #fff;
}

.tag-rounded {
  border-radius: 50px;
}

.tag-rounded .tag-avatar {
  border-radius: 50px;
}
.link{
cursor: pointer;
}
.menu-user_arrow {
  float: right;
  cursor: pointer;
}
.as-btn{
line-height: 36px;
padding: 2px 20px;
border: 1px solid #8a8888;
color: #505350;
border-radius: 20px;
text-align : center;
}

.form-label {
  display: block;
  font-weight: bold;
  color: #111010;
  margin-bottom: 8px;
}
.answer-time {
  position: absolute;
  top: -25px;
}
.m-ask{
order: 1;
border-radius: 70px;
color: #fff !important;
border: 1px solid #b08d8d;
padding: 3px 12px;
background: #ce749d;
}
.items:hover{
background :  #f0f5f5;
}
.m-ask:hover{
background: #ff9c1f;
}
.qpost-gd {
  font-size: 15px;
}
.ql-snow .ql-editor h1,
.ql-snow .ql-editor h2,
.ql-snow .ql-editor h3 
.ql-snow .ql-editor h4 {
  font-size: 1em;
  font-weight: bold;
}
.error {
  color: #c6042b;
  font-size: 0.9rem;
  font-weight: lighter;
}
#formSignup {
  background: #fafafa;
}
.as-title {
font-weight: bolder;
color: #27ade5;
font-size: 1.8rem;
opacity: 0.8;
margin-bottom: 2.5rem;
}
.menu-item-v {
  padding: 30px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #d5d3d3;
  margin-left: 10px;
  margin-right: 10px;
}
.menu-item-v.si {
  justify-content: left;
}
.d-flex.menu-bar {
  justify-content: space-around;
  flex: 1;
}
.nav-unread {
position: absolute;
font-size: small !important;
color: #f69321;
top: 0px;
right: 0px;
}
.div-top {
  position: absolute;
  top: 0px;
  right: 0px;
}
.question-title{
font-size: 1.3rem;
font-weight: 600;
color: #29aae0;
margin-bottom: 15px;
}
.suggested-ques-link {
  color: #195FAA;
}
.ans-feedback {
  color: gray;
}
.menu-icon {
  cursor: pointer;
}
.font-green{
color: #b4ff45;
}
.unlink{
cursor: default;
}
.menu-text:hover{
color: #0099cc;
}
.unlink:hover{
color: initial;
}
.abt-title {
  background: var(--blue);
  color: rgb(251,251,251);
  text-align: center;
  padding: 8px;
}

.abt-text {
  line-height: 1.9rem;
  padding: 10px;
}
.input-alert{
margin: 10px;
color: #e18787;
}
.menu-item:hover{
color: #0099cc
}
.menu-inactive {
  color: #92db5f;
  font-weight: bold;
  letter-spacing: 1px;
  opacity: 0.8;
}
.txt-white{
color: white !important;
}
.txt-fade {
  color: cadetblue;
  font-weight: bold;
  letter-spacing: 1px;
  opacity: 0.7
  
}
.suggested-ques {
  padding: 2px 0;
}
.suggested-ques:hover {
  background: #faf9f2
}
.as-title-s {
  font-size: 1.3rem;
  color: #29aae0;
}
.question-description {
  opacity: 0.9;
  word-spacing: 0.1rem;
}
.as-title-2{
color: #28aae0;
font-weight: 700;
margin-bottom: 2.2rem;
font-size: 1.7rem;
}
.text-c{
font-size: 1.3rem;
opacity: 0.8;
font-weight: 500;
}

.center{
text-align: center;
}
.comment-m{
display: flex;
align-items: end;
justify-content: center;
}
.dim {
  opacity: 0.5;
  color: gray;
}
.cmnt-input {
    resize: none;
    overflow: hidden; /* Hide the extra content */
   transition: height 0.2s; /* Add smooth transition animation */
    }
.textarea-with-button {
    display: flex;
    align-items: center;
    position: relative;
}

.cmnt-input {
    flex: 1;
    border-radius: 5px;
    padding-right: 40px; /* Leave space for the button */
}

.cmt-bt {
    position: absolute;
    right: 5px;
    bottom: -15px;
    transform: translateY(-50%);
}
.message-container{
position: fixed;
top: 10%;
left: 20%;
background: #62c2e8;
color: white;
padding: 10px;
border-radius: 10px;
}
.vote-menu{
/*border: 1px solid gray;
border-radius: 15px;*/
}
.vote-left {
  /*border-right: 1px solid gray;*/
  color: green !important;
  font-size: 28px !important;
  opacity: 0.7;
}
.vote-right {
  /*border-left: 1px solid gray; */
  color: red !important;
  font-size: 28px !important;
  opacity: 0.7;
  
}
.vote-text {
  padding: 0px 5px;
  color: #5F6368;
  font-weight: 500;
}
.vote-up{
fill: #f6921e !important;
stroke: none !important;
}
.vote-down{
fill: #29aae1 !important;
stroke: none !important;
}

.q-vote-count {
  font-size: 0.9rem;
  color: gray;
  opacity: 0.9;
  margin-right: 5px;
}
.icon-lg {
  font-size: 1.7rem !important;
}
.row-even {
  background-color: #F6F0FD;
}
.row-odd {
  background-color: #E6EBEC;
}
.topic-des {
  color: #333; /* Dark gray text color */
  font-size: 18px; /* Larger font size */
  margin-top: 20px; /* Increased top margin for spacing */
  margin-bottom: 20px; /* Increased bottom margin for spacing */
  padding: 10px; /* Add padding to create separation from surrounding content */
  background-color: #f4f4f4; /* Light gray background color */
  border: 1px solid #ccc; /* Add a border */
  border-radius: 5px; /* Rounded corners */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Add a subtle shadow */
  text-align: justify; /* Justify the text for a clean look */
  line-height: 1.5; /* Adjust line height for readability */
}
.select-option.link {
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
}
.select-option:hover{
  color: blueviolet;
}
.dropdown-menu{
 /* min-width: 100%;
  * removed due to conflict with date picker */
}
 .exam-options {
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.card-header{
    background-color: #9f5b0b;
    color: white;
}
.right{
    text-align: right;
    float: right;
}
.form-group {
  margin-bottom: 1.2rem !important;
}
.user-name-status {
  color: #000000;
  font-size: 14px;
}
.dropdown-item .material-symbols-outlined {
  line-height: 1;
}

.bb-ans-text {
  color: #424040;
}
.qstm-ans {
  display: inline-flex;
  line-height: 1;
}
.p-width{
max-width: 1280px;
}
.btg{
  margin-bottom: 50px;
  padding-top: 19px;
  padding-bottom: 16px;
  padding-left: 40px;
  border-bottom-color: rgb(165,175,186);
  padding-right: 20px;
}
.paper-y{
/*background: #fffdf0;*/
}
/*tab */


/* tab -end */
.f-small{
font-size: small !important ;
}
.prefix {
  background: white;
}
.user-status {
  font-size: 19px;
}
.small-icon{
font-size:14px !important;
}
#formSignup .form-label {
 display: none;
}