/******************************************************************** Global CSS **************************************************************/
.bg-clrfbfbfb {background: #fbfbfb;}
.bgf5 {background: #f5f5f5;}
.bgrgba {background: rgba(204, 204, 204, 0.1);}
.bg-clreee {background: #eee;}
.bg-clrwms { background: #1fbba6;}
.clr999 {color: #999;}
.clraaa {color: #aaa;}
.clrccc {color: #ccc;}
.clr777 {color: #777;}
.clrf9a83f {color: #f9a83f;}
.inline {display: inline;}
.flex {display: flex;}
.center {text-align: center;}
.relative {position: relative;}
.m_pointer {cursor: pointer;}
.ht11 {height: 11px;}
.wt20 {width:20px;}
.wt18-per {
  width: 18%;
  padding-left: 5px;
  height: 31px !important;
  border: 1px solid #ccc !important;
}
.width23p{width: 23%;}
.width25p{width: 25%;}
.width29p{width: 29%;}
.width33p{width: 33%;}
.wt90-per {width: 90%;}
.mt{margin-top:0px; }
.ml0 {margin-left: 0px;}
.mb0 {margin-bottom: 0px;}
.pt0 {padding-top: 0px;}
.pl0 {padding-left: 0;}
.pr0 {padding-right: 0}
.p15 {padding: 15px;}
.border-4side {border:1px solid #ccc;}
.border_right {border-right:1px solid #ccc;}
.border_left {border-left: 1px solid #ccc;}
.border_bottom {border-bottom: 1px solid #ccc;}
.border_top {border-top: 1px solid #ccc;}
.borderl0 {border-left: none !important;}
.borderr0 {border-right: none !important;}
.italic {font-style: italic;}
.btn-plain {
  background: #fff;
  color: #1fbba6;}
.tooltip-inner {
      max-width: 500px !important;
      min-width: 400px;
  }
.gold{
 color :  #FFA933
}
/*******************************************************************CSS for "ask a question page"  ******************************************************** */

#templates label.wt100p.m_pointer {
    height: 110px;
}
.footer {margin-top: 0px!important;}
body {
  font-weight: 300;
  font-size: 13px;
  color: #2d2d2d !important;
}
.side_post ul {list-style: none;
  padding-left: 25px;
  padding-right: 10px;}
.side_post ul>li>a {color: #1fbba6}
.side_post ul>li>a:hover {color: #428bca;}
.side_post ul>li {
  border-bottom:1px solid #eee;
  margin-bottom: 15px;}
#profile_pic {width: 45px;height: 45px;}
#user_avatar {color: #2d2d2d;font-size: 13px;}
#user_avatar p{word-break: break-word;}
#prev_education{
  background: #f5f5f5;
}
#test-scores, #prev_education ,  #others_temp2 ,  #poll_form, #tag_area, #conversation {
    padding: 15px;
    font-size: 13px;
}
.text-transform{
  text-transform: uppercase;
}
#test-scores .row , #prev_education .row, #others_temp2 .row , #poll_form .row , #conversation .row{
  padding-top: 10px;
}
.select2-container .select2-search--inline .select2-search__field{
  font-size: 12px !important;
}
 input.form-control,select.form-control  {
    height: 32px !important;
    border: 1px solid #ccc !important;
}

textarea {
   resize: none;
   border: 1px solid #ccc !important;
}
.cgpa {
  background: #fff;
  margin-left: -1px;
  width: 60px;
}

.template_tabs{
  vertical-align: super;
}
#templates{
  background: #e8f8f7;
  display: table;
  width: 100%;
}
#templates div {
  border-left: 1px dashed #ccc;
  padding: 1px 5px 5px 5px;
  text-align: center;
  min-height: 135px;
}
#templates div:first-child{
  border-left: none;
}
#templates p {
  padding-top: 10px;
  margin-bottom: 0px;
}
#int_type {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}
#link_list {
    width: 100%;
    margin-left: -20px;
    margin-top: -20px;}
.disc_div {
    border: 1px solid #ccc;
    height: 74px;
    font-size: 12px;
    padding: 6px 12px;
    width: 100%;
    overflow-y:scroll;
}

/*******************************************************************CSS for index page *******************************************************/
.align-left{
  text-align: left;
}
.dis_cata a.label{float: none}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
     border-top-right-radius: 2px !important;
     border-bottom-right-radius: 2px !important;
}
.be-the-new{
  font-size: 10px !important;
  padding: 3px 6px !important;
  font-weight: 500 !important;
}
.new-tag {
    background: #1fbba6;
    color: #fff;
    padding: 2px 5px 2px 5px;}
#description a {
  color:#999;
}
#description a:hover {
  color: #1fbba6;
}
.ans-btn {
    padding: 6px 20px;
    background: #fff;
    margin-left: 5px;
    width: 115px;
  }
#post_data ul {list-style: none;}
#post_data i {font-size: 16px;}
#post_data > div {
  padding: 8px 0px;}
#post_data {
  color: #999;
  padding-right: 5px;
  font-size: 12px;}
.report_btn {
color: #fff;
background: #1fbba6;
padding: 5px;
letter-spacing: 0.5px;
border-style: hidden;}
.tags {
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.tags li {
  float: left;
}

.tag {
  border: 1px solid #ccc;
  color: #2d2d2d !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  border-radius: 4px;
  padding: 3px 20px 3px 23px !important;
  position: relative;
  margin: 0 10px 10px 0;
  font-weight: 300 !important;
  text-decoration: none;
  -webkit-transition: color 0.2s;
  }

.tag::before {
  background: #aaa;
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  content: '';
  height: 6px;
  left: 10px;
  position: absolute;
  width: 6px;
  top: 8px;
}

.tag:hover {
  border-color: #1fbba6;
  color: #1fbba6;
  cursor: pointer;
}
#search_area input {
  border-color: #ccc;
  height: 32px !important;}
#search_area #template_ask, #search_area #searchquestion {
  height: 32px !important;
  /*color: #fff;
  background: #1fbba6;*/
  border-color: #ccc;
  border-left: none;
  position: relative;
  font-size: 13px;
  padding-top: 7px;

}
.ask-fix{
  z-index: 2;
  padding: 0 !important;
  margin-top: 20;
}
#interested form div {
    border: 1px solid #eee;
    padding: 15px;
    text-align: center;
    margin: 20px;
}
.dot {
  font-size: 4px !important;
  vertical-align: middle;
  padding-right: 5px;
  padding-left: 15px;
}
.top-question>li>a {
    padding: 12px 20px!important;
}
@media (max-width: 550px){
.top-question>li>a {
    padding: 13px 19px !important;
  }
}
#temp_choice{
  color: #2d2d2d;
  margin-left: 0px;
  margin-top: 0px;
  font-size: 13;
}
#temp_choice a:hover {color: #1fbba6;}
#temp_choice .dropdown-header {
  background: #1fbba6;
  color: #fff;
}

/******************************************************************** CSS for answer page ***********************************************************/
.votes_box {
  border: 1px solid #ccc;
    padding: 5px;
    cursor: pointer;}
#share-options {
    margin-top: 0px;}
#answer-share-options {
  margin-top: 0px;
  min-width: 270px;}

#answering form button, #poll_options form button{
  background: #1fbba6;
  color: #fff;
  height: 32px;}
#question_meta button {
    padding: 5px;
    min-width: 91%;
    font-weight: 400;}
.que_meta_data {
  border-bottom: 1px dashed #ccc;
  margin-bottom: 10px;
  padding: 5px 0;
}

#votes button, #post_data2 button {
  padding: 5px 13px;
  font-size: 13px;
}
#post_data2 {
  background: #e8f8f7;
  padding-top: 10px;
  padding-bottom: 10px;}
#post_data2 button{
  border-color: #1FBBA7;}
/*.poll_bar {
    width: 80%;
    margin: 5px 15px 5px 15px;
    padding: 1px;
    padding-right: 15;
    border: 1px solid #CCC;
    padding-left: 10;}*/
#poll_options label {
    width: 80%;
    margin: 0;
    margin-top: 3px;
    padding-left: 10px;
  }
#poll_options .progress {
    position: relative;
    }
#poll_options .progress-bar {
        background-color: rgba(31, 187, 166, 0.25) !important;
    }
#poll_options .progress span {
    position: absolute;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    color: #2d2d2d;
     }
#poll_options .progress {
       margin-bottom: 15px !important;
       background-color: rgba(204, 204, 204, 0.1)!important;
       border-radius: 0px!important;
     }
#conversation_area {
  background: rgba(31, 187, 166, 0.1);
  margin-bottom: 15px;
}
/*#profile_pic2 {width: 30px;}*/
/*#trending_tags ul li {
  padding: 5px;
  padding-top: 10px;
  border-bottom: 1px solid #eee;}
#trending_tags ul li a{
  color:#2d2d2d;}*/
#profile_questions {
  border: 1px solid #ccc;
  border-style: dashed;
  padding-top: 10px;
  padding-bottom: 10px;}
.progress-bar {background-color: #1fbba6 !important;}
.followbtn{width: 91px;}
@media(max-width : 767px){
  .followbtn{width: 50%;}
  .ans-btn{
      width: 48%;
  }
}
button.followbtn.following{
    background-color: #fff;
    box-shadow: none;
    color:#1fbba6;
    border:1px solid #1fbba6;
    padding: 5px 16px;
}
button.followbtn.unfollow{
    background-color: #CCC;
    box-shadow: none;
    color:#2d2d2d;
    border-color: #CCC;
}
/******************************************************************** CSS for notification page ***********************************************************/
#notification-header {
  color: #1fbba6;
}
#notification-header h4{
  font-weight: 400;
  font-size: 22px;
  margin-bottom: 30px;
}
#notifications_area{
  width: 75%;
  margin: 0 auto;
}
#notifications_area .divider{
  padding: 10px 15px;
  background: #fff;
  margin: 15px 0;
  border: none;
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

#notifications_area a, #related_ques a { color: #2d2d2d;}
#notifications_area a .row:hover{
  background: rgba(204, 204, 204, 0.1);}
#notifications_area a .row{
  border-bottom: 1px solid #ccc;
  margin-left: inherit;
  margin-right: inherit;}
@media (max-width:768px) {
  #notifications_area{
    width: 100%;
    margin: 0 auto;
  }
  #notifications_area .divider{
    padding: 0;
  }
}
/*********************************************************************CSS for my discussions profile part *******************************************/
#my-discussions-profile .nav-tabs>li {
  text-align: center;}
#my-discussions-profile .tabbable-line {width: 100%;}
#my-discussions-profile .nav-tabs>li>a {
  color: #777;
  font-size: 14px;
  font-weight: 400;
}
#my-discussions-profile .nav-tabs>li.active>a {
  color: #000;
  font-size: 14px;
  font-weight: 400;
}
#mydiscussions {font-size: 12px;}
[contentEditable=true]:empty:not(:focus):before {
    content: attr(data-text);
    color: #ccc;
}
 /******************************************************************** media dependent CSS ***********************************************************/
/*-- for xs --*/
@media (max-width: 768px) {
  #votes button, #post_data2 button {
    padding: 4px 8px;
    font-size: 13px;
  }
  #templates div { padding: 0px;}
  #templates div:nth-child(1), #templates div:nth-child(2) {
    border-bottom: 1px dashed #ccc;
  }

  #templates div:nth-child(3) {
    border-left: none;
  }
  #notifications_area {margin-top: 0px;}
  .wt18-per {
    width: 32%;
    padding-left: 5px;
    height: 32px !important;
    border: 1px solid #ccc !important;
  }
  .p0-xs {padding: 0;}
  #user_avatar > div{
    display: -webkit-inline-box;
  }
  #user_avatar > div > div.pt10-md{
    padding-left: 15px;
  }
}
/*-- for sm --*/
@media (min-width: 768px) and (max-width: 990px) {

}
/*-- for md and lg --*/
@media (min-width:992px){
.pt10-md {padding-top: 10;}
}
/*--- for sm and xs----*/
@media (max-width:990px) {

}
#loading_img{
  display: none;
}