/* =============================================================================
   ========================================================================== */
/* @import url(grid.css); */
@import url(reset.css);

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
*{
  margin: 0;
  padding: 0;
}
body{
  background: #eee;
}
a:hover{
  cursor: pointer;
}
textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active,
.emoji-wysiwyg-editor
{
    outline:0px !important;
    -webkit-appearance:none !important;
}
._5rqt {position: relative;  white-space: no-wrap;}
._5rqu { position: relative;}
._56_f._5d-3._5d-1 {
  background-image: url('0md5QvUAw37.png');
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 0 -28px;
}
._56_f._5d-1 {
  background-image: url('0md5QvUAw37.png');
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 0 -122px;
}
._5d-3._5d-1 {
  height: 26px;
  margin-left: 4px;
  vertical-align: -5px;
  width: 26px;
}
._5d-1 {
  height: 19px;
  margin-left: 4px;
  vertical-align: -2px;
  width: 19px;
}
._5dzy {
  display: inline-block;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span, .fancybox-fs{
background-image: url('fancybox_sprite.png'); }
.fancybox-fs {
background-image: url('fancybox_sprite.png');
background-position: 0 -152px;
position: absolute;
top: 572px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 1004;
left: 50%;
}
.fancybox-overlay .feed_info{width:69% !important;}
.fancybox-overlay .feed_info a.icon-flag{display:none !important;}
.fancybox-overlay .feed_info  a.imgfancybox{display:none !important;}
.fancybox-overlay .feed_info  a.deleteClass{display:none !important;}
.fancybox-overlay  .feed_main {padding: 5px 5px 5px 0 !important;}
.fancybox-overlay  a.imgfancybox{display:none !important;}
.thumb  a.deleteClass{display:none !important;}
html,
button,
input,
select,
textarea {
    color: #222;
    font-family: 'Segoe UI','Lucida Sans', sans-serif;
}

body {
    font-family: 'Segoe UI','Lucida Sans', sans-serif;
    font-size: 14px;
    line-height: 18px;
    background-color:#FFFFFF;
    overflow-y: scroll;
	cursor:context-menu;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
h1,h2,h3,h4,h5,h6,strong{
    font-family: 'Segoe UI','Lucida Sans', sans-serif;
    font-weight: bold;
}

h1.small,h2.small,h3.small,h4.small,h5.small,h6.small{
  font-weight: normal;
}

img {
    vertical-align: middle;
}
.input-group-addon{
    position: relative;
    height: 29px;
    font-size: 18px;
    top: 6px;
    z-index: 61;
}
.good{color:green;display:none!important;}
.cross{color:rgb(235, 24, 24);display:none!important;}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 5px 0;
    text-align: center;
}


/* ==========================================================================
   Special Site-wide helper classes
   ========================================================================== */

html, body{width:100%; height:100%;}

#wrap{ position:relative; width:100%; min-height:100%; border-top:3px solid #D00; border-bottom:3px solid #D00;}

.border-full{border:1px solid #CCC;}
hr{border-top:1px solid #DDDDDD; border-bottom:1px solid transparent; margin:15px 0;}



/*----------------------------
    The file upload form
-----------------------------*/


#share-images{
    font-family:'PT Sans Narrow', sans-serif;


    border-radius:3px;


}

#drop{
    background-color: #2E3134;
    padding: 40px 50px;
    margin-bottom: 30px;
    border: 20px solid rgba(0, 0, 0, 0);
    border-radius: 3px;
    border-image: url('../img/border-image.png') 25 repeat;
    text-align: center;
    text-transform: uppercase;

    font-size:16px;
    font-weight:bold;
    color:#7f858a;
}

#drop a{
    background-color:#007a96;
    padding:12px 26px;
    color:#fff;
    font-size:14px;
    border-radius:2px;
    cursor:pointer;
    display:inline-block;
    margin-top:12px;
    line-height:1;
}

#drop a:hover{
    background-color:#0986a3;
}

#drop input{
    display:none;
}

#share-images ul{
    list-style:none;
    margin:0 -30px;

}

#share-images ul li{

    background-color:#333639;

    background-image:-webkit-linear-gradient(top, #333639, #303335);
    background-image:-moz-linear-gradient(top, #333639, #303335);
    background-image:linear-gradient(top, #333639, #303335);

    border-top:1px solid #3d4043;
    border-bottom:1px solid #2b2e31;
    padding:15px;
    height: 75px;
	width:93%;
    position: relative;
}

#share-images ul li input{
    display: none;
}

#share-images ul li p{
    width: 144px;
    overflow: hidden;
    white-space: nowrap;
    color: #EEE;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 20px;
    left: 100px;
}

#share-images ul li i{
    font-weight: normal;
    font-style:normal;
    color:#7f7f7f;
    display:block;
}

#share-images ul li canvas{
    top: 15px;
    left: 32px;
    position: absolute;
}

#share-images ul li span{
    width: 15px;
    height: 12px;
    background: url('../img/icons.png') no-repeat;
    position: absolute;
    top: 34px;
    right: 33px;
    cursor:pointer;
}

#share-images ul li.working span{
    height: 16px;
    background-position: 0 -12px;
}

#share-images ul li.error p{
    color:red;
}




p{text-align: justify;}
.center-text{text-align: center;}
.left-text{text-align: left !important;}
.right-text{text-align: right !important;}

.pull-left{float: left;}
.pull-right{float: right;}

.button{
  width: 100%;
  padding: 6px 10px;
  font-weight: bold;
  font-size: 14px;
  color: #000000;
  cursor: pointer;
  text-align: center;
  outline: none;
  border: 1px solid #DFDFDF;
  margin: 5px 0 0 0;
  background: #f0f0f0;
}
.button:hover{
  color: #c9411c;
  text-decoration: none;
}
.button:active{
  color:#c9411c;

}
.button:focus{
  outline: none;
}



.padding5{
  padding: 0 5px;
}

.padding10{
  padding: 0 10px;
}

.small-btn{
  float: right;
  width: 70px;
  border: 0px;
  background-color: #00aeef !important;
   border-radius:20px;


}
.small-btn:hover{
  border-radius:20px;
  background-color: #00aeef !important;
}



/*  ==========================================================================
   Main Styles
   ========================================================================== */
header,footer{
  width: 100%;
}
#landing-page .content{min-height:341px;}
header{
  padding: 10px 0 0 0;
  z-index: 100;
}
footer{
  font-size: 85%;
  padding: 5px;
  text-align: center;
  color:#fff;
  margin-top:5%;
  /* border-top: 1px solid #DDDDDD; */
}
#page-head{
 text-align: center;
}

.container-fix{
  width: 980px;
  margin: 0 auto;
}
.content{
  min-height: 500px;
}
.side{
 position: relative;
 padding: 100px 0 0 0;
 height: 1200px;
}


.nav li{
  float: left;
}

.brand{
  display: block;
  position: relative;
}
.brand span{
  position: absolute;
  font-size: 60%;
  color: #333333;
  width: 155px;
  right: 0;
  bottom: -10px;
}
#main-search{margin-top: 5px;}
.login_text,
.register_text
{
  padding: 10px;
  text-align: center;
}
.login_text a,
.register_text a
{
  color: #1695c4;
}
.login_heading
{
    margin: 0px 0 20px;
    font-size: 22px;
    text-align: center;
}
.upload_image_wrap {
    width: 64px;
    margin: 0 auto;
    position: relative;
}
#image_placeholder{
  border: 1px solid #ccc;
  border-radius: 50%;
  height: 64px;
  width: 64px;
}
.upload_image_wrap .image_change{
      position: absolute;
      right: -10px;
      bottom: 5px;
      background: #3bbae9;
      border-radius: 50%;
      padding: 2px;
}
#catch-line{
  text-align: center;
  color: #fff;
  font-size: 24px;
  padding: 20px 0 0 0;
  font-weight:bold;
}

.student h3,.student a {
  color: #02c9ff;
}
span.student{
	background-color: #02c9ff;
}
.student input[type="submit"]{
  background: #02c9ff;
  color: #FFFFFF;
}

.professor h3,.professor a{
  color: #fe0000;
}
span.professor{
	background-color: #fe0000;
}
.professor input[type="submit"]{
  background: #fe0000;
  color: #FFFFFF;
}

.college h3,.college a{
  color: #43ad03;
}
span.college{
	background-color: #00aeef;
}
.college input[type="submit"]{
  background: #43ad03;
  color: #FFFFFF;
}

.university h3,.university a{
  color: #ffdd00;
}
span.university{
	background-color: #ffdd00 !important;
}
.university input[type="submit"]{
  background: #ffdd00;
  color: #FFFFFF;
}

.general h3,.general a{
  color: #b9b9b9;
}
span.general{
	background-color: #b9b9b9;
}
.general input[type="submit"]{
  background: #b9b9b9;
  color: #FFFFFF;
}
.login_wrap
{
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}
.sign_in_container
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#page-head{
  position: relative;
}
#login-btn{
  position: absolute;
  top: 34px;
  right: 10px;
}
#login{
  position: relative;
  width: 350px;
  padding: 20px 25px;
  background: #fff;
  border-radius: 3px;
}
#login-btn{
  display: block;
  text-align: right;
}
.help-btns{
  position: relative;
  font-size: 12px;
  padding: 3px 10px 0 10px;
}
#remember-btn{
  float: left;
  width: 120px;
  text-align: left;
  padding-top: 5px;
}
#remember-btn input{
  float: left;
}
#remember-btn label{
  float: right;
  width: 100px;
  padding: 0;
}
#forgot-btn{
    position: absolute;
    top: 7px;
    right: 0;
}
.social_login
{
  padding: 0;
  margin: 0;
  display: block;
  list-style: none;
  text-align: center;
}
.social_login li
{
  display: inline-block;
  padding: 0px 10px 12px;
}
.social_login li a img
{
   width: 40px;
   margin: 0 auto;
}
.border_seprator {
    height: 1px;
    width: 100%;
    /* background: #dedede; */
    margin: 5px 0 20px;
    box-shadow: inset 0px 0px 1px #d0d0d0;
}
.btn-primary {
    color: #fff;
    background-color: #02C9FF;
    border-color: #02C9FF;
}
.btn{
    border-radius: 25px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #00b7e8;
    border-color: #00b7e8;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover,
 .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus,
 .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus,
  .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active,
   .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active,
    .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color: #02c9ff !important;
    border-color: #02c9ff !important;
}
.btn-small
{
  padding: 2px 20px !important;
}
#logo
{
 text-align: center;
}
#logo a
{
  position: relative;
}
.typicn{
font-size: 150%;
line-height: 30px;
vertical-align: middle;
margin-bottom: -8px;
}

.brand{
text-decoration: none;
color: #ec4c20;
}
.brand h1{
  font-size: 26px;
  display: inline-block;
  font-weight: bold;
  margin: 0 !important;
  padding: 10px 0 0 0;
}

#site-head{
  background: #fff;
  box-shadow: 0px 5px 10px #ddd;
  margin-bottom: 20px;
  padding: 10px 0px;
}
#site-head #tag-line{
  font-size: 11px;
  text-align: right;
  position: absolute;
  top: 10px;
  left: 52px;
  font-weight: 100;
  color: #666;
  font-family: 'Open Sans Light';
}

.hero{
  background: #F6F6F6;
  border: 1px solid #F3F3F3;
  padding: 10px;
  width: 40%;
  margin: 20px auto 10px;
}
.hero .heading{
  font-size: 20px;
  text-align: center;
  border-bottom: 1px solid #CCCCCC;
  margin: 0;
  padding: 5px 0;
}

#landing-page{
  background: #FFFFFF;
}

.ac-circles{
  padding: 20px 0;
}
.circles{
  list-style: none;
  width: 440px;
  margin: 0 auto;
  padding: 0;
}
.circles li{
  float: left;
  margin: 10px 54px;
}
.circles li a{
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  padding: 48px 0 60px 0;
  width: 110px;
  background-image: url(../images/circles.png);
  background-repeat: no-repeat;
}
.circles .student-circle a{
  background-position: 2px 0;
}
.circles .professor-circle a{
  background-position: -110px 0;
}
.circles .college-circle a{
  background-position: -445px 0;
}
.circles .university-circle a{
  background-position: -332px 0;
}
.circles .general-circle a{
  background-position: -445px 0;
}

.registration-forms{
  position: relative;
  width: 400px;
  margin: 0 auto;
}

.registration-forms input[type="submit"]{
  font-weight: bold;
  font-size: 14px;
  text-shadow: 0px 1px 2px rgba(0,0,0,0.5);
}

.registration-forms .btn-close{
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 12px;
  height: 12px;
  text-indent: -999em;
  background: url(../images/close.png) center center no-repeat;
}

#student-register, #professor-register, #college-register, #university-register, #general-register{
  position: relative;
  display: none;
}


.menu{
  padding: 0 !important;
  margin: 0 !important;
  width: 220px;
  float: right;
}
.menu li{
  list-style: none;
  float: left;
  margin: 0 5px;
  width: 150px;
}

.submit-large-blue{
  background-color: #02c9ff;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 14px;
  text-shadow: 0px 1px 2px rgba(0,0,0,0.5);
}
.half-size{
  width: 49% !important;
  display: inline-block;
}
.quarter-size{
  width: 74% !important;
  display: inline-block;
}
.small-size{
  width: 29.2% !important;
  display: inline-block;
}
.micro-size{
  width: 20% !important;
  display: inline-block;
}
.icon-mid{
  width: 36px;
  display: inline-block;
}


/*
Fill Profile Page
*/
#fill-profile-page form{
  font-size: 12px;
}
select.gender{
  width: 17.5% !important;
}
.know-why{
  display: inline-block;
  float: right;
  text-align: right;
  padding-top: 10px;
  color: #888888;
  text-decoration: underline;
  font-weight: normal;
  font-size: 12px;
}


/*
Main Search Bar
*/
#main-search{
  position: relative;
}
#main-search input[type="text"]{
  float: left;
}
#main-search button{
  border: transparent;
  position: absolute;
  right: 1px;
  top: 1px;
  padding: 9px;
  border-radius: 30px;
  width: 38px;
}
#main-search button:focus{
  box-shadow: none;
  border: transparent;
}
#main-search button:hover{
  background: #DDDDDD;
  border-color: #BBBBBB;
}

/*
Top Navigation
*/
.boxscroll
{
  overflow: auto;
}
.height500
{
  height: 500px;
}
.height150
{
  height: 150px;
}
.height200
{
  height: 200px;
}
.height100
{
  height: 100px;
}
.height250
{
  height: 250px;
}
.height265
{
  height: 265px;
}
#top-nav ul{
    margin: 0;
    padding: 0;
    margin-top: 5px;
}
#top-nav ul li{
    margin: 0;
    padding: 0;
    display: inline-block;
    position: relative;
}
#top-nav ul li a{
  font-size: 30px;
  padding: 12px 5px;
  text-decoration: none;
}
#top-nav ul li.header_profile_pic a{
  padding: 4px 5px;
  position: relative;
  top: -4px;
}

#top-nav ul li span.count{
  position: absolute;
  top: -10px;
  right: 0;
  display: block;
  width: 16px;
  height: 16px;
  font-size: 11px;
  line-height: 14px;
  text-align: center;
  font-weight: bold;
  color: #CC0000;
  background: #f0f0f0;
  border-radius: 50%;
  border: 1px solid #CCCCCC;
}
li.header_profile_pic
{
  line-height: 36px;
}
.header_profile_pic img
{
    width: 35px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}
.header_profile_pic h5
{
    font-size: 14px;
    color: #272727;
    font-weight: 500;
    margin: 0;
    margin-left: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 140px;
}
.header_profile_pic h5 small
{
    font-size: 11px;
    color: #8c8c8c;
    font-weight: 500;
    position: absolute;
    left: 45px;
    top: 22px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 140px;
}
.drop_arrow_header
{
    position: absolute;
    right: -8px;
    top: 10px;
    color: #7b7b7b;
}
.header_profile_pic .dropdown-menu
{
    top: 48px;
    border-radius: 0px 0px 5px 5px;
    border: transparent;
}
#top-nav ul li.header_profile_pic .dropdown-menu li{
  display: block;
}
#top-nav ul li.header_profile_pic .dropdown-menu li a{
  display: block;
  font-size: 16px;
  padding: 10px;
}
#top-nav ul li.ask_que_btn a{
  background: #fff;
  border-radius: 25px;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  padding: 9px 15px;
  margin-right: 10px;
  transition: 0.1s all;
}
#top-nav ul li.ask_que_btn a .dropdown_icon{
  font-size: 18px;
  position: relative;
  top: 4px;
  left: -4px;
}
#top-nav ul li.ask_que_btn a:hover{
  background: #eee;
  color: #000;
}
.ask_que_btn a{
  background: #02C9FF;
  border-radius: 25px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 9px 15px;
  margin-right: 10px;
  transition: 0.2s all;
}

.ask_que_btn a:hover{
  background: #eee;
  color: #000;
}
#top-nav ul li.header_profile_pic .dropdown-menu li a:hover{
background: #eee;
color: #333;
}
#top-nav ul li.header_profile_pic .dropdown-menu li a .dropdown_icon{
    font-size: 20px;
    position: relative;
    top: 4px;
    margin-right: 10px;
}
#home-btn{
  font-size: 23px !important;
}

.mobile-menu{
  text-align: center;
  background: #36a7e3;
}

.mobile-menu ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-menu ul li{
  display:inline-block;
}

.mobile-menu ul li a{
  display: inline-block;
  text-decoration: none;
  padding: 8px 15px;
  color: white;
  border-right: 1px solid #00000012;
}

.mobile-menu ul li:last-child a{
  border-right:0;
}

@media screen and (max-width:375px){
  .mobile-menu ul li a{
    font-size: 13px;
  }
  .event_desc_right {
    padding: 0 !important;
      width: 100% !important;
  }
}







/*
Notifications
*/
#notifications{
  display: none;
  position: absolute;
  top: 50px;
  right: 10px;
  width: 250px;
  border: 1px solid #DDDDDD;
  background: #FFFFFF;
  z-index: 10;
}

#notifications h2{
  margin: 0;
  color: #FFFFFF;
  padding: 5px 0 5px 10px;
  font-size: 1em;
  font-weight: bold;
}
#notifications-arrow{
  position: absolute;
  top: -17px;
  right: -1px;
}


#notifications-list th{
  background: #02c9ff;
}
#notifications-list .heading-count{
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  background-color: rgba(0,0,0,0.1);
  border-radius: 5px;
  margin: 0 2px;
  padding: 2px 4px;
  text-align: center;
}

#notifications-list{
   width: 100%;
}
#notifications-list td{
  padding: 0 5px;
  font-size: 0.9em;
}
#notifications-list tr{
  border-bottom: 1px solid #EEEEEE;
}
#notifications-list a{
  font-size: 1em !important;
  text-align: left !important;
  padding: 2px 4px !important;
}
#notifications-list h4{
   margin: 5px 0 !important;
}
.view-all-btn{
  display: block;
  padding: 5px !important;
  font-size: 14px !important;
  background: #CCCCCC;
  color: #333333 !important;
  margin: 2px;
  border: 1px solid #AAAAAA;
  text-align: center;
}
.view-all-btn:hover{
  background: #DDDDDD;
  border: 1px solid #BBBBBB;
}
.view-all-btn i{
  float: right;
}




/*
Messages
*/
#messages{
  display: none;
  position: absolute;
  top: 50px;
  right: 10px;
  width: 340px;
  border: 1px solid #DDDDDD;
  background: #FFFFFF;
  z-index: 10;
}

#messages h2{
  margin: 0;
  color: #FFFFFF;
  padding: 5px 0 5px 10px;
  font-size: 1em;
  font-weight: bold;
}
#messages-arrow{
  position: absolute;
  top: -17px;
  right: -1px;
}


#messages-list th{
  background: #02c9ff;
}
#messages-list .heading-count{
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  background-color: rgba(0,0,0,0.1);
  border-radius: 5px;
  margin: 0 5px 0 2px;
  padding: 2px 4px;
  text-align: center;
  width: 30px;
  float: right;
}

#messages-list{
   width: 100%;
   max-height:500px;
   overflow-y:auto;
}
#messages-list td{
  padding: 0 5px;
  font-size: 0.9em;
}
#messages-list tr{
  border-bottom: 1px solid #EEEEEE;
}
#messages-list a{
  font-size: 1em !important;
  text-align: left !important;
  padding: 2px 4px !important;
}
#messages-list h4{
   margin: 5px 0 !important;
}

#messages-list td:last-child{
  font-size: 11px;
  width: 60px;
}
#messages-list td h4{
  font-weight: bold;
}

#messages-list .minfo{
  padding: 0 4px 0 6px;
  font-style: italic;
  font-size: 12px;
  color: #AAAAAA;
  text-align:justify;
  word-wrap: break-word;
}

.forum_main_heading
{
   margin: 0;
   font-size: 18px;
   position: relative;
}
.area_filter
{
  position: absolute !important;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.area_filter .btn
{
    padding: 4px 20px;
}
.forum_user_details
{
  position: relative;
  padding: 15px 20px;
}
.forum_user_pic
{
  width: 24px;
  border-radius: 50%;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.forum_user_name
{
  padding-left: 30px;
}
.forum_user_name p
{
  font-size: 14px;
  font-weight: 500;
  color: #000;
  margin-bottom: 0;
}
.forum_user_details .forum_cat_icon
{
  width: 12px;
  margin-right: 5px;
  position: relative;
  top: -2px;
}
.forum_question_title
{
    font-size: 20px;
    color: #000;
    padding: 12px 20px 12px;
    margin: 0;
    line-height: 25px;
    font-weight: 500;
    padding-right: 85px;
}
.category_name
{
  display: block;
  font-size: 14px;
  color: #444;
}
.forum_question_title a
{
  color: #000;
}
.forum_question_title a:hover
{
  color: #00b7e8;
  text-decoration: none;
}
.forum_replies
{
    position: absolute;
    right: 15px;
    top: 15px;
    /* transform: translateY(-50%); */
    background: #1a61b9;
    padding: 2px 14px;
    border-radius: 3px;
    min-width: 50px;
    text-align: center;
}
img.forum_cat_icon {
    width: 12px;
    margin-top: -3px;
}
.forum_replies .forum_answer_icon
{
  margin: 0 auto;
  border-right: 1px solid #ffffff38;
  padding-right: 4px;
}
.forum_replies span
{
  color: #fff;
  font-size: 13px;
}
.question-details
{
    padding: 20px;
    max-height: 120px;
    position: relative;
    overflow: hidden;
}
.question-details-inner
{
    padding: 20px;
    position: relative;
}
.bg-white
{
  background: #fff;
  box-shadow: 3px 3px 3px #ddd;
}
.overflow_hider
{
  background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  bottom: 0;
  height: 30px;
  left: 0;
  position: absolute;
  width: 100%;
}
.no_post_found
{
  padding: 20px;
}
.invite_image
{
  height: 100px;
  margin: 20px auto;
}
.forum_bottom_fetures
{
  padding: 0;
  margin: 0;
  display:table;
  width: 100%;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.forum_bottom_fetures li
{
  display:table-cell;
  text-align: center;
  width: 25%;
  padding: 10px 5px;
  /* background: #eee; */
  border-right: 1px solid #ddd;
}
.forum_bottom_fetures li:hover
{
  background: #eee;
}
.forum_bottom_fetures li:last-child
{
  border-right: 1px solid transparent;
}
.forum_bottom_fetures li img
{
  width: 20px;
  margin-right: 5px;
  margin-top: -3px;
}
.forum_bottom_fetures li img.greyscaleImage
{
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.animate {
    transform: scale(1.1);
}
.rate_icon_wrap
{
  cursor: pointer;
}
.forum_bottom_fetures li span
{
  font-size: 14px;
  font-weight: 500;
}
.answer_list
{
  padding: 0;
  margin: 0;
}
.answer_list li
{
  padding: 20px;
  border-bottom: 1px solid #eee;
}
.answer_pro_pic
{
  border-radius: 50%;
}
.profile-link
{
  font-weight: 500;
}
.profile-link span
{
  font-weight: 400;
}
.answer_list_inner
{
  margin: 0;
  padding: 0;
}
.answer_list_inner li
{
  display: inline-block;
  padding: 5px 15px;
  border: transparent;
}
.answer_list_inner li img
{
  width: 16px;
  margin-top: -4px;
}
#retail_form_textarea,
#event_form_textarea
{
  resize:none;height:0; opacity:0;padding:0
}
.form-control.has-error
{
  border-color: #b95858;
}
label.has-error
{
  color: #b95858;
  font-size: 13px;
  font-weight: 500;
  padding: 0 5px
}
.custom_error
{
  color: #b95858;
  font-size: 13px;
  font-weight: 500;
  padding: 0 5px
}
.advertisement_header
{
  margin: 10px 0 20px;
}
.retail_ad_list
{
  display: block;
  padding: 0;
  margin: 0;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
  padding-top: 15px;
  padding-bottom: 15px;
}
.retail_ad_list li
{
  display: block;
  font-size: 18px;
  margin-bottom: 10px;
}
.retail_ad_list li:last-child
{
  margin-bottom: 0px;
}
.safety_details
{
  padding-left: 15px;
}
.safety_details li
{
  font-size: 15px;
}
.retail_ad_list li img
{
  height: 24px;
}
.retail_ad_list li span
{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  margin-right: 20px;
  line-height: 35px;
  background: #eee;
  display: inline-block;
}
.retail_ad_descrption
{
  font-size: 14px;
  color: #555;
  padding: 20px;
}
.retail_ad_list li span:hover
{
  background: #ddd;
  cursor: pointer;
}
.relative
{
  position: relative;
}
.btn-right-absolute
{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.retail_ad_list_main li
{
  padding: 10px 20px;
  position: relative;
}
.retail_ad_list_main li:nth-child(even)
{
  display: block;
  background: #f5f5f5;
}
.retail_image_holder
{
  background-size: cover;
  background-position: center center;
  width: 100px;
  height: 65px;
  border-radius: 10px;
  position: absolute;
}
.retail_details_holder
{
  margin-left: 120px;
  padding-right: 100px;
}
.retail_ad_list_main .btn-right-absolute
{
  right: 20px;
}
.retail_ad_list_main a:hover
{
  text-decoration: none;
}
.retail_details_title
{
  font-size: 18px;
  margin: 0px;
  color: #000
}
.retail_details_sub_title
{
  font-size: 15px;
  margin: 5px 0;
  color: #333;
}
.retail_details_posted_time
{
  color: #999;
}
.network_list
{
  display: block;
  position: relative;
  padding: 10px 15px;
  border-bottom: 1px solid #eee;
}
.network_list:nth-child(even)
{
    /* background: #eee; */
}
.network_list .network_thumb
{
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    border-radius: 100%;
}
.network_list .network_user_name
{
  font-size: 15px;
  font-weight: 500;
  margin-left: 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 90%;
  margin-bottom: 0;
}
.network_heading
{
  padding: 15px 20px 10px;
  margin: 0;
  margin-bottom: 5px;
  border-bottom: 1px solid #eee;
}
.network_inner_list
{
  padding: 0;
  margin: 0;
}
.network_inner_list li
{
  display: inline-block;
  color: #555;
  margin-right: 15px;
  cursor: pointer;
  font-size: 13px;
}
.network_inner_list li span
{
  color: #999;
}
.network_inner_list li img
{
  width: 15px;
  margin-right: 6px;
  position: relative;
  margin-top: -4px;
}
.area_score_heading {
    padding: 0 0px;
    margin: 0;
}
.area_score_wrap {
    /* position: relative;
    height: 100%;
    padding: 15px 0px 10px; */
    position: relative;
    height: 100%;
    margin: 10px 0;
    padding: 7px 0 5px;
    border: 2px solid #ababab38;
    border-radius: 12px;
}
.area_score_wrap .area_score_left {
    display: inline-block;
    width: 49%;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    padding: 0px 0 0px;
}
.area_score_wrap .area_score_right {
    display: inline-block;
    width: 49%;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}
.area_score_wrap .area_score_left img,
.area_score_wrap .area_score_right img {
    /* display: block; */
    margin: 0 auto;
    width: 20px;
    margin-top: -6px;
    margin-left: 10px;
}
.happiness_seprator
{
  position: absolute;
  top: 20%;
  left: 50%;
  width: 1px;
  background: rgba(255,255,255,1);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(212,212,212,1) 32%, rgba(212,212,212,1) 72%, rgba(255,255,255,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(32%, rgba(212,212,212,1)), color-stop(72%, rgba(212,212,212,1)), color-stop(100%, rgba(255,255,255,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(212,212,212,1) 32%, rgba(212,212,212,1) 72%, rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(212,212,212,1) 32%, rgba(212,212,212,1) 72%, rgba(255,255,255,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(212,212,212,1) 32%, rgba(212,212,212,1) 72%, rgba(255,255,255,1) 100%);
  height: 70%;
}

.menu_class {
    border:1px solid #1c1c1c;
}
.file_menu {
    display:none;
    width:300px;
    border: 1px solid #1c1c1c;
}
.file_menu li {
    background-color: #302f2f;
}
.file_menu li a {
    color:#FFFFFF;
    text-decoration:none;
    padding:10px;
    display:block;
}
.file_menu li a:hover {
    padding:10px;
    font-weight:bold;
    color: #F00880;
}
.arear_score_drop_down>a
{
  padding: 1px 15px;
  border-radius: 25px;
  border: 1px solid #ddd;
  font-size: 12px;
}
.arear_score_drop_down>a
{
  color: #000;
  text-decoration: none !Important;
}
.arear_score_drop_down>a
{
  color: #000;
  text-decoration: none !Important;
}
.arear_score_drop_down .dropdown-menu
{
  left: 50%;
  transform: translateX(-50%);
  top: 25px;
}
.arear_score_drop_down .dropdown-menu:after
{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7px 7px 7px;
  border-color: transparent transparent #02c9ff transparent;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
}
.content_loader
{
  padding: 15px 30px;
}
.yourhappiness_score
{
  color: #000;
}
.yourhappiness_score .your_happiness_left,
.yourhappiness_score .your_happiness_right
{
  color: #000;
  margin: 0 5px;
  cursor: pointer;
}
.yourhappiness_score h5
{
  padding: 0 0 10px;
}
.seprator
{
  margin-top: 8px;
  margin-bottom: 8  px;
  border: 0;
  border-top: 1px solid #eee;
}
.resend_otp
{
  padding: 10px 10px 7px;
  float: right;
  color: #02c9ff;
}
.resend_otp_link
{
  padding: 10px 10px 7px;
  float: right;
  color: #02c9ff;
}
.your_happiness_img
{
  width: 16px;
  margin-right: 5px;
  position: relative;
  top: -2px;
}
.wrapper_title_img_wrap
{
  margin-right: 10px;
  width: 40px;
  height: 40px;
  top: -3px;
  background: #eee;
  padding: 8px;
  border-radius: 100%;
  display: inline-block;
  position: relative;
}
.wrapper_title_img
{
  margin-top: -2px;
}
.event_list
{
  padding-top: 10px;
}
.eventad_list_main li
{
  padding: 10px 20px;
  position: relative;
}
.eventad_list_main li:nth-child(even)
{
  display: block;
  background: #f5f5f5;
}
.eventimage_holder
{
  background-size: cover;
  background-position: center center;
  width: 100px;
  height: 65px;
  border-radius: 10px;
  position: absolute;
}
.eventdetails_holder
{
  margin-left: 120px;
  padding-right: 100px;
}
.eventad_list_main .btn-right-absolute
{
  right: 20px;
}
.eventad_list_main a:hover
{
  text-decoration: none;
}
.eventdetails_title
{
  font-size: 18px;
  margin: 0px;
  color: #000
}
.eventdetails_sub_title
{
  font-size: 15px;
  margin: 5px 0;
  color: #333;
}
.eventdetails_posted_time
{
  color: #999;
}
.event_list .owl-nav
{
  position: absolute;
  top: -18px;
  right: 0;
}
.event_list_next i,
.event_list_prev i
{
  padding: 2px !important;
}
.event_list_prev
{
  background: #ddd;
  border: transparent;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 10px;
  border-radius: 100%;
  margin-right: 5px;
}
.event_list_next
{
  background: #ddd;
  border: transparent;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 10px;
  border-radius: 100%;
}
.event_image_holder
{
  position: relative;
}
.event_image_holder:hover .event_image_holder_overlay
{
  display: block;
}
.event_image_holder img
{
  border-radius: 10px;
}
.event_image_holder_overlay
{
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.50);
  border-radius: 10px;
  display: none;
}
.event_image_holder_overlay img
{
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto !important;
  transform: translate(-50%,-50%);

}
.event_list_prev:hover,
.event_list_next:hover
{
  background: #02C9FF;
  color: #fff;
}
.event_list .owl-dots
{
  display: none;
}
.event_details_posted_time img
{
  width: auto !important;
  display: inline-block !important;
  margin-right: 5px;
  margin-top: -5px;
}
.margin-bottom-0
{
  margin-bottom: 0;
}
.event_details_posted_time
{
  font-size: 12px;
  padding-left:  34px;
  color: #666;
  position: relative;
  display: inline-block;
  margin-bottom: 0;
}
.event_details_posted_time img
{
  position:absolute;
  left: 0;
  top: 10px;
}
.eventDetailList
{
  margin: 15px 0;
}
.eventDetailList li
{
    width: 48%;
    margin-bottom: 15px;
}
.event_desc_left,
.event_desc_right
{
  float: left;
}
.event_desc_left
{
  max-width: 350px;
}
.event_desc_right
{
  padding: 0 0 0 20px;
  width: 54%;
}
/*
Main Body
*/

.mbox .box{
  background: #ffffff;
  /* border:1px solid #dedede; */
  border-radius: 4px;
  padding:10px 15px;
  box-shadow: 3px 3px 3px #ddd;
}
.wrap{
  background: #eee;
  padding-bottom: 30px;
}
.mbox{
  position: relative;
  min-height: 200px;
}
.mbox h3.block-heading{
  padding: 5px;
  margin: 0;
  background-color: #02c9ff;
  color: #00aeef;
}
.mbox i{
  /* font-size: 18px; */
  padding-left: 2px;
}



/*
Profile picture
*/
.profile-pic{
  width: 30%;
  float: left;
  padding-right:4px;
  position:relative;
}
.changeProfilePicture{
position:absolute;
width:30px;
height:25px;
top:0px;
right:0px;
border-radius:0px 0px 0px 90px;
background-color:#cdcdcd;
padding:3px 0 0 9px;
cursor:pointer;
}
.profile-pic img{
  width: 100%;
  height: auto;
}

.profile-name{
  position: relative;
  width: 68%;
  float: right;
}
.profile-name h1{
  margin: 0 0 5px 0;
  font-size: 18px;
  font-weight: bold;

}


#view-as-public{
    display: block;
    font-size: 12px;
    padding: 5px 0;
}
#view-as-public .icon-globe{
  padding-right: 5px;
}

.profile-rating{
  display: block;
  text-align: center;
  padding: 2px 0;
  border-radius: 30px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #02c9ff;
}

#scribble-form {
  margin-top: 15px;
}

#scribble-form textarea{
    height: 35px;
    border-radius: 20px;
}

#share-btns-list{
  margin: 0;
  padding: 0;
}
#share-btns-list li{
  list-style: none;
  float: left;
  width: 20%;
}

#share-btns-list li a{
  display: block;
  text-indent: -999em;
  height: 38px;
  width: 45px;
  margin: 0 auto;
  background-image: url(../images/icons.png);
  background-repeat: no-repeat;
  opacity: 0.5;
}
#share-btns-list li a:hover, #share-btns-list .active{
  opacity: 1;
}

#post-text{
  background-position: -10px -6px;
}
#post-documents{
  background-position: -75px -6px;
}
#post-events{
  background-position: -280px -6px;
}
#post-images{
  background-position: -145px -6px;
}
#post-videos{
  background-position: -210px -6px;
}


#share-contents .sbox{
  display: none;
  width: 100%;
  margin: 10px 0 0 0;
  padding: 8px;
  /*background: #FFFFFF;  */
}
#share-contents .sbox textarea{
  height: 42px!important;
  /*resize: vertical;*/
  border-radius: 21px;
}
#share-contents .sbox label{
  padding: 0;
  font-size: 0.9em;
}
#share-contents .sbox input[type="file"]{
  padding: 5px;
}



/* Public Profile Page*/
.public_profile_wrap{
  text-align: center;
}

.public_profile_pic{
  position: relative;
  max-width: 40%;
  margin: 0 auto;
}
#student_public_page .public_profile_rating{
  display: block;
  width: 100%;
  padding: 5px 0;
  /*background: #02c9ff;*/
  font-size: 1.25em;
  font-family: 'segoe UI Light', 'Open Sans Light', sans-serif;
}

.public_profile_name{
  line-height: 2em;
}
.public_profile_scribble h3{
  font-style: italic;
  font-family: georgia, serif;
  color: #999;
  font-weight: normal;
  font-size: 1.2em;
  line-height: 1em;
  margin: 0 0 10px 0;
}
.public_profile_scribble h6{
  margin: 10px 0;
}

/*
Invite form
*/

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: block;
}

.upload_btn {
  border: 2px solid gray;
  color: gray;
  background-color: #eee;
  padding: 8px 20px;
  border-radius: 8px;
  font-size: 20px;
  font-weight: bold;
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

/*
front feeds
*/
#front-feeds{
  margin: 0;
  padding: 0;
  list-style: none;
}
#front-feeds li{
  background-color: #FFFFFF;
  margin-bottom: 10px;
}/*
front feeds
*/
#new-discussion{
  margin: 0;
  padding: 0;
  list-style: none;
}
#new-discussion li{
  background-color: #FFFFFF;
  margin-bottom: 10px;
}

.feed_main{
  padding: 5px;
  margin-bottom: 5px;
}
.feed_profile, .feed_info{
  float: none;
}
.feed_profile{
  width: 15%;
}

.feed_profile a{display: block;}

.feed_profile .student, .student{
  border-bottom: 4px solid #02c9ff;
}

.profileImage{display: inline-block !important;vertical-align: top;}

.feed_profile .professor,.professor{
  border-bottom: 4px solid #fe0000;
}
.feed_profile .college,.college{
  border-bottom: 4px solid #00aeef;
}
.feed_profile .university,.university{
  border-bottom: 4px solid #FFDD00;
}
.feed_profile .general,.general{
  border-bottom: 4px solid #999999;
}
.studentname{
  color: #02c9ff;
}
.professorname{
  color: #fe0000;
}
.collegename{
  color: #43AD03;
}
.universityname{
  color: #FFDD00;
}
.generalname{
  color: #999999;
}




.feed_info{
  width: 77%;
  padding: 0px 5px 5px;
  display: inline-block !important;
  vertical-align: top;
}
.feed_info header{
  padding: 0px;
}
.feed_info header h4{
  margin: 0;
  padding-bottom: 5px;
}

.a_body pre{margin-top:5px !important;font-family: 'Nunito', sans-serif;}
.objectCaption{font-size:10px;}


#front-feeds footer{
  border-bottom: 0px solid #BBBBBB;
  margin-bottom: 5px
}

#front-feeds footer span{
  display: block;
  float: left;
  color: #777777;
  font-size: 12px;
  width: 19%;
  text-align: left;
}
#front-feeds footer span i{
  font-size: 14px;
}
#front-feeds footer span a{
  color: #777777;
}
#front-feeds footer span a:hover{
  color: #333333;
}


#front-feeds .comment_wrap{
  margin-top: 8px;
}
#front-feeds .comment_wrap textarea{
  height: 50px;
  resize: no-resize;
}

#front-feeds select.rating-btn{
  padding: 0;
  margin: 0;
  width:33% !important;
}
#new-discussion footer{
  border-bottom: 2px solid #BBBBBB;
  margin-bottom: 5px
}

#new-discussion footer span{
  display: block;
  float: left;
  color: #777777;
  font-size: 12px;
  width: 19%;
  text-align: left;
}
#new-discussion footer span i{
  font-size: 14px;
}
#new-discussion footer span a{
  color: #777777;
}
#new-discussion footer span a:hover{
  color: #333333;
}


#new-discussion .comment_wrap{
  margin-top: 8px;
}
#new-discussion .comment_wrap textarea{
  height: 50px;
  resize: no-resize;
}

#new-discussion select.rating-btn{
  padding: 0;
  margin: 0;
  width:33% !important;
}

.meta_wrap span.comments, .meta_wrap span.rating{
  text-align: center !important;
}

.meta_wrap span.sharing{
  text-align: right !important;
}

textarea.active{
  height: 80px !important;
}

.thumbImages{
  display:inline-block;width:80px;margin-right:3px;margin-bottom:8px;border: 1px solid #fff;margin-left:15px;
}

/*
Documents
*/
.docs_wrap{
	overflow:hidden;
}
#docs_table,.bioda{
  width: 100%;
}
#docs_table th,#docs_table td,.bioda th,.bioda td{
  padding: 5px;
}
#docs_table tr,.bioda tr{
  border-top: 0px solid #999999;
}
#docs_table tr:last-child,.bioda tr:last-child{
  border-bottom: 1px solid #999999;
}
#docs_table tr:first,.bioda tr:first{
	background-color:#fff !important;
	font-weight:normal;
}
#docs_table th,.bioda th{
	background-color:#fff !important;
	font-weight:normal;
}
/*
#docs_table tr:nth-child(odd) {
  background: #DDDDDD;
}
#docs_table tr:nth-child(even) {
  background: #FFFFFF;
}
*/




/* ==========================================================================
   form styles
   ========================================================================== */
form{width: 100%;}
legend{width:100%;text-align: center;}
label{display: block; width: 100%; padding: 5px 15px;}
input[type="text"],input[type="password"],select{
  width: 100%;
  padding: 9px 16px;
  outline: none;
  background: #eee;
  border: 1px solid transparent;
  border-radius: 25px;
  margin: 0 0 0 0;
  font-family: 'Nunito','Segoe UI','Lucida Sans', sans-serif;
  box-shadow: 0 0 6px -3px #999;
}
input[type="file"]
{
  box-shadow: 0 0 6px -3px #999;
  background: #eee;
  border-radius: 25px;
  height: 38px;
  padding: 7px 16px;
}
textarea{
  width: 100%;
  padding: 9px 16px;
  outline: none;
  background: #eee;
  border: 1px solid transparent;
  border-radius: 15px;
  margin: 0 0 0 0;
  font-family: 'Nunito','Segoe UI','Lucida Sans', sans-serif;
  box-shadow: 0 0 6px -3px #999;
  resize: none;
}
input[type="text"]:focus,input[type="password"]:focus{
/* border: 1px solid #CCCCCC; */
}
#btnmsguser{
  width: 100%;
  padding: 5px 0;
  outline: none;
  border:1px solid #DFDFDF;
  margin: 5px 0 0 0;
  font-family: 'Nunito','Segoe UI','Lucida Sans', sans-serif;
}
input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,textarea:focus{
  border: 1px solid #49d9f9;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {
	margin:0;
	padding:0;
}
ol,ul {
	list-style:none;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
#image_holder
{
  display: block;
  margin: 0 auto;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}
.pointer{cursor:pointer;}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
/*=====================================================================================
							header Css
========================================================================================*/
#divResult
	{
    position: absolute;
    width: 405px;
    display: none;
    /* margin-top: -2px; */
    border: solid 1px #f1f1f1;
    border-top: 0px;
    overflow: hidden;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    box-shadow: 3px 5px 14px #b0b0b0;
    border-width: 3px 1px 1px;
    background-color: white;
    z-index: 3;
    top: 40px;
    /* padding: 9px; */
    left: 14px;
	}
	#divResult1
	{
		position:relative;
		width:410px;
		display:none;
		margin-top:-2px;
		border:solid 1px #f1f1f1;
		border-top:0px;
		overflow:hidden;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
		-moz-border-bottom-right-radius: 6px;
		-moz-border-bottom-left-radius: 6px;
		box-shadow: 0px 4px 5px #999;
		border-width: 3px 1px 1px;
		background-color: white;
		z-index: 999;
    padding:8px;
	}
	.display_box
	{
    font-size: 13px;
    padding: 15px;
    position: relative;
	}
  .display_box:hover
	{
		background:#eee;
		cursor:pointer;
	}

	.docs_wrap{
		height:300px;
		overflow:auto;
	}
	.progress { position:relative; width:400px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
	.bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
	.percent { position:absolute; display:inline-block; top:3px; left:48%; }

	#docs_filter
	{
		position: absolute;
	width: 190px;
	height: 22px;
	top: 39px;
	left: 80px;
	font-size: 12px;
	padding-bottom: 0px;
	padding-top: 0px;
	}
	.ui-datepicker,#accordion
	{
		font-size:82% !important;
	}
	#accordion ul
	{
		padding-left:10px !important;
	}
	#eventCalendarHumanDate {
		padding-top:10px;
		background-color: #fff;
		width: 99%;
		margin: 0 auto;
		font-size: 10px;
	}
	.fc-header-title h2 {
		font-size: .9em;
		white-space: normal !important;
	}
	.fc-header-left
	{
		padding-left:5px !important;
	}
	.fc-header-right
	{
		padding-right:5px !important;
	}
	.fc-view-month .fc-event, .fc-view-agendaWeek .fc-event {
		font-size: 0;
		overflow: hidden;
		height: 2px;
	}
	.fc-view-agendaWeek .fc-event-vert {
		font-size: 0;
		overflow: hidden;
		width: 2px !important;
	}
	.fc-agenda-axis {
		width: 20px !important;
		font-size: .7em;
	}

	.fc-button-content {
		padding: 0;
	}
	.slider
	{
		width:100px !important;
	}
	.fancybox-custom .fancybox-skin {
			box-shadow: 0 0 50px #222;
		}
		.links .inner {
		padding: 10px 10px 10px 15px;
		font-size: 12px;
		 background-color: #fff;
		}
		.links {
		position: absolute;
		z-index: 999;
		top: 41px;
		right: 59px;
		background: #fff;
		width: 30%;
		height: 525px;
		display: block;
		 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		   font-size: 14px;
			line-height: 20px;
			 color: #333333;
		}
		#comment-list
		{
		min-height:279px;
		overflow-y:scroll;
		height:279px;
		}
		#fancybox-buttons ul {
		margin: 0 130px 0 auto !important;
		width: 130px;
		}

		#fancybox-buttons a.btnToggle{
		display:none
		}

/*=====================================================================================
							 Css
========================================================================================*/





.formconatainer{
padding:10px 50px 10px 50px;
height:270px;
}
/* .formconatainer input[type="text"],input[type="file"],select{width:80%;margin-left:20px;} */
.formconatainer span{display:block;}


#wrapper {
    display: table;
    width: 100%;
}
#left, #right {
    display: table-cell;
    color: white;
}
#left {
    background: blue;
    width: 300px;
}
#right {
    background: red;
}


.maincontentdiv {
    /* -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #CCCCCC #CCCCCC -moz-use-text-color;
    border-image: none;
    border-radius: 3px 3px 0 0;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    bottom: 0;
    box-shadow: 0 0 4px 0 #E9E9E9;
    position: fixed;
    right: 0;
    width: 280px;
    z-index: 12394924;
	background-color:#fff;
	max-height:500px; */
}
.maincontentdiv >div ul{ margin: 0;
    padding: 0 !important;
    width: 100%;}
.maincontentdiv li{
	list-style-type:none;padding:0.5em;
	border:1px solid #B3D4FC;
}
.chatfriendheader {
    background-color: #00aeef;
    border-bottom: 0px solid #CCCCCC;
    color: #fff;
    line-height: 1.28;
    padding: 5px;
}
.chatfriendheader span{
    display: inline-block;
    font-family: arial,sans-serif;
    font-size: 13px;
    height: 16px;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    vertical-align: top;
}


.alert-success {
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #3C763D;
}
.close {
    /* float: right; */
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 17px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}
.alert {
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    margin-bottom: 13px;
    padding: 5px 12px;
    position: relative;
}
.alert-error {
    background-color: #F2DEDE;
    border-color: #EBCCD1;
    color: #A94442;
}

/*************************************my css******************************************/
a.deleteClass{
    position: absolute;
    top: 35px;
    right: 12px;
    display: block;
    width: 12px;
    height: 22px;
	margin:-25px 0 2px;
    text-indent: -999em;
	cursor:pointer;
    background: url("../images/delete.png") no-repeat scroll center center transparent;
}
a.reportData
{ position: absolute;
    top: 35px;
    right: 12px;
    display: block;
    width: 12px;
    height: 22px;
	margin:-25px 0 2px;
}
.box{
margin-bottom: 20px !important;
}
.shareingcontainer{
padding:10px;
}
h3.sidebox {
	background-color:transparent !important;
	font-size:13px;padding-top:15px !important;padding-bottom:15px !important;
}
.profile-wrap{
padding:20px;
}
#box-text,#box-images,#box-videos,#box-documents,#box-events,.postContainer{
position:relative;
}
.arrowClass{
position: absolute;
height: 20px;
width: 20px;
}
.textarrow{
top: -11px;
left: 39px;
}
.imagearrow{
top: -11px;
left: 145px;
}
.videoarrow{
top: -12px;
left: 244px;
}
.documentarrow{
top: -11px;
left: 345px;
}
.eventarrow{
top: -11px;
left: 441px;
}
.docuploadContainer{
	border:1px solid #cdcdcd;
	background-color:#fcfcfc;
  padding:6px;
}
.videolinkContainer input{
	height:35px;
	margin-top:-6px;
  box-shadow: 0 0 6px -3px #999;
}
.responseresultmessage{
	text-align:center;
	background-color:yellow;
}
.hiddencontent{
	display:none;
}
.dragableDiv{ width:100%;height:50px;min-height:50px;background-color:#fff;text-align:center;line-height:40px;font-weight:bold;color:#cdcdcd;border:1px solid #cdcdcd;}
.guidlineDiv{font-size:9px;}
.left{float:left !important;}
.right{float:right !important;}
.underline{text-decoration:underline;cursor:pointer;}
.public_profile_rating{
    color: #FFFFFF;
    display: block;
    width: 100%;
}
#network_wrap img{
	max-width:80px;
	min-width:80px;
	max-height:80px;
	min-height:80px;
}
#images_wrap img{
	width:100%;
}
.images_wrap img{
	max-width:80px;
	min-width:80px;
	max-height:80px;
	min-height:80px;
}
/*registration*/


.RegisterCenter {
    background-color: #F1F1F1;
    display: block;
    /*min-height: 400px;*/
	height:auto;
    margin: 50px auto;
    width: 600px;

}
.personalDetailclass select{
	margin:0px !important;
	padding-top:0px !important;
	width:auto !important;
	height:auto !important;
}

.personalDetailclass img {
    height: 20px;
    vertical-align: middle;
    width: 18px;
}
.RegisterContainer {
    display: block;
    /*height: 380px !important;*/
    margin: 0 auto;
    width: 421px;
}
.heading{ font-family: "Lato", serif;
    font-size: 24px;
    font-weight: normal;
	padding-top:20px;
	padding-bottom:20px;
  margin-bottom: 20px;
	text-align:center;
	border-bottom:1px solid #cdcdcd;}
.personalDetailclass{
	border-bottom:1px solid #cdcdcd;
}
.personalDetailclass input[type="text"],.personalDetailclass input[type="password"],.personalDetailclass input[type="email"] {
height:25px;
font-weight:lighter;
padding:0px;
margin:0px;
}
.birthdaycake{
    height: 20px;
    vertical-align: middle;
    width: 18px;
}
.registerBday{
	width:100%
}
.registerGender{
float:right;
}
.registerrow{
padding-top:10px;
padding-bottom:10px;
}
.iconmobile{
background-image: url("../images/longSprite2.png");
    background-position: 490px 153px;
    height: 20px;
    vertical-align: middle;
    width: 13px;
	display:block;
	float:left;
}
.iconposition{
background-image: url("../images/longSprite2.png");
    background-position: -205px 88px;
    height: 20px;
    vertical-align: middle;
    width: 12px;
	display:block;
	float:left;
}
.iconcamera{
background-image: url("../images/longSprite2.png");
    background-position: -372px 0px;
    height: 20px;
    vertical-align: middle;
    width: 18px;
	display:block;
	float:left;
}
.iconupload{
background-image: url("../images/longSprite2.png");
    background-position: 595px 120px;
    height: 20px;
    vertical-align: top;
    width: 18px;
	display:inline-block;

}
.iconbuilding{
background-image: url("../images/longSprite2.png");
    background-position: -917px 86px;
    height: 20px;
    vertical-align: middle;
    width: 14px;
	display:block;
	float:left;
}
.iconcourse{
background-image: url("../images/longSprite2.png");
    background-position: -815px 55px;
    height: 20px;
    vertical-align: middle;
    width: 18px;
	display:block;
	float:left;
}
.iconcashe{
background-image: url("../images/longSprite2.png");
    background-position: -815px 55px;
    height: 20px;
    vertical-align: middle;
    width: 18px;
	display:block;
	float:left;
}
.helpclass{
	font-size:10px;
	text-decoration:underline;
	vertical-align:bottom;
}
.imagebuttonclass{
   background-color: #FBFBFB;
  cursor:pointer;
	line-height:20px;
  border:1px solid #ccc;
  padding:7px; text-align: center;
}
.spacetopbottom{
	padding-top:10px;
	padding-bottom:10px;

}

/***********************css tooltip***********************/

.tooltip:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}
.tooltip:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}
.tooltip{
    display: inline;
    position: relative;
}


/**************Tooltip is end**************/

/****************Forum Css Start************/
.forumleftnav ul li{
	list-style-type:none;padding-top:5px;padding-bottom:5px;
}
.unselected{
	color:#000000
}
.selected{
	color:#02C9FF;font-weight:500;
}
.forumleftnav ul li a:hover{
	text-decoration:underline;
}
.CategoryHeading{
	padding: 17px 0px;
	font-size: 28px;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.76);
	font-family: helvetica neue,medium;
	margin: 0px 0px 0px 58px;
}
.headingDiv{
	background: url('../images/longSprite2.png') no-repeat scroll 0px 0px transparent;
	background-position: -1458px -68px;
	display: inline-block;
	height: 30px;
	width: 30px;
	margin: 4px 0px 0px -44px;
	position: absolute;
}
.forumheadercontainer.box{
  padding:20px;
}
.dynamic{
/* min-height:500px; */
}
.question-feed li.first-child { border: 0px none; }
.question-feed>li {
    list-style: none outside none;
    background: none repeat scroll 0px 0px #FFF;
    color: #5F5F5F;
    margin-bottom: 15px;
    position: relative;
    display: block;
    box-shadow: 3px 3px 3px #ddd;
}
.question-description {
    font-weight: normal;
    font-size: 13px;
    display: block !important;
}
.question-meta {
    font-size: 11px;
    font-weight: normal;
    color: #888;
}
.question-meta a {
    font-size: 12px;
    font-weight: normal;
    color: #2C46C7;
}
.forumlisttabs {
    color: #777;
    font-weight: lighter;
    font-size: 15px;
    min-width: 465px;
    position: relative;
    border-color: #E9E9E9;
    border-style: none solid;
    border-width: 0px 1px;
	}
.forumlisttabs ul{
	width:auto;
	top:0px;
    padding-bottom: 1px;
    height: 36px;
    background: none repeat scroll 0px 0px #f3f3f3;
    white-space: nowrap;
}
.forumlisttabs li {
    display: inline-block;
    /*margin-left: 15px;*/
	font-size:15px;
	font-weight:lighter;
}
.forumlisttabs a {

    font-weight: 300;
    font-size: 1.5em;
    text-decoration: none;
    padding: 9px 0px;
    width: 100%;
    display: inline-block;
}
.forumlisttabs a#recent{
    color: #fff;
}
.askbarholder{
	height:70px;
	padding:10px 20px 8px 14px;
	margin-bottom:20px;
	background:none repeat scroll 0px 0px #3f1c59;
	position:relative;
}
.askbartitle {
    float: right;
    width: 300px;
    height: 35px;
	font-size:1.5em;
}
.askbartitle p{
    min-height: 40px;
	padding-bottom: 10px;
	color: #FFF;
	margin-left: 40px;

}
.ask-text {
    padding-left: 5px;
    width: 210px;
    height: 24px;
    border-width: 1px;
    line-height: 20px;
}
.ask-button-holder {
    float: left;
    width: 50px;
}
#ask-button {
    background: none repeat scroll 0% 0% #B3D4FC;
    box-shadow: none;
    border-radius: 2px;
    border: 0px solid;
    width: 62px;
    height: 26px;
    color: #3F1C59;
    font-weight: bold;
    margin-left: 5px;
    text-shadow: 0px 1px 1px #FFF;
    cursor: pointer;
}
/****** forum question*/
.forumContainer{
	padding:1px 20px 1px 20px;
	position: relative;
	/* border: 1px solid rgb(226, 226, 230); */
	background-color: rgb(255, 255, 255);
}
.categorySelection{
	padding:0px 10px 4px 0px;
	color: #2C46C7;
	width:50%;
}
.categorySelection:hover{
	text-decoration:underline;
}
.subject {
    font-size: 24px;
    line-height: 26px;
    margin-top: 4px;
    font-weight: 300;
}
.inline{display:inline;font-size: 10px;}
#qc-wrapper {
    margin-right: 20px;
    min-height: 10px;
}
.quesDescription{
margin-bottom: 12px;
}
#qc-wrapper .description {
    word-wrap: break-word;
}
.ansHeadcontainer {
    overflow: hidden;
    padding: 0px 12px;
}
.ansHeadcontainer h3 {
    float: left;
    font-weight: 300;
    font-size: 18px;
}
.answer:after{
    clear: both;
    content: ".";
    display: block;
    height: 0px;
    visibility: hidden;
    line-height: 0;
}
.first-child .answer {
    padding-top: 0px;
    border-top: 0px none;
    margin-top: 14px;
}
.answeredproile{
    display: inline;
    float: left;
    width: 40px;
    padding-right: 12px;
}
.answeredproile img {
    overflow: hidden;
    display: block;
    vertical-align: top;
}
.qa-container {
	clear: right;
    margin: 0px 0px 0px 40px;
    position: relative;
}
.qa-container .profile-link{
  position: relative;
  top: 5px;
}
.mb4{ margin-bottom: 4px;}
.dull {color: #888;}
.anstextcontainer
{
  margin-bottom: 14px;
    color: #2d2d2d;
    font-size: 13px;
    padding: 5px 10px;
    background: #f2faff;
    border-radius: 2px;
    border-left: 2px solid #888;
    margin: 10px 5px;
}
.anstextcontainer img
{
  width: 20px;
  margin: 0 1px;
}
.a-utils {
    line-height: 21px;
    min-height: 25px;
    margin-bottom: 10px;
}
.a-utils li,.Answercontainer li{list-style-type:none;}
.Answercontainer ul{margin:0px;}
.forumdiscription select {width: auto;
height: 21px;
padding: 0;
margin: 0;
margin-right:2px
}
.ansboxcontainer{
  margin: 20px 0;
  padding: 20px;
}
.comment_photo
{
  width: 50px;
  border-radius: 50%;
  position: absolute;
}
.comment_form
{
  margin-left: 70px;
}
a.deleteforum{
	display: inline;
  color: #000;
}
/**************** Forum Css end************/
/**************** page Css start************/
.pageAdminhoder{
	border:1px solid #CCCCCC
}
/*.pageblocks{
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}*/
.pageblocks header{
	background:none repeat scroll 0 0 #F2F2F2;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	padding:5px 10px;
}
.adminPanelContent{
border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    min-height: 162px;
	font-size:11px;
	min-height:162px;
	max-height:162px;
	overflow-y:auto;
}
.adminPanelBlankStateText{
padding:10px 10px 5px 0;
}
/**************** page Css end************/



.massage{
	text-align:center;
}
.error{
	background-color:#FF6868;
	color:#fff;
}
.success{
	background-color:#4FAC4F;
	color:#fff;
}
.pointer{
cursor:pointer;
}
.top-nav li ul{
	list-style-type:none !important;
	font-size:5px	 ;
}
#settingoptiontab{
	position:absolute;
}
#settingoptiontab a{
	font-size:14px !important;
}
.gallrayrating select{margin:0px;padding:0px;width:auto;	}
.buttonContainer{
margin:10px 0 0 10px;
white-space:nowrap;display:inline-block;vertical-align:top;background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.35);
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    display: inline-block;
    padding: 0 15px;
	cursor:pointer;
	  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  /* No support for these yet, use at own risk */
  -o-user-select: none;
  user-select: none;
}
.buttonContainer label{cursor:pointer;}
.buttonContainer:hover{
    border: 1px solid #333;
}
.adminPanelList{
	list-style-type:none !important;
	margin:0!important;
	padding:0 !important;
}
.stateclass{
	background-color:#EEEFF4;
	border-bottom:1px solid #D1D8E7;
	border-right:1px solid #CCCCCC;
}
.adminPanelList li{
	background-color:#EEEFF4;
	border-bottom:1px solid #D1D8E7;
	border-right:1px solid #CCCCCC;
}
.adminPanelList li img{
	height:32px;
	width:32px;
	max-height:32px;
	max-width:32px;
}
.adminPanelList li:hover{
	outline:medium none;
	text-decoration:none;
}
.adminPanelList .author{
	overflow:hidden;text-overflow:ellipsis;color:#000;font-weight:bold;
}
.adminPanelList .preview{
	overflow:hidden;text-overflow:ellipsis;color:#808080;white-space:nowrap;
}
.adminPanelList li a{
	color:#333333;
	display:block;
	padding:4px 5px 4px 10px;
	text-decoration:none;
}
.normal{
	cursor:normal;
}
.notificationhead{
font-family: serif;
font-size: 15px;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
/*text-align: center;
border-bottom: 1px solid #cdcdcd;*/
}
li.adasfrielns{width:50% !important;}
img.iconsize{width:32px !important;height:32px !important;}
img.big-iconsize{width:50px !important;height:auto !important;}
/*********dragable Css********/
#dragandrophandler
{
border: 1px solid #ccc;
width: 650px;
height: 60px;
color: #92AAB0;
text-align: center;
vertical-align: middle;
padding: 10px 0px 10px 10px;
font-size:20px;
display: table-cell;
font-family: 'Lato', 'Raleway';
box-shadow: 0 0 6px -3px #999;
}
.progressBar {
	width: 25%;
	height: 22px;
	border: 1px solid #ddd;
	border-radius: 5px;
	overflow: hidden;
	display:inline-block;
	margin:0px 10px 5px 5px;
	vertical-align:top;
}

.progressBar div {
	height: 100%;
	color: #fff;
	text-align: right;
	line-height: 22px; /* same as #progressBar height if we want text middle aligned */
	width: 0;
	background-color: #72D072; border-radius: 3px;
}
.statusbar
{
	border-top:1px solid #A9CCD1;
	min-height:25px;
	width:100%;
	padding:10px 10px 0px 10px;
	vertical-align:top;
}
.statusbar:nth-child(odd){
    background:#EBEFF0;
}
.filename
{
display:inline-block;
vertical-align:top;
width:25%;
text-align:left;
}
.filesize
{
display:inline-block;
vertical-align:top;
color:#30693D;
width:25%;
margin-left:10px;
margin-right:5px;
}
.abort{
	background-color:#A8352F;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;display:inline-block;
	color:#fff;
	font-family:arial;font-size:13px;font-weight:normal;
	padding:4px 15px;
	cursor:pointer;
	vertical-align:top
	}

/*****************Messages page css********************/
.messageleftnav{
	background-color:#EBEBEB;
	border-color:#fff;
	border-style:solid;
	border-width:12px 0 13px;
	display:block;
	width: 286px;
}
.messageleftnav ul{
border-bottom:1px solid #E9EAED;
overflow:auto;
padding:0 15px 0 5px;
list-style-type:none;
max-height:450px;
}
.messageleftnav  ul li:first-child{padding-left:10px;border-width:0;font-weight: bold;list-style-type:none;}
.friendcontentarea{height:305;width:286;}
.friendcontentarea ul{list-style-type:none;margin:0;padding:0 !important;}
.friendcontentarea ul li a{width:100% !important;}
.pvs{padding-top:5px;padding-bottom:5px;}
.threadimagecontainer{height:50px;width:50px;margin-right:10px;}
.centerdata{vertical-align:middle;}
.messageheadercontainer{ border-bottom:1px solid #E3E3E3; }
.messagefrndnameHeading{padding:18px 19px 18px 22px;height:24px;white-space:nowrap;}
.messagefrndnameHeading span{max-width: 221px; font-size: 24px;font-weight:bold;padding-top:5px;padding-bottom:5px;}
.messageContainer{text-align:left;}
.messageContainer p {margin:0;padding:0;white-space:pre-wrap;}
.sendername a{color:#3B5998 !important;cursor:pointer;}
.sendername a:hover{text-decoration:underline !important;}
.messagefieldContainer{max-height:400px;min-height:400;overflow-y:auto;overflow-x:hidden;}
.messagefieldContainer ul{ list-style-type:none;padding:0 0 0 6px;}
.messagefieldContainer ul li{ padding-bottom:5px;padding-top:5px;border-bottom:1px solid #e3e3e3;}
em.onlineAvailavle{
    background-image: url("../images/iconsspriteMain.png");
    background-position: -560px -440px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    opacity: 1;
    width: 20px;
}
em.onlineUnavailavle{
	background-image: url("../images/iconsspriteMain.png");
	background-position: -588px -440px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    opacity: 1;
    width: 20px;
}
/*****************Messages page css End********************/

/*============ Updated Styles ============== */
.RegisterContainer input[type="text"], .RegisterContainer input[type="password"], .RegisterContainer input[type="email"] {
padding:4px;
height:28px !important;
display:inline-block;
}
.mefont{font-family:Comic Sans MS;}
.mefontbold{font-size:36px;font-weight:bold;text-align:center;}
.mefon{font-size:20px;text-align:center;}
/* .row{margin-bottom: 10px;} */
.RegisterContainer{font-family: "Nunito", sans-serif !important;}
.RegisterContainer select{padding:1px;height: 30px !important;padding-top:1px !important;display:inline-block;}
.blockedImage{display: inline-block;vertical-align: top !important;margin-right: 10px !important;width: 24px;height: 25px;}
.bigwidthSelect{width:72px !important;}
.customButtonUploader{background-color: #efefef;border:1px solid #dedede;color:#999;padding:10px;text-align: center;border-radius: 2px;margin:auto;width:400px;margin-top:30px; box-shadow: 0 0 3px 0 #dedede;border-bottom: 2px solid #ccc;font-size: 15px; font-family: 'lato', 'raleway', sans-serif;cursor: pointer;}
.selectContainer select{margin-top:0px !important;margin-left: 58px !important;width: 75% !important;}
.inputContainer input{width: 77% !important;margin-top:0px !important;}
.scribbleshow{font-family: 'Lato','Nunito','Raleway',sans-serif;}
.searchresultHeading{margin-top:10px;margin-bottom: 10px;font-family: 'raleway','Lato',sans-serif;font-weight: bold;}
/* .searchresultimg{display: inline-block;vertical-align: top;width:50px;height: 50px;margin-left:2px;border:1px solid #dedede;} */
.searchresultname{display: inline-block;vertical-align: top;width:100%;margin-left: 5px;}
.searchresultname .titlespan{
  color: #000000;
    font-size: 16px;
    font-weight: 500;
    display: block;
  width: 83%;}
.searchresultname .titlespan:first-letter{text-transform: uppercase;}
.searchresultname .detailspan{display: block;color: #999}
.search_link{
  display: block;
}
.searchresultImg
{
  height: 40px;
    border-radius: 6px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
}
.postTypeTitle{font-size: 11px;display: block;color:#888;font-family: 'Nunito',sans-serif;}
/*=============================*/
.main_icon
{
    font-size: 25px !important;
    float: left;
    color: #ce0d0d;
    margin-right: 10px;
    position: relative;
    top: -5px;
}

.radio-wrap {
    position: relative;
    margin-left: 15px;
}
/* Hide the browser's default checkbox */
.radio-wrap input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.radio-wrap .checkmark {
    position: absolute;
    top: 3px;
    left: -23px;
    height: 20px;
    width: 20px;
    border-radius: 2px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.radio-wrap:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.radio-wrap input:checked ~ .checkmark {
    background-color: #02C9FF;
}

/* Create the checkmark/indicator (hidden when not checked) */
.radio-wrap .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.radio-wrap input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.radio-wrap .checkmark:after {
    left: 8px;
    top: 5px;
    width: 5px;
    height: 9px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.dropbtn {
  background-color: #ffffff;
  color: #3e3e3e;
  padding: 0px 15px;
  font-size: 13px;
  border: none;
  cursor: pointer;
  border: 1px solid #ddd;
  border-radius: 20px;
}
.area_filter .dropbtn {
  background-color: #ffffff;
  color: #3e3e3e;
  padding: 7px 15px;
  font-size: 13px;
  border: none;
  cursor: pointer;
  border: 1px solid #717171;
  border-radius: 20px;
}

.dropbtn:hover, .dropbtn:focus {
    background-color: #eee;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-menu.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 3;
    left: 50%;
    transform: translateX(-50%);
    top: 25px;
}
.dropdown-menu.dropdown-content:after {
    width: 0;
height: 0;
border-style: solid;
border-width: 0 7.5px 10px 7.5px;
border-color: transparent transparent #007bff transparent;

}

.dropdown-content a {
  color: black;
  padding: 4px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.dropdown a:hover {text-decoration: none;}

.show {display:block;}

@media screen and (max-width:767px){
  #logo{
    margin-top: 12px;
  }
  .retail_image_holder {
      background-size: cover;
      background-position: center center;
      width: 295px;
      height: 200px;
      border-radius: 10px;
      position: relative;
  }
  .retail_details_holder {
      margin-left: 0px;
      padding-right: 0px;
  }
  .retail_ad_list_main .btn-right-absolute
  {
    position: relative;
    top: 20px;
    right: 0;
  }

  #site-head{
    padding-bottom:0;
  }

  .mobile-menu ul li a{
    /* padding:10px 5px; */
  }
}
.upload-btn-wrapper .upload_btn
{
  padding: 9px 12px;
}


/* ============== ////////////// Changes By Abdul //////////////=========== */

.m-logo{
  width: 70px;
}
.m-profile-drop .dropdown-menu{
  right: 0 !important;
  left: inherit;
  background: #36a7e3;
  margin-top: -8px;
  margin-right: -3px;
}
.m-profile-drop ul li{
  display: block;
  border-bottom:1px solid #fff; 
}
.m-profile-drop ul li a{
  display: block;
}

.m-profile-drop img {

  left: 4px;
  top: 5px;
}












/* ============== ////////////// End of Changes By Abdul //////////////=========== */