body {
  font-size: 14px;
  color: #6a6c6f;
  margin: 0px;
  padding: 0px;
  font-family: 'Roboto', sans-serif;
  /* font-family: 'Open Sans', sans-serif; */
  background: #fff;
  overflow-x: hidden
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

#deposit-images {
  position: fixed;
  top: 100%;
  display: none;
}

.sakuti-red {
  color: #990073 !important;
}
span.required-field {
    color: red;
    padding-left: 5px;
}
.gray {
  color: gray !important;
}

#workingHours,
.chosen-container-single .chosen-single div {
  display: none;
}

.header-bg {
  background-color: #f7f9fa;
  border-bottom: 1px solid #e4e5e7;
  height: 52px;
  padding-top: 11px;
  position: fixed;
  top: 0px;
  z-index: 1030;
  width: 83.5%;
  display: table-cell;
}

.relative {
  position: relative;
}

.message-icon {
  background-image: url(../images/message-icon.png);
  background-repeat: no-repeat;
  width: 21px;
  height: 15px;
}

.bell-icon {
  background-image: url(../images/bell-icon.png);
  background-repeat: no-repeat;
  width: 19px;
  height: 21px;
}

.blue-bx {
  border-radius: 50% 50%;
  background-color: #007aff;
  color: #fff;
  width: 20px;
  height: 20px;
  padding-top: 2px;
  text-align: center;
  font-size: 10px;
  position: absolute;
  right: 2px;
  top: -11px;
}

.green-bx {
  border-radius: 50% 50%;
  background-color: #331966;
  color: #fff;
  width: 20px;
  height: 20px;
  padding-top: 2px;
  text-align: center;
  font-size: 10px;
  position: absolute;
  right: 4px;
  top: -11px;
}

.col-black {
  color: black;
}

.pdr36 {
  padding-right: 30px;
}

.font13 {
  font-size: 13px;
}

.font10 {
  font-size: 10px;
}

.f8 {
  font-size: 8px !important;
}

.f10 {
  font-size: 10px !important;
}

.f18 {
  font-size: 18px !important;
}

.font14 {
  font-size: 14px;
  font-weight: normal;
}

.font12 {
  font-size: 12px;
  font-weight: normal;
}

.font18 {
  font-size: 18px;
  font-weight: normal;
}

.font20 {
  font-size: 20px;
  font-weight: normal;
}

.font27 {
  font-size: 27px;
  font-weight: normal;
}

.font-normal {
  font-weight: normal;
}

.fb {
  font-weight: bold;
}

.uc {
  text-transform: uppercase;
}

.pdr5 {
  padding-right: 5px !important;
}

.mar0-11 {
  margin: 0px 11px;
}

.martop-5 {
  margin-top: -5px;
}

.martop6 {
  margin-top: 6px;
}

.martop10 {
  margin-top: 10px;
}

.martop12 {
  margin-top: 12px;
}

.martop16 {
  margin-top: 16px;
}

.martop20 {
  margin-top: 20px;
}

.martop30 {
  margin-top: 30px;
}

.martop18 {
  margin-top: 18px;
}

.martop15 {
  margin-top: 15px;
}

.martop54 {
  margin-top: 54px;
}

.martop45 {
  margin-top: 45px;
}

.martop40 {
  margin-top: 40px;
}

.martop50 {
  margin-top: 50px;
}

.martop60 {
  margin-top: 60px;
}

.martop70 {
  margin-top: 70px;
}

.martop85 {
  margin-top: 85px;
}

.martop30-per {
  margin-top: 30%;
}

.marleft5 {
  margin-left: 6px !important;
}

.mar-right20 {
  margin-right: 20px;
}

.minh57 {
  min-height: 57px;
}

.marbot10 {
  margin-bottom: 20px;
}

.marbot20 {
  margin-bottom: 20px;
}

.marbot30 {
  margin-bottom: 30px;
}

.marbot45 {
  margin-bottom: 45px;
}

.padtop30 {
  padding-top: 30px;
}

.padtop20 {
  padding-top: 20px;
}

.t20 {
  top: 20px !important;
}

.padtop15 {
  padding-top: 15px !important;
}

.pdb150 {
  padding-bottom: 150px;
}

.pdb15 {
  padding-bottom: 15px;
}

.pdb20 {
  padding-bottom: 20px;
}

.pdb50 {
  padding-bottom: 50px;
}

.pdt10 {
  padding-top: 10px;
}

.pdt20 {
  padding-top: 20px;
}
.pdt30 {
  padding-top: 30px;
}

.pd0 {
  padding: 0px;
}

.pd10 {
  padding: 10px;
}

.pdt0 {
  padding-top: 0px !important;
}

.pdr0 {
  padding-right: 0px;
}

.pdl0 {
  padding-left: 0px;
}

.pdl10 {
  padding-left: 10px !important;
}

.pdr10 {
  padding-right: 10px !important;
}

.pdside11 {
  padding: 0px 11px;
}

.pdside15 {
  padding: 0px 15px;
}

.pdside51 {
  padding: 0px 51px;
}

.pdside24 {
  padding: 0px 24px;
}

.pdside39 {
  padding: 0px 39px;
}

.pdud20 {
  padding: 20px 0;
}

.pdud11 {
  padding: 11px 0;
}

.pdud6 {
  padding: 6px 0;
}

.pdud4 {
  padding: 4px 0;
}

.w25 {
  width: 25%;
}

.w33 {
  width: 33.33%
}

.w90 {
  width: 90%
}

.w10 {
  width: 10%
}

.w100 {
  width: 100%
}

.f-l {
  float: left
}

.r5 {
  right: 5% !important;
}

.top17 {
  top: 17% !important
}

.w62p {
  width: 62px
}

.wb { word-break: break-word; }
/*.w174 { width: 174px !important; }*/

.c-p {
  cursor: pointer;
}

.disapper {
  display: none
}

.marbot-20 {
  margin-bottom: -20px;
}


/*.fl { float: left; width: 315px !important; height:  230px !important }*/

#items_list {
  clear: none !important;
}

#items_list>div.item:nth-child(3n+1) {
  clear: none !important;
}

.getfriends {
  margin-left: 2%
}

.rounded-circle {
  border-radius: 50%;
}

.image-round-bx {
  border: 1px solid #e4e5e7;
  border-radius: 2px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  position: relative;
  background: #fff;
  display: block;
  margin-bottom: 2%;
  word-wrap: break-word;
}

.center {
  text-align: center;
}

.text-start {
  text-align: start;
}

.img-width {
  width: 100%;
}

.width100-auto {
  width: 100%;
  height: auto;
}

.width100-h170 {
  width: 100%;
}

.img-width-pro {
  width: 100%;
}

.img-width-update {
  width: 100%;
}

.bdr-bottom {
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 25px;
}

.pdlr10 {
  padding-left: 10px;
  padding-right: 10px;
}

.pdtop15 {
  padding-top: 15px !important;
}

.up-div {
  float: left;
  width: 100%;
  text-align: -webkit-center;
}

.width50 {
  width: 50%
}

.pdlt5 {
  padding-left: 5px;
  padding-top: 5px;
}

.minh101 {
  min-height: 101px;
}

.h85 {
  height: 73px;
}

.disp-inblock {
  display: inline-block
}

.pdt5 {
  padding-top: 5px;
}

.list-view .summary {
    display: none;
}

/*.nav-icon ul li{ float:left; padding:5px 23px; text-align: center; width: 16.50%}*/

.martop11 {
  margin-top: 11px;
}

.martop6 {
  margin-top: 6px;
}

.step-form-text-popup {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  color: #ccc;
  text-align: left;
  margin-bottom: 15px;
}

.empty-icon-color-left {
  color: #34495e;
  font-size: 21px;
}

.empty-icon-color-right {
  color: #FFFFFF;
  font-size: 21px;
}

.cur-working {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: right;
  padding: 0 57px;
}

.cur-working-check {
  margin-top: -5px;
  margin-bottom: 0;
  padding: 0 30px;
}

.cur-working-step {
  float: left;
  width: 100%;
  text-align: right;
  padding: 0 25px;
}

.no-content {
  position: fixed;
  width: 46%;
}

.nav-right-icon {
  display: inline-block;
}

.nav-right-icon ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.nav-right-icon ul li {
  float: left;
  width: 20%;
  padding: 5px 15px;
  text-align: center
}

.nav-right-icon ul li a {
  color: inherit;
  text-decoration: none;
  display: inline-block;
}

.transprent-txt-slider {
  padding: 5px;
  border-bottom: 2px solid #990073;
  background-color: rgba(244, 232, 232, 0.7);
  font-size: 18px;
  color: #34373B;
  position: absolute;
  bottom: 0px;
  width: 100%;
  font-weight: bold;
  margin-bottom: 106px;
  padding-right: 70px;
}
.com-section .transprent-txt {
    color: #fff !important;
}

.transprent-txt {
  padding: 5px 10px;
  font-style: initial;
  background-color: rgba(136, 139, 141, 0.7);
  font-size: 18px;
  color: #34373B;
  position: absolute;
  bottom: 0px;
  width: 100%;
  font-weight: bold;
  border-bottom: 2px solid #990073;
}

.transprent-txt a {
  color: #000099;
}

a {
  outline: none;
  border: none;
}

.post {
  padding: 15px;
  background-color: #000;
  opacity: 0.7;
  font-size: 15px;
  color: #fff;
  position: absolute;
  top: 10px;
  left: 5px;
  font-weight: bold;
  border-radius: 50% 50%;
  border: 2px solid #990073;
  width: 130px;
  height: 130px;
  vertical-align: middle;
  display: table;
  padding: 0;
}

.post>div {
  display: table-cell;
  vertical-align: middle;
  padding: 0px 5px;
}

.image-slider-bx {
  border: 1px solid #e4e5e7;
  border-radius: 2px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  /*float: left;
  width: 100%*/
}

.header-color {
  color: #6a6c6f;
}

.right-hadding {
  font-weight: bold;
  color: rgba(20, 29, 61, 0.8);
  font-size: initial;
  /*background-color: #F4F5F6;*/
}

.blog-border {
  border-width: 1px;
  border-color: rgb(228, 229, 231);
  border-style: solid;
  border-radius: 2px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  background: #fff;
}

.marlr {
  margin: 0px 10px;
}

.prev_image {
  margin: 5px;
  padding-bottom: 5px;
}

.prev_image_cover {
  margin: 5px;
  padding-bottom: 5px;
}

.text .right-hadding {
  font-size: 18px;
  font-weight: bold;
  color: #34495e;
  background-color: #f4f5f6;
}

.view-btn {
  background-color: #331966;
  border: none;
  outline: none;
  border-radius: 3px;
  padding: 7px 15px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  right: 6px;
  bottom: 6px;
}

.side-nav {
  width: 226px;
  border-right: 0px solid #e4e5e7;
  padding-bottom: 0px;
}

.logo {
  min-height: 57px;
}

.slide-img {
  position: absolute;
  right: -16px;
  top: 2px;
  background-image: url(../images/slide-img.png);
  background-repeat: no-repeat;
  width: 21px;
  height: 17px;
  display: none
}

.slide-right-img {
  position: absolute;
  right: -16px;
  top: 2px;
  background-image: url(../images/slide-right-img.png);
  background-repeat: no-repeat;
  width: 21px;
  height: 17px;
}

.edit-profile {
  padding: 30px 20px;
}

.edit-profile-img {
  width: 74px;
  position: absolute;
}

.profile-img-tag {
  max-width: 100%;
  min-width: 100%;
  margin-top: 26%;
}

.edit-profile-txt {
  width: 100%;
  padding-left: 81px;
  padding-top: 15px;
}

.edit-profile-nametxt {
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
}

.rgt20 {
  right: 20%
}

.height33 {
  height: 33% !important;
}

.job-div {
  padding: 10px;
  height: 127px;
}

.red-text {
  color: red;
}

.close-img-2 {
  color: red;
}

.close-img-2:before {
  font-size: 14px;
  font-weight: bold;
  padding-left: 10px;
}

.cuselect select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 1px;
  text-overflow: '';
  padding-right: 0px;
}

.cuselect:after {
  content: "";
  position: absolute;
  background-color: #FFF;
  width: 19px;
  top: 1px;
  bottom: 1px;
  max-height: 48px;
  right: 1px;
  display: none;
}

.cuselect {
  position: relative;
}

#back-Url {
  cursor: pointer
}

.chosen-container-single .chosen-single abbr {
  display: none;
}

.usr-profile-pic input {
  margin: 0 auto
}

.usr-profile-pic {
  padding: 5px;
}


/********************nav css************************/

.chkbox_step5 {
  padding-top: 5%;
  margin-left: 3%;
  margin-bottom: -5%;
  padding-bottom: 3%;
}

.nav-radius,
.panel-group .panel {
  border-radius: 0;
  border-bottom: 1px;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  color: #34495e;
  font-weight: bold;
  text-transform: uppercase;
}

.panel-title a {
  text-decoration: none;
}

.panel-title>a {
  color: inherit
}

.panel-group .panel+.panel {
  margin-top: 0px
}

.panel-body {
  padding: 0px
}

.panel-default>.panel-heading {
  color: #333;
  background-color: #f4f5f6;
  border-color: #e4e5e7;
}

.home-icon {
  background-image: url(../images/home-icon.png);
  background-repeat: no-repeat;
  width: 17px;
  height: 13px;
  background-position: 10px center;
  padding-left: 27px;
}

.side-sub-menu {
  margin: 0px;
  padding: 0px;
}

.side-sub-menu li {
  border-bottom: 1px solid #e4e5e7;
  font-size: 14px;
  font-weight: bold;
  color: #6a6c6f;
  padding: 15px 10px 15px 29px;
  list-style: none;
}

.side-sub-menu li a {
  font-size: 14px;
  color: #6a6c6f;
  text-decoration: none;
  display: block;
  font-weight: bold;
}

.panel-heading .panel-title>a .gray-right-arrow {
  background-image: url(../images/slide-left-arrow.png);
  background-repeat: no-repeat;
  width: 6px;
  height: 9px;
  background-position: right center;
  margin-top: 8px;
}

.panel-heading .panel-title>a .gray-left-arrow {
  background-image: url(../images/down-arrow.png);
  background-repeat: no-repeat;
  width: 8px;
  height: 6px;
  background-position: right center;
  margin-top: 10px;
}

.panel-heading {
  padding: 0;
}

.home-icon {}

.side-bdr-bottom {
  border-bottom: 1px solid #e4e5e7;
}

.panel-heading .panel-title>a {
  padding: 10px 15px 10px 39px;
  outline: none;
  display: inline-block;
  width: 100%;
  height: 48px;
  box-sizing: border-box;
  line-height: 28px;
}

#accordion .panel {
  border-right: 0;
}

.side-sub-menu ul li:last-child {
  border-bottom: 0;
}

.feedback-icon {
  background-image: url(../images/feedback-icon.png);
  background-repeat: no-repeat;
  width: 19px;
  height: 15px;
  background-position: 10px center;
  padding-left: 27px;
}

.caltures-icon {
  background-image: url(../images/caltures-icon.png);
  background-repeat: no-repeat;
  width: 19px;
  height: 17px;
  background-position: 10px center;
  padding-left: 27px;
}

.companies-icon {
  background-image: url(../images/companies-icon.png);
  background-repeat: no-repeat;
  width: 13px;
  height: 17px;
  background-position: 10px center;
  padding-left: 27px;
}

.market-icon {
  background-image: url(../images/market-icon.png);
  background-repeat: no-repeat;
  width: 19px;
  height: 17px;
  background-position: 10px center;
  padding-left: 27px;
}

.jobs-icon {
  background-image: url(../images/jobs-icon.png);
  background-repeat: no-repeat;
  width: 15px;
  height: 13px;
  background-position: 10px center;
  padding-left: 27px;
}

.event-icon {
  background-image: url(../images/event-icon.png);
  background-repeat: no-repeat;
  width: 13px;
  height: 15px;
  background-position: 10px center;
  padding-left: 27px;
}

.lock {
  background-image: url(../images/lock.png);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  background-position: center;
  position: absolute;
  padding: 14px 15px;
}

.community-icon {
  background-image: url(../images/community-icon.png);
  background-repeat: no-repeat;
  width: 17px;
  height: 15px;
  background-position: 10px center;
  padding-left: 27px;
}

.redPaneltab .panel-heading .panel-title>a {
  background-color: #990073;
  color: #fff;
  font-size: 14px;
  padding-left: 28px;
}

.redPaneltab .panel-heading .panel-title>a .gray-left-arrow {
  background-image: url(../images/white-down-arrow.png);
  background-repeat: no-repeat;
  width: 8px;
  height: 6px;
  background-position: right center;
  margin-top: 10px;
}

.redPaneltab .panel-heading .panel-title>a.collapsed .gray-left-arrow {
  background-image: url('../themes/sakuti/images/white-lft-arrow.png');
  background-repeat: no-repeat;
  width: 6px;
  height: 9px;
  background-position: right center;
  margin-top: 8px;
}

.side-nav {
  margin-left: 0;
}

.panel-group {
  margin-bottom: 0px
}

.mainWrapper {
  width: 100%;
  display: table;
}

#y {
  width: 225px;
  display: table-cell;
  vertical-align: top;
  overflow: hidden;
}


/*.wrapperRight{display: table-cell;width:100%; vertical-align: top;}*/

.wrapperRight {
  vertical-align: top;
  margin-left: 226px;
  margin-top: -30px;
  padding-top: 30px;
}

#sidebar-right {
  float: right !important;
}


/*********************font icon*****************/

.demo-icon {
  display: inline-block;
  font-family: "fontello";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1em;
  margin-left: 0.2em;
  margin-right: 0.2em;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  width: 1em;
}

.ibox {
  width: 55px;
  height: 55px;
  display: inline-block;
  border: 1px solid red;
  border-radius: 50%;
  padding-top: 10px
}

.icon-bdr {
  /*    border: 1px solid #990073;*/
  border-radius: 50%;
  display: inline-block;
  width: 2.5em !important;
  height: 2.5em !important;
}


/*.icon-bdr:before {
    font-size: 16px;
}*/

.empty-down-btn {
  text-align: center;
  padding-top: 25px;
}

.icon-position {
  position: absolute;
  left: 5px;
}

.icon-color-gray {
  color: #9da2a7;
}

.message-icon-position {
  position: absolute;
  top: 0px;
  right: 7px;
  color: #999
}

.icon-user-bdr {
  border: 1px solid #9da2a7;
  border-radius: 50%;
  display: block;
  width: 2em !important;
  height: 2em !important;
  color: #9da2a7;
  padding-top: 4px;
}

.header-bg [class*=" icon-"]:before,
.header-bg [class*=" icon-"]:after,
.header-bg [class^="icon-"]:before {
  color: #9da2a7
}

.header-bg .flaticon-indent1:before {
  color: red !important
}

.header-bg .flaticon-sign4:before {
  color: red !important
}

.icon-indent-right,
.flaticon-left32 {
  display: none
}

.flaticon-indent1,
.flaticon-left32 {
  color: #999
}

.header-bg-change-width {
  width: 100%
}

.carousel-control.left {
  background-image: none !important;
  height: 51%
}

.carousel-control.right {
  background-image: none !important;
  height: 51%
}


/*********************profile css*****************/

.profile-bg-img {
  background-image: url(../images/profile-bg.jpg);
  background-repeat: repeat-x;
  height: 242px;
  width: 100%;
}

.profile-name-txt {
  font-size: 24px;
  font-weight: bolder;
  color: #fff;
  white-space: nowrap;
  margin-top: 46px;
}

.profile-right-white-txt {
  font-size: 18px;
  color: #fff;
  font-weight: normal;
  margin-top: 105px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}

.profile-add-text {
  border-top: 1px solid;
  max-width: 505px;
}

.profile-pic {
  border-radius: 3px;
  border: 1px solid #594a41;
}

.edit-curcle {
  width: 31px;
  height: 31px;
  background-color: #05ac3c;
  opacity: 0.7;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  padding-top: 8px;
  position: absolute;
  bottom: 0px;
  left: 40%;
}

.edit-curcle-back {
  width: 31px;
  height: 31px;
  background-color: #05ac3c;
  opacity: 0.7;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  padding-top: 8px;
  position: absolute;
  right: 43%;
  z-index: 555;
}

.profile-gray-bx {
  border: 1px solid #dbdbdb;
  background-color: #f4f5f6;
  padding: 10px;
}

.profile-top-nav {
  margin: 0px;
  padding: 0px;
}

.profile-top-nav li {
  display: inline;
  list-style-type: none;
  color: #9da2a7;
  font-size: 13px;
  padding-right: 12px;
}

.pdr8 {
  padding-right: 8px;
}

.profile-nav-icon {
  display: inline-block;
}

.profile-nav-icon ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}


/*.profile-nav-icon ul li{ float:left; padding:5px 57px; width: 16.5%}*/

.profile-hadding {
  font-size: 18px;
  font-weight: bold;
  color: #34495e;
  border-bottom: 1px solid #dbdbdb;
  background-color: #f4f5f6;
}

.profile-p {
  padding: 21px;
  background: #fff;
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
}

.select-profile-p {
  padding: 90px 15px 15px 15px;
  background: #fff;
  display: inline-block;
  width: 100%
}

.profile-icon-space {
  width: 50px;
  position: absolute;
  left: 15px;
  top: 10px;
}

.profile-icon-detail {
  width: 100%;
  padding-left: 50px;
}

.profile-detail-heading {
  font-size: 15px;
  color: #34495e;
  font-weight: bold;
  padding-right: 20px;
}

.profile-edit-icon {
  position: absolute;
  right: 0px;
  top: 0px;
}

.profile-experience-detail {
  margin: 0px;
  padding: 0px;
  padding-left: 20px;
}

.profile-experience-detail li {
  font-size: 14px;
  color: #6a6c6f;
  margin-top: 10px;
}

.btn-nav {
  margin: 0px;
  padding: 0px;
}

.btn-nav ul {
  margin: 0px;
  padding: 0px;
}

.btn-nav ul li {
  list-style-type: none;
  margin: 5px 10px;
  list-style-type: none;
  float: left;
  background-color: #ffc5f1;
  border: 1px solid #ffd8d6;
  font-size: 14px;
  color: #6a6c6f;
  padding: 8px 10px;
  display: inline-block;
}

.mar-lft12 {
  margin-left: 12px;
}

.marbottom15 {
  margin-bottom: 15px;
}

.add-btn {
  border-radius: 5px;
  padding: 5px 15px;
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #331966;
  border: 0px;
  outline: none;
}

.mar-rht25 {
  margin-right: 50px;
}

.icon-gray-color {
  color: #999 !important;
}

.public-profile-icon-color {
  color: #34495e;
  font-size: 18px;
}

.edit-icon-color {
  color: #9a9a9a;
  font-size: 11px;
}

.edit-icon-color-white {
  color: #fff;
  font-size: 13px;
}

.arrow-icon-position {
  position: absolute;
  top: 16px;
  right: 25px;
}


/*.wrapperRight{border-left: 1px solid #e4e5e7;}*/

.icon-user-bdr1 {
  margin-top: -1px;
  text-align: center
}

.icon-gray-color {
  color: #999 !important;
}

.icon-position,
.icon-bdr {
  color: #990073 !important;
  font-size: 12px;
  margin-bottom: 5px;
}

.icon-setting-position {
  position: absolute;
  top: 3px;
  right: 10px;
}


/**************************contact page css*******************/

.contact-nav-icon {
  display: inline-block;
}

.contact-nav-icon ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.contact-nav-icon ul li {
  float: left;
  padding: 5px 38px;
  text-align: center
}


/**************************notification page css*******************/

.notification-mar-top {
  margin-top: 30px;
}

.notification-save-btn {
  border: 1px solid #331966;
  background-color: #331966; /* comment background-color: #e7f8f2; on 8 April 2019*/
  padding: 8px 0px;
  font-size: 15px;
  color: #FFFFFF; /* comment color: #58cb8e; on 8 April 2019*/
  cursor: pointer;
  text-align: center;
}

.notification-cancle-btn {
  border: 1px solid #990073;
  background-color: #990073; /* comment background-color: #ffe5e5; on 8 April 2019*/
  padding: 8px 0px;
  font-size: 15px;
  color: #FFFFFF;  /* comment color: #ff695e; on 8 April 2019*/
  cursor: pointer;
  text-align: center;
}

.notification-rideo-bx {
  border: 1px solid #e4e5e7;
  font-size: 14px;
  color: #34495e;
  font-weight: bold;
  background-color: #fff;
  padding: 12px;
}


/**************************account page css*******************/

.quick-help-btn {
  background-color: #331966;
  border-radius: 3px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  padding: 3px 20px;
  margin: 0 auto;
  border: none;
}

.red-curcle {
  background-color: #990073;
  height: 37px;
  width: 37px;
  margin: 0 auto;
  border-radius: 50%;
  position: relative;
  text-align: center;
}

.brown-curcle {
  background-color: #e7914c;
  height: 37px;
  width: 37px;
  margin: 0 auto;
  border-radius: 50%;
  position: relative;
  text-align: center;
}

.silver-curcle {
  background-color: #c0c0c0;
  height: 37px;
  width: 37px;
  margin: 0 auto;
  border-radius: 50%;
  position: relative;
  text-align: center;
}

.gold-curcle {
  background-color: #ffd700;
  height: 37px;
  width: 37px;
  margin: 0 auto;
  border-radius: 50%;
  position: relative;
  text-align: center;
}

.account-txt {
  font-size: 12px;
  color: #34495e;
  font-weight: bold;
}

.account-icons-setting {
  color: #fff;
  line-height: 37px;
  text-align: center;
}

.account-detail {
  margin: 10px 0px 20px 0px;
  padding: 14px;
  border: 1px solid #e4e5e7;
  background-color: #f4f5f6;
}

.account-detail ul {
  margin: 0px;
  padding: 0px 0px 0px 14px;
}

.account-detail ul li {
  font-size: 13px;
  color: #34495e;
  padding-top: 10px;
}

.identity-bdr {
  border: 1px solid #e4e5e7;
  background-color: #fff;
  padding: 7px;
}

.account-green-bg {
  background-color: #331966;
  padding: 7px 10px;
}

.account-red-bg {
  background-color: #990073;
  padding: 7px 10px;
}

.white-txt {
  color: #fff !important;
}

.brown-txt {
  color: #e7914c;
}

.silver-txt {
  color: #c0c0c0;
}

.gold-txt {
  color: #ffd700;
}

.pd7 {
  padding: 7px;
}

.account-setting-table {}

.account-setting-table tr td {
  width: 25%;
}

.select-bx-white,
.select-bx-white_1 {
  background-color: rgb(255, 255, 255);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  height: 674px;
  position: absolute;
  top: -90px;
  width: 100%;
  z-index: 999;
}

.select-bx-white_1 {
  height: 726px;
}

.account-girl-img {
  border-radius: 50% 50%;
  width: 45px;
  height: 45px;
  border: 3px solid #fff;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  margin: -20px auto 0px;
}

.flaticon-checked8 {
  position: relative;
  z-index: 999;
}


/**************************blog category page css*******************/

.blog-border-bottom-red {
  border-bottom: 2px solid #990073;
}

.blog-black-curcle {
  width: 125px;
  height: 125px;
  background-color: #000;
  color: #fff;
  font-size: 24px;
  border-radius: 50%;
  opacity: 0.7;
  cursor: pointer;
  position: absolute;
  left: calc(50% - 50px);
  top: calc(50% - 50px);
  padding: 15px;
  line-height: 35px;
  box-sizing: border-box;
}


/**************************blog style page css*******************/

.blog-style-user-bx {
  width: 121px;
  position: absolute;
  left: 10px;
  top: 20px;
  border-right: 1px solid #c6c6c6;
  font-weight: bold;
  padding-right: 10px;
}

.blog-style-user-heading {
  padding-left: 145px;
  font-size: 20px;
  color: #34495e;
  font-weight: bold;
  word-break: break-word;
}

.blog-style-user-img {
  border-radius: 5px;
  width: 36px;
}

.blog-style-user-text {
  color: #007aff;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
}

.blog-small-nav {}

.blog-small-nav ul {
  margin: 0px;
  padding: 0px;
}

.blog-small-nav ul li {
  list-style-type: none;
  font-size: 12px;
  color: #6a6c6f;
  display: inline-block;
  text-transform: uppercase;
  padding: 5px 7px;
}


/*.blog-style-gray-bg{ border-top:1px solid #e3e3e3; background-color: #f4f5f6; margin-bottom: -2px; width: 100%;}
.blog-style-gray-bg ul{ margin: 0px; padding: 0px;}
.blog-style-gray-bg ul li{  list-style-type: none; display: inline-block; padding: 5px 17px;}*/

.blog-style-gray-bg-r {
  border-top: 1px solid #e3e3e3;
  background-color: #f4f5f6;
  margin-bottom: -2px;
  width: 100%;
}

.blog-style-gray-bg-r ul {
  margin: 0px;
  padding: 0px;
}

.blog-style-gray-bg-r ul li {
  list-style-type: none;
  display: inline-block;
  padding: 5px 17px;
}

.icon-bdr-gray {
  /*    border: 1px solid #990073;*/
  border-radius: 50%;
  display: inline-block;
  width: 2.5em !important;
  height: 2.5em !important;
  color: #990073;
  font-size: 14px;
  margin-bottom: 6px;
}

.icon-bdr-gray:before {
  font-size: 16px;
}

.blog-dark-blue-bg {
  background-color: #445f7a;
  padding: 20px;
}

.lorem-text {
  font-size: 16px;
  color: #000;
  font-style: italic;
}

.lorem-text:first-letter {
  font-size: xx-large;
}

.sedup-text {
  font-size: 24px;
  color: #9a9a9a;
}

.girl-img-center {
  width: 110px;
  margin: 0 auto;
}

.martop4 {
  margin-top: 4px;
}

.pdr-4 {
  padding-right: 4px;
}

.pdl0 {
  padding-left: 0px !important;
}

.img-min-height {
  min-height: 296px;
}


/**************************individual page css*******************/

.individual-heading {
  color: #34495e;
  font-size: 26px;
  font-weight: bold;
}

.individual-normal-heading {
  color: #34495e;
  font-size: 20px;
  font-weight: normal;
}

.pd22 {
  padding: 22px;
}

.individual-top-icon {}

.individual-top-icon ul {
  margin: 0px;
  padding: 0px;
}

.individual-top-icon ul li {
  list-style-type: none;
  display: inline-block;
  padding: 5px 4px;
}

.individual-pra {
  padding: 10px;
  border-left: 5px solid #222;
  font-style: italic;
}

.individual-text-box {
  padding: 12px;
  border: 1px solid #dbdbdb;
  background-color: #f4f5f6;
  border-radius: 15px;
  font-size: 12px;
  color: #6a6c6f;
  width: 100%;
}

.individual-user-img {
  position: absolute;
  left: 10px;
  top: 4px;
  width: 100px;
}

.individual-user-textarea {
  padding-left: 110px;
  width: 100%;
}

.individual-image-round-bx {
  border-width: 1px;
  border-color: rgb(228, 229, 231);
  border-style: solid;
  border: 1px solid #e4e5e7;
  border-radius: 2px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 999;
  background: #fff;
  display: block;
  float: left;
  width: 100%;
}

.pdr16 {
  padding-right: 16px;
}

.comments {
  padding: 10px;
  margin: 10px 0px;
  width: 100%;
  border-top: 1px solid rgba(153, 153, 153, 0.45);
  float: left;
}

.individual-gray-bg {
  padding: 10px;
  background-color: #f5f5f5;
  width: 100%;
  float: left;
  border-bottom: 1px solid #999;
}

.comments h4.media-heading {
  color: #990073;
}

.comments h4,
.individual-gray-bg h4 {
  font-size: 14px;
  margin: 0;
}

.mb10 {
  margin-bottom: 10px;
}

.section-content p {
  font-size: 16px;
}

.pdl50 {
  padding-left: 50px;
}

.comments .media-left img,
.individual-gray-bg .media-left img {
  width: 40px;
  height: 40px;
}


/**************************community category page css*******************/

.community-category-nav-icon {
  display: inline-block;
}

.community-category-nav-icon ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.community-category-nav-icon ul li {
  float: left;
  padding: 5px 15px;
  text-align: center
}

.community-transprent {
  background-color: #000;
  top: 0;
  color: #fff;
  opacity: 0.7;
  padding: 5px 10px;
  position: absolute;
  width: 100%;
  left: 0;
}

.community-transprent ul {
  margin: 0px;
  padding: 0px;
}

.community-transprent ul {
  margin: 0px;
  padding: 0px;
}

.com_desc {
  height: 141px;
}

.community-transprent ul li {
  list-style-type: none;
  display: inline-block;
  padding: 5px 21px;
}

.community-transprent ul li a {
  color: #fff;
  font-size: 13px;
}

.community-transprent ul li a:hover {
  text-decoration: none;
}

.icon-bdr-white {
  /*    border: 1px solid #fff;*/
  border-radius: 50%;
  display: inline-block;
  width: 2.5em !important;
  height: 2.5em !important;
  padding-top: 2px;
  color: #fff;
}


/**************************specific community page css*******************/

.specific-img-border {
  border: 2px solid #d3d3d3;
}

.specific-transprent-txt {
  background-color: #000;
  bottom: 0;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  opacity: 0.7;
  padding: 5px;
  position: absolute;
  width: 100%;
}

.specific-profile-p {
  background: #fff none repeat scroll 0 0;
  display: inline-block;
  padding: 0px 15px 15px 15px;
  width: 100%;
}

.bdr-radius5 {
  border-radius: 5px;
  background-color: #f0f0f0;
}

.specific-red-text {
  color: #990073;
  font-size: 15px;
  font-weight: bold;
}

.specific-img-part {
  position: absolute;
  width: 66px;
  left: 0px;
  top: 0px;
}

.specific-txt-part {
  padding-left: 76px;
  width: 100%;
}

.specific-gray-bx {
  border: 1px solid #dbdbdb;
  background-color: #f4f5f6;
  padding: 5px;
}

.specific-nav-icon {
  display: inline;
}

.displayInline {
  display: inline !important;
}

.specific-nav-icon ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.specific-nav-icon ul li {
  float: left;
  padding: 10px 20px;
  /*width:114px;*/
  width: 105px;
}

.width75 ul li {
  width: 70px !important;
}

.specific-nav-icon ul li a {
  color: inherit;
  text-decoration: none;
  display: inline-block;
}

.specific-nav-icon ul li {
      padding: 0px 0px !important;
      margin: 10px;
   }
   
.specific-green-bx {
  background-color: #331966;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  height: 20px;
  padding-top: 2px;
  position: absolute;
  right: -5px;
  text-align: center;
  top: -6px;
  width: 20px;
}


/**************************login page css*******************/

.login-header {
  border-bottom: 3px solid #990073;
  padding: 15px 0px;
}

.home-page-img1 {
    background-image: url(../images/bg/login-bg-1.jpg);
}
.home-page-img2 {
    background-image: url(../images/bg/login-bg-2.jpg);
}
.home-page-img3 {
    background-image: url(../images/bg/login-bg-3.jpg);
}
.home-page-img4 {
    background-image: url(../images/bg/login-bg-4.jpg);
}
.home-page-img5 {
    background-image: url(../images/bg/login-bg-5.jpg);
}
.home-page-img6 {
    background-image: url(../images/bg/login-bg-6.jpg);
}
.home-page-img7 {
    background-image: url(../images/bg/login-bg-7.jpg);
}
.home-page-img8 {
    background-image: url(../images/bg/login-bg-8.jpg);
}
.home-page-img9 {
    background-image: url(../images/bg/login-bg-9.jpg);
}
.home-page-img10 {
    background-image: url(../images/bg/login-bg-10.jpg);
}
.home-page-img11 {
    background-image: url(../images/bg/login-bg-11.jpg);
}
.home-page-img12 {
    background-image: url(../images/bg/login-bg-12.jpg);
}
.home-page-img13 {
    background-image: url(../images/bg/login-bg-13.jpg);
}
.home-page-img14 {
    background-image: url(../images/bg/login-bg-14.jpg);
}
.home-page-img15 {
    background-image: url(../images/bg/login-bg-15.jpg);
}

.login-middle {
  height: auto;
  padding: 45px 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.login-middle-r-top {
  font-size: 16px;
  color: #fff;
}

.login-footer {
  padding: 10px 0px;
}

.login-input {
  border: 1px solid #ccc;
  background-color: #fff;
  color: #b4b4b4;
  font-size: 13px;
  border-radius: 2px;
  padding: 11px 6px;
  box-sizing: border-box;
  width: 100%;
}

.login-btn {
  background-color: #990073;
  color: #fff;
  font-size: 14px;
  border-radius: 2px;
  font-weight: bold;
  padding: 12px;
  text-align: center;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
}

.login-registration-input {
  border-radius: 2px;
  background-color: #fff;
  color: #b4b4b4;
  font-size: 13px;
  border: none;
  width: 100%;
  padding: 12px;
}

.underline {
  text-decoration: underline;
}

.w48 {
  width: 48%;
}

.login-pra {
  font-size: 11px;
  color: #fff;
}

.login-footer-left-nav {}

.login-footer-left-nav ul {
  margin: 0px;
  padding: 0px;
}

.login-footer-left-nav ul li {
  list-style-type: none;
  display: inline-block;
  border-left: 1px solid #6a6c6f;
  padding: 10px 25px;
}

.login-footer-left-nav ul li a {
  list-style-type: none;
  display: inline-block;
  padding: 3px 25px;
  text-decoration: none;
  color: #6a6c6f;
  font-size: 14px;
}

.login-footer-left-nav ul li:first-child {
  border-left: 0px solid #6a6c6f;
  padding: 10px 25px 10px 0px;
}

.login-footer-left-nav ul li:last-child {
  border-left: 1px solid #6a6c6f;
  padding: 0px 25px;
}

.pdr20 {
  padding-right: 20px;
}

.l-lft {
  float: left;
}

.culrural-text {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 43px;
  color: #fff;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.login-user-img {
  position: absolute;
  width: 35px;
  top: 9px;
  left: 0px;
}

.login-user-text-bx {
  padding-left: 35px;
  box-sizing: border-box;
}

.pdr7 {
  padding-right: 7px;
}

.keep-text {
  font-size: 11px;
  color: #6a6c6f;
}
.front-page-text {
    text-align: -webkit-center;
    font-size: 40px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.keep-it {
    font-size: 25px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    padding: 0 30px 0  0;
}

.marb20-media {
  margin-bottom: 0px;
}

.pdr30-media {
  padding-right: 30px;
}

.logo-part {
  width: 130px;
  position: absolute;
  left: 0px;
  top: 16px;
}

.login-top-part {
  width: 570px;
  float: right;
}

.width30-media {
  width: 210px;
  padding-right: 15px;
}

.width100-media {
  width: 100px;
  padding-right: 0px;
}

.multi_select span {
  font-size: larger;
}


/**************************step page css*******************/

.step-header {
  border-bottom: 1px solid #e4e5e7;
  padding: 15px 0px;
}

.step-heading {
  font-size: 20px;
  color: #34495e;
  font-weight: bold;
  border-bottom: 1px solid #34495e;
  padding-bottom: 16px;
}

.step-form-text {
  font-size: 14px;
  color: #34495e;
  padding-top: 7px;
}

.step-input {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  border: 1px solid #cccccc;
  border-radius: 2px;
  font-size: 13px;
  color: #b4b4b4;
  padding: 8px;
  width: 100%;
}

.step-calendar-input {
  border: 1px solid #cccccc;
  border-radius: 2px;
  font-size: 13px;
  color: #b4b4b4;
  padding: 15px 32px 15px 15px;
  width: 100%;
}

.step-calendar-icon {
  position: absolute;
  width: 19px;
  height: 21px;
  background-image: url(../images/calendar-icon.png);
  background-repeat: no-repeat;
  right: 1px;
  top: 15px;
  cursor: pointer;
}

.next-button {
  border-radius: 2px;
  font-weight: bold;
  font-size: 15px;
  color: #fff;
  cursor: pointer;
  border: none;
  background-color: #a3357d;
  padding: 15px 35px;
  text-align: center;
  float: right;
}

.next-new-button {
  border-radius: 2px;
  font-weight: bold;
  font-size: 15px;
  color: #fff;
  cursor: pointer;
  border: none;
  padding: 10px 70px 10px 30px;
  float: right;
  background: #331966 url(../images/right-white-arrow.png)70% center;
  background-repeat: no-repeat;
  text-align: center;
}

.step-footer {
  border-top: 1px solid #ddd;
  padding-bottom: 32px;
}

.w50 {
  width: 50px;
}

.w80 {
  width: 80px;
}

.step-top-r {
  width: 130px;
  float: right;
}

.step-user-icon {
  width: 50px;
  position: absolute;
  top: 0px;
  left: 0px;
}

.step-user-text {
  width: 100%;
  padding-left: 50px;
  padding-top: 7px;
}

.scroll-dv {
  width: 100%;
  overflow: hidden;
}

.step-top-border {
  border-top: 1px solid #edf0f5;
}

.step-datial {
  float: left;
  width: 1120px;
  padding-bottom: 25px;
}

.step-datial ul {
  margin: 0px;
  padding: 0px;
}

.step-datial ul li {
  float: left;
  display: inline-block;
  padding-right: 20px;
  list-style-type: none;
  width: 140px;
  box-sizing: border-box;
}

.step-datial ul li:last-child {
  padding-right: 0px;
}

.step-detail-text {
  font-size: 14px;
  text-align: center;
  color: #34495e;
  margin-top: 16px;
}

.step-bdr-cursor {
  border-radius: 50%;
  color: #adbad4;
  background-color: #edf0f5;
  display: inline-block;
  height: 62px !important;
  padding-top: 9px;
  width: 62px !important;
}

.step-bdr-cursor:hover,
.complatedSetup .step-bdr-cursor {
  border-radius: 50%;
  color: #fff;
  background-color: #990073;
  display: inline-block;
  height: 62px !important;
  padding-top: 9px;
  width: 62px !important;
}

.step-radio-text {
  font-size: 14px;
  color: #34495e;
}

.pdr14 {
  padding-right: 10px;
}

.pdr34 {
  padding-right: 15px;
}

.step-7-gray-bx {
  background-color: #f4f5f6;
  border: 1px solid #dbdbdb;
  padding: 12px;
}

.skip-space {
  width: 60px;
  position: relative;
  float: right;
}

.skip-space-r {
  width: 28px;
  position: absolute;
  float: right;
  top: -2px;
  right: 0px;
}

.skip-space-r a {
  color: #aaa;
  text-decoration: none;
}

.skip-space-text {
  padding-right: 28px;
  width: 100%;
}

.skip-space-text a {
  color: #aaa;
  text-decoration: underline;
}

.step-datial ul li,
.step-datial ul li div {
  position: relative;
}

.step-datial ul li+li:before {
  content: '';
  position: absolute;
  top: 30px;
  z-index: -1;
  right: 45%;
  border: 1px solid #edf0f5;
  width: 100%;
}

.step-datial ul li+li.complatedSetup:before {
  content: '';
  position: absolute;
  top: 30px;
  z-index: -1;
  right: 45%;
  border: 1px solid red;
  width: 100%;
}


/*.step-datial ul li:before{content: ''; position: absolute; top:0; right:0%; border:1px solid red; width: 100%;}*/

.successfully-box {
  width: 60%;
  margin: 0 auto;
}

.successfully-red-text {
  font-size: 30px;
  color: #990073;
  font-weight: normal;
}

.successfully-black-text {
  font-size: 15px;
  color: #34495e;
  font-weight: normal;
}

.wdt90 {
  width: 90%;
  margin: 0 auto;
}

.successfully-bottom-top {
  background-color: #f5f5f5;
  border-top: 1px solid #e8e8e8;
  padding: 12px 0px 20px 0px;
  font-size: 13px;
  font-weight: normal;
  color: #34495e;
  background: #f5f5f5;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f5f5f5 0%, #fff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #fff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f5f5f5 0%, #fff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f5f5f5 0%, #fff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f5f5f5 0%, #fff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f5f5f5 0%, #fff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#fcfcfc', GradientType=0);
  /* IE6-9 */
}

.successfully-gray-input {
  background-color: #f4f5f6;
  border: 1px solid #dbdbdb;
  border-radius: 3px;
  padding: 12px;
  text-align: center;
  font-size: 15px;
  color: #777;
  text-transform: uppercase;
}

.successfully-gray-input:hover {
  text-decoration: none;
}

.txt-ho {
  text-decoration: none;
}

.txt-ho a {
  text-decoration: none;
}

.txt-ho a:hover {
  text-decoration: none;
}


/**************************import contact page css*******************/

.import-contact-box {
  background-color: #fff;
  width: 45%;
  margin: 0 auto;
}

.import-contact-top {
  background-color: #f4f5f6;
  border-bottom: 1px solid #dbdbdb;
  padding: 10px;
}

.imoort-close-btn {
  background: transparent;
  background-color: none;
  border: none;
}

.red-icon {
  font-size: 30px;
  color: #990073;
}

.import-contact-text {
  color: #34495e;
  font-size: 18px;
  font-weight: normal;
}

.f-none {
  float: none;
}

.import-contact-skip-space {
  float: right;
  position: absolute;
  right: 0;
  top: 16px;
  width: 60px;
}

.import-contact-skip-img {
  padding-left: 38px;
  width: 100%;
}

.import-contact-skip-text {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 36px;
  color: #aaa;
  font-size: 16px;
}

.import-contact-skip-text a {
  color: #aaa;
}


/***********************activated page css********************/

.activated-header {
  border-bottom: 1px solid #e4e5e7;
  padding: 15px 0px;
  background-color: #f7f9fa;
}

.activated-input {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-sizing: border-box;
  color: #b4b4b4;
  font-size: 12px;
  padding: 11px 6px;
  text-align: left;
  width: 100%;
}

.activated-btn {
  background-color: #990073;
  color: #fff;
  font-size: 14px;
  border-radius: 2px;
  font-weight: bold;
  padding: 12px;
  text-align: center;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
}

.rdb3 {
  float: left;
  padding-right: 21px;
  padding-left: 9px;
}

.rbl3 {
  float: left;
}

.setup-btn {
  background-color: #990073;
  color: #fff;
  font-size: 14px;
  border-radius: 2px;
  font-weight: bold;
  padding: 12px;
  text-align: center;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
}

.w60 {
  width: 60% !important
}

.form-green-btn {
  border-radius: 2px;
  font-weight: bold;
  font-size: 15px;
  color: #fff;
  cursor: pointer;
  border: none;
  background-color: #331966;
  padding: 15px 35px;
  text-align: center;
}

.selecter input {
  height: 36px;
  border-radius: 0;
}

.padrt0 {
  padding-right: 0;
}

.padrt90 {
  padding-right: 90px;
}

a.next-button:hover {
  text-decoration: none;
  color: #fff;
}

.step-form-text1 {
  font-size: 14px;
  color: #34495e;
  padding-top: 8px;
}

.step-input1 {
  border: 1px solid #cccccc;
  border-radius: 2px;
  font-size: 13px;
  color: #b4b4b4;
  padding: 7px;
  width: 100%;
}

.chosen-container-single .chosen-default {
  color: #777;
  width: 100%;
  /*  height: 52px;*/
}

.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
  width: 100%;
  right: 0;
}

.chosen-container-single .chosen-search {
  margin: 0;
  padding: 3px 4px;
  width: 100%;
  position: relative;
  white-space: nowrap;
  z-index: 1000;
}

.chosen-container-single .chosen-single {
  background-color: #fff;
  background-repeat: repeat-x;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  color: #555;
  display: block;
  overflow: hidden;
  line-height: 24px;
  padding: 0 0 0 8px;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
}

.chosen-container-single .chosen-single span {
  display: block;
  margin-right: 26px;
  margin-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  text-align: left;
}

.form-group label {
  text-transform: uppercase;
}

.form-group {
  /*text-transform: uppercase;*/
  font-size: 11px;
  font-weight: 600;
/*  color: #ccc;*/
  margin-bottom: 15px;
  width: 100%;
  min-width: 111px ! important;
}

.chosen-container-multi .chosen-choices .search-field .default {
  color: #777;
  height: 50px;
}

.chosen-container-multi .chosen-choices .search-field input {
  background: transparent !important;
  border: 0 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #555;
  height: 34px;
  margin: 0 0 0 8px;
  padding: 4px;
  outline: 0;
}

.step-dynamic-input-position {
  border: 1px solid #cccccc;
  border-radius: 2px;
  font-size: 13px;
  color: #b4b4b4;
  margin-left: 5%;
  padding: 15px;
  width: 100%;
}

.filterinner li .gray_img {
  background-image: url(../images/CheckBox2.png);
  background-repeat: no-repeat;
  text-transform: none;
  background-position: 151px -3px;
}

.filterinner li .gray_img:hover {
  background-image: url(../images/CheckBox1.png);
}

.filterinner li .active {
  background-image: url(../images/CheckBox1.png);
}

.icon2 {
  background: url(../images/icon_2.png);
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
}


/***********************photo page css********************/

.photo-heading-bg {
  background-color: #f4f5f6;
  border: 1px solid #dbdbdb;
  padding: 10px 15px;
  color: #34495e;
  font-size: 20px;
}

.photo-black-bg {
  width: 100%;
  position: relative;
  height: 100%;
}

.overlayview {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: none;
}

.overlayview-whitetxt {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  color: #fff;
}

.photo-black-bg:hover .overlayview {
  display: block;
}

.overlayview-pic {
  width: 40px;
  height: 40px;
  border: 1px solid #aba8a9;
  border-radius: 50%;
}

.fr-right {
  float: right;
}

.floatingsidebarfixed {
  position: fixed !important;
  bottom: 0px;
  min-height: 100%;
}

#y {
  position: absolute;
  left: 0px;
  top: 0px;
}


/** CSS to fix validation error display and related adjustments **/

.help-block {
  margin-top: 0px;
}

.login-user-text-bx,
.input-container {
  position: relative;
}

.login-user-text-bx p {
  position: absolute;
  top: 42px;
  left: 35px;
}

#form-signup .input-container p {
  position: absolute;
  top: 45px;
  left: 0px;
  color: #fff;
}

.help-block-error {
  font-size: 12px;
}

.login-header {
  padding-bottom: 0px;
}

#form-signup .form-group {
  margin-bottom: 0px;
}

#login-form .form-group {
  margin-bottom: 11px;
}

a.next-button:hover {
  text-decoration: none;
  color: #fff;
}


/** CSS to fix validation error display and related adjustments Ends **/

.wd50 {
  width: 50%;
  margin-right: 5%;
}

.search-box-input {
  border: 1px solid #cccccc;
  border-radius: 2px;
  font-size: 13px;
  color: #b4b4b4;
  margin-left: 5%;
  padding: 5px;
  width: 100%;
  display: none;
}

.notification-box {
  padding: 5px 5px;
  float: left;
  position: absolute;
  color: #FFFFFF;
  width: 270px;
  z-index: 100;
  right: -40px;
  border: 1px;
  display: none;
}

.notification-box-top {
  height: 20px;
  width: 20px;
  left: 210px;
  position: absolute;
  background-color: #363636;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


/*added on 01-09-2015*/

.contact-2 .img-width,
.disccusion-2 .img-width {
  max-height: initial !important;
}

.contact-2 .transprent-txt {
  background-color: rgba(255, 255, 255, .8);
  color: #222;
  text-align: center;
}

.disccusion-2 .dishead {
  font-size: 18px;
  font-weight: bold;
  color: #34495e;
  padding: 15px;
  padding-bottom: 0px;
}

.disccusion-2 .image-slider-bx {
  margin-top: 16px;
}

.disccusion-2 .photo-heading-bg {
  margin-bottom: 15px;
}

.disccusion-2 .specific-transprent-txt {
  opacity: 1;
  background-color: rgba(0, 0, 0, .7);
  padding: 10px;
  border-bottom: 2px solid #990073;
}

.pdlr15 {
  padding-left: 15px;
  padding-right: 15px;
}

.pd20 {
  padding: 20px;
}

.disccusion-2 .list-inline {
  margin-bottom: 0px;
}

.disccusion-2 blockquote {
  font-size: 14px;
  color: #6a6c6f;
  font-style: italic;
  border-left: 5px solid #222222;
}

.sclink li {
  margin-bottom: 5px;
}

.mb5 {
  margin-bottom: 5px;
}

.sp-selected-thumbnail:after {
  content: "";
  background-image: url('../images/img-selected.png');
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-size: 100% 100%;
}

.sp-thumbnail-container {
  max-height: 67px;
}


/*added 02-09*/

.slider-pro .sp-previous-arrow:before,
.slider-pro .sp-next-arrow:before,
.slider-pro .sp-next-thumbnail-arrow:before,
.slider-pro .sp-previous-thumbnail-arrow:before {
  content: "";
  background-image: url('../images/slideshow-arrow-left.png');
  background-repeat: no-repeat;
  width: 33px;
  background-position: center center;
  height: 80px;
  background-color: rgba(0, 0, 0, .7);
  transform: none;
  left: 0px;
}

.slider-pro .sp-previous-arrow:after,
.slider-pro .sp-next-arrow:after,
.slider-pro .sp-next-thumbnail-arrow:after,
.slider-pro .sp-previous-thumbnail-arrow:after {
  content: none;
}

.slider-pro.sp-horizontal .sp-previous-arrow {
  left: 0px;
}

.slider-pro .sp-next-arrow:before {
  left: auto;
  background-image: url('../images/slideshow-arrow-right.png');
  right: 0px;
}

.slider-pro.sp-horizontal .sp-next-arrow {
  right: 0px;
}

.slider-pro .sp-next-thumbnail-arrow:before,
.slider-pro .sp-previous-thumbnail-arrow:before {
  background-image: url('../images/slideshow-right.png');
  background-color: white;
  right: 0px;
  left: auto;
  top: 0px;
  height: 67px;
  width: 28px;
  margin-top: -22px;
}

.slider-pro .sp-thumbnail-arrow {
  height: 67px;
}

.slider-pro .sp-previous-thumbnail-arrow:before {
  background-image: url('../images/slideshow-left.png');
  left: 0px;
  right: auto;
}

.sp-horizontal .sp-arrows {
  margin-top: -37px;
}

.slider-pro div.sp-layer {
  position: absolute;
  bottom: 0px;
  background-color: rgba(0, 0, 0, .7);
  top: auto !important;
  margin: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  padding: 15px;
  color: #fff;
}

.slider-pro div.sp-layer a {
  color: inherit;
}

.pro-thumb {
  border-radius: 3px;
  border: 1px solid #adadad;
}

.slider-pro div.sp-layer ul {
  margin-bottom: 0px;
}

.profile-info>.pull-left {
  padding-right: 13px;
  margin-right: 12px;
  border-right: 1px solid #adadad;
}

.pro-desc {
  padding-left: 64px;
  font-style: italic;
  font-weight: bold;
}

.btn-rounded {
  border: 1px solid #fff;
  border-radius: 15px;
  padding: 5px 12px;
}

.btn-rounded img {
  vertical-align: top;
  padding-top: 3px;
}

.count {
  display: inline-block;
  position: relative;
  background-color: #000;
  border: 1px solid white;
  border: 1px solid rgba(255, 255, 255, .6);
  padding: 3px 13px;
  border-radius: 3px;
  margin-left: 10px;
  vertical-align: middle;
}

.count:after,
.count:before {
  content: "";
  border-right: 5px solid #000;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  display: block;
  position: absolute;
  left: -5px;
  top: 50%;
  margin-top: -3px;
}

.count:before {
  left: -6px;
  border-right: 5px solid #fff;
}

.slideshow {
  position: absolute;
  left: 0px;
  bottom: 100%;
  background-color: rgba(255, 255, 255, .1);
  padding: 6px;
  border-radius: 8px;
  margin-bottom: 38px;
  cursor: initial;
  display: none;
}

.slideshow-profile {
  min-width: 550px;
}

.slideshow:after,
.slideshow>div:after {
  content: "";
  position: absolute;
  display: inline-block;
  border-top: 15px solid rgba(255, 255, 255, .1);
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  top: 100%;
  left: 15px;
}

.slideshow:after {
  left: 18px;
  margin-top: -2px;
  border-top-width: 20px;
  border-left: 11px solid transparent;
  border-right-width: 11px;
}

.slideshow-share:after,
.slideshow-comment:after {
  left: 50%;
  margin-left: -11px;
}

.slideshow-share>div:after,
.slideshow-comment>div:after {
  left: 50%;
  margin-left: -8px;
}

.close-pop {
  position: absolute;
  right: 13px;
  top: 9px;
}

.slideshow>div:after {
  border-top: 15px solid #fff;
}

.slideshow>div {
  background-color: #fff;
  color: #222;
  border-radius: 8px;
  position: relative;
}

.pop-head {
  background-color: #990073;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  position: relative;
  padding: 12px 32px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 24px;
  color: #fff;
}

.pro-med-thumb {
  float: left;
  width: 85px;
  height: 85px;
}

.pro-med-thumb img {
  width: 100%;
  border-radius: 5px;
  border: 3px solid #fff;
}

.pro-head-desc {
  padding-left: 94px;
}

.pop-desg {
  padding-left: 128px;
  padding-top: 8px;
  font-weight: bold;
  color: #34495e;
  font-weight: bold;
  font-size: 18px;
  padding-right: 15px;
}

.locs {
  clear: both;
  padding: 15px 0;
  margin-left: 32px;
  margin-right: 32px;
  border-bottom: 1px solid #e9eaed;
  margin-bottom: 10px;
}

.locs ul {
  width: 100%;
}

.locs ul li {
  width: 32.33%;
}

.qlinks {
  padding: 15px 22px;
}

.qlinks li {
  width: 19%;
}

.has-opened-popup .sp-arrows {
  display: none;
}

.share-qlinks {
  padding: 32px;
}

.slideshow-share {
  left: auto;
  right: 50%;
  width: 410px;
  margin-right: -205px;
  z-index: 9999;
}

.share-qlinks a:hover .icon-bdr-gray {
  color: #990073;
  /*  border: 1px solid #990073;*/
}

.slideshow-comment {
  left: auto;
  right: 50%;
  width: 350px;
  margin-right: -138px;
}

.pop-head-btn {
  float: right;
  margin-right: 15px;
}

.pop-head-btn .btn {
  vertical-align: top;
  padding: 3px 17px;
  color:#fff;
}

.comment-list .comment-d {
  padding-left: 41px;
}

.comment-list {
  padding: 15px 32px;
}

.comment-d span {
  color: #6a6c6f;
  font-size: 10px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  text-transform: capitalize;
}

.comment-d p {
  color: #6a6c6f;
  font-size: 11px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}

.comment-list .list-unstyled {
  max-height: 200px;
  overflow-y: scroll;
}

.newcomment {
  padding: 10px 0px;
}

.newcomment textarea {
  padding: 10px;
  border: 1px solid #dbdbdb;
  border-radius: 15px;
  resize: vertical;
  width: 100%;
  height: 50px !important;
}
.newcomment p {
    font-size: 10px;
}
.cus79 .col-lg-6 {
  margin-bottom: 20px;
}

.cus79 .col-lg-6:nth-child(2n+1) {
  clear: both;
}


/*added on 03-09-2015*/

.slideshow-likes {
  left: auto;
  right: 50%;
  width: 350px;
  margin-right: -138px;
}

.slideshow-likes:after {
  left: 50%;
  margin-left: -11px;
}

.slideshow-likes>div:after {
  left: 50%;
  margin-left: -8px;
}

.comment-list li {
  clear: both;
  margin-bottom: 15px;
}

.slideshow-likes .comment-list li:after {
  clear: both;
  content: '';
  display: block;
}

.slideshow-likes .comment-d {
  padding-right: 25px;
}

.slideshow-likes .comment-list .flaticon-heart301 {
  float: right;
  color: #990073;
}

.comment-list {
  padding: 22px 32px;
}

.comment-list .list-unstyled {
  max-height: initial;
  overflow-y: visible;
}

.comment-list>div {
  max-height: 200px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp,
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-color: #FFF;
  border: 2px solid #d4dcdd;
  border-radius: 50%;
  background-image: none;
  width: 15px;
  height: 15px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #d4dcdd;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
  border-radius: 50%;
  background-image: none;
  width: 18px;
  height: 18px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #990073;
  box-shadow: 0px 0px 3px #fff;
  margin: 0px;
  width: 16px;
  height: 16px;
  border-right: 50%;
}

.newcomment {
  padding-bottom: 0px;
}

.mainWrapper {
  display: block;
}

.slider-pro div.sp-layer {
  transform: none !important;
}

.sm-pop {
  position: fixed;
  top: 0px;
  left: 50%;
  width: 400px;
  margin-left: -200px;
  z-index: 5655;
}

.sm-pop .slideshow {
  display: block;
  position: static;
}


/*04-09-2015*/

.wh38imp {
  width: 51px !important;
}

.fs21 {
  font-size: 21px
}

.tacenter {
  text-align: center
}

.marleft10 {
  margin-left: 10px
}

.marright10 {
  margin-right: 10px
}

.empty-user-like {
  padding: 0px 10px;
  background-color: #000;
  opacity: 0.7;
  font-size: 18px;
  color: #fff;
  bottom: 0px;
  width: 100%;
  font-weight: bold;
  padding-right: 70px;
}

.martop-51 {
  margin-top: -51px
}

.pos-abs {
  position: absolute
}

.martopnone {
  margin-top: 0 px
}

.empty-updates {
  width: 100%;
  display: inline-block;
  position: relative;
  padding: 5px 0px;
  min-height: 85px;
}

.empty-updates ul li {
  float: left;
  width: 16%;
  list-style-type: none;
}

.sp-image-container {
  background-color: #eee;
}

.slider-pro img.sp-image {
  margin: 0px !important;
  max-width: 100% !important;
  width: auto !important;
  margin-right: auto !important;
  margin-left: auto !important;
  vertical-align: middle !important;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-height: 100% !important;
}

.form-box {
  border: 1px solid;
  margin: 5px 0;
  padding: 0;
  position: relative;
}

.com-pub-img {
  max-width: 90%;
  margin-top: 10px;
}

.input-group-addon {
  padding-right: 0
}

.input-group {
  width: 100%
}


/*.input-group input {
  min-height:40px;
  border-radius:0 !important;
  width: 100%
}*/

.usr-upload-image {
  width: 100% !important;
}


/*************************     Changes on 5 oct  for responcive view       *******************/

.profile-hadding a:hover,
.profile-hadding a:focus {
  text-decoration: none;
  color: #fff;
}

.empty .image-round-bx>.empty-user-like {
  margin-top: -73px;
  padding: 15px;
}

.empty .image-round-bx>.empty-user-like .martop-51.pos-abs {
  position: static;
  margin-top: 0;
}

.modal-body label.control-label {
  min-width: 70px;
  vertical-align: top;
  padding-top: 5px;
}

.usr-profile-pic>.form-group.field-communities-imagefile {
  clear: both;
}

.form-box>form:after,
.form-box>form:before {
  content: "";
  clear: both;
  display: block;
}

#usr-cover-pic+.martop30 {
  clear: both;
}

.modal-body .input-group-addon.step-calendar-icon {
  background-color: transparent;
  border: none;
  right: 15px;
}

.modal-body .hasDatepicker {
  border: 1px solid #CCC;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
  border-radius: 4px;
}

.cur-working {
  clear: both;
}

.cur-working+.up-div>div {
  width: 100%;
  padding: 0px 30px;
  text-align: left;
}

.profile-nav-icon>ul>li {
  padding: 5px;
  float: none;
  width: auto;
  display: inline-block;
  min-width: 90px;
}

.profile-nav-icon {
  display: block;
}

.btn-nav ul li {
  /*min-width: 30%;*/
  /*min-width: calc( 33.33333% - 6px );*/
  margin: 3px;
}

.btn-nav ul li>a>img.mar-lft12 {
  float: right;
}

.community-category-nav-icon {
  display: block;
}

.community-category-nav-icon ul li {
  float: left;
  padding: 5px 5px;
  text-align: center;
  width: 25%;
  display: block;
}

.community-category-nav-icon ul:after {
  content: "";
  clear: both;
  display: block;
}

.modal-body .next-button {
  margin-bottom: 8px;
}

.wrapperRight:after {
  content: "";
  display: block;
  clear: both;
}

.modal-body .checkbox label {
  padding-left: 0px;
  min-width: 94px;
  position: relative;
  text-align: left;
}

.modal-body .checkbox label input[type="checkbox"] {
  left: 0px;
  top: 3px;
}


/* changes on 6th oct  */

.notification-save-btn,
.notification-cancle-btn {
  min-width: 100px;
}


/******************/

.mainWrapper:after,
#main_Container:after {
  content: "";
  clear: both;
  display: block;
}

.side-nav3 {
  float: left;
  width: 229px;
  position: fixed;
  overflow: hidden;
  border-right: 1px solid #e4e5e7;
}

.side-nav3>div {
  overflow-y: scroll;
  /*width: 244px;*/
}

.side-nav3 .panel-title {
  position: relative;
}

.block {
  display: block !important;
}

html {
  min-height: 100%;
}

.floatingsidebar3 {
  padding-top: 55px;
}

.header-bg {
  width: auto !important;
  right: 0px !important;
  left: 226px;
}

.wrapperRight {
  position: relative;
}

.floatingsidebar3 .mCSB_scrollTools {
  width: 6px;
}

.redFixed {
  position: fixed;
}

.modal {
  z-index: 999999;
}


/*  change for import contact div */

.import-contacats {
  margin-bottom: 0px;
}

.import-contacats .add-btn {
  line-height: 37px;
}

.import-contacats li {
  vertical-align: middle;
}

.wrapperRight {
  background-color: rgba(224, 224, 224, 0.24);
}

.image-slider-bx {
  background-color: #fff;
}


/*********************     changes on 15 Oct for profile   ************************/

#usr-cover-pic {
  position: relative;
  background-position: center center;
  background-size: cover;
}

#usr-cover-pic>.container-fluid {
  position: relative;
  z-index: 1;
}

div#usr-cover-pic:after {
  content: "";
  background: rgba(0, 0, 0, 0.48);
  height: 62px;
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0px;
  z-index: 0;
}

#usr-cover-pic .locs {
  border-bottom: none;
  margin: 0;
  padding: 0;
}

#usr-cover-pic .locs ul li {
  width: auto;
  margin-right: 21px;
}

.profile-right-white-txt {
  text-shadow: 0px 0;
}

div#usr-cover-pic::after {
  content: none;
}

.profile-pic-wr {
  position: absolute;
  margin: 0px !important;
  padding: 0px;
  max-width: 156px;
  bottom: -40px;
  left: 25px;
  z-index: 5555;
}

.profile-headline {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 55;
  background-color: rgba(244, 232, 232, 0.7);
  padding: 6px 6px 6px 199px;
  font-size: 18px;
  color: #34373B;
  font-weight: 300;
  font-family: 'Roboto', sans-serif;
  text-shadow: 0px 0px;
  border-bottom: 2px solid #990073;
}

.profile-headline ul {
  margin-bottom: 0px;
}

.user-full-name {
  white-space: nowrap;
  font-size: 24px;
  color: rgb(255, 255, 255);
  font-weight: bolder;
  margin-bottom: 10px;
}

.profile-pic-wr img {
  max-width: 100%;
}

.edit-profile-pic-icon {
  width: 31px;
  height: 31px;
  background-color: #331966;
  opacity: 0.7;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  padding-top: 8px;
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -15px;
  text-align: center;
}

.edit-cover-pic-icon {
  text-align: center;
  width: 31px;
  height: 31px;
  background-color: #331966;
  opacity: 0.7;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  padding-bottom: 8px;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -15px;
}
.edit-cover-pic-icon a:hover, .edit-profile-pic-icon a:hover {
    color: #fff;
}

/*header-fix 21 Oct 2015*/

.new-header-bg {
  background-color: #f7f9fa;
  position: fixed;
  z-index: 9999;
  left: 0px;
  top: 0px;
  right: 0px;
  color: #9da2a7;
  border-bottom: 1px solid #e4e5e7;
}

.new-header-bg:after {
  content: "";
  display: block;
  clear: both;
}

.new-header-bg li {
  vertical-align: middle;
  padding: 0px;
}

.logo-wr {
  float: left;
}

.logo-wr li {
  border-right: 1px solid #e4e5e7;
  padding: 0px
}

.new-header-bg a {
  display: inline-block;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  color: inherit;
}

.logo-here a {
  width: 167px;
}

.header-menu {
  float: right;
  margin-right: 40px;
}

.header-menu a {
  padding: 10px 10px;
}

.new-header-bg ul {
  margin: 0px;
}

#x2 a {
  padding: 18px 20px 18px 16px;
  font-size: 18px;
  line-height: 21px;
  vertical-align: middle;
  color: #990073;
}

#x2 .flaticon-indent1,
.new-header-bg .flaticon-sign4 {
  color: #990073;
}

.header-menu {
  font-size: 18px;
}

.noti-icon {
  position: relative;
}

.noticount {
  position: absolute;
  display: inline-block;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  font-size: 12px;
  text-align: center;
  top: 3px;
  right: 13px;
}

.noticount span {
  position: absolute;
  left: 0px;
  right: 0px;
  font-size: 10px;
  font-weight: bold;
  top: -3px;
  bottom: 0px;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}

.noticount.blue-theme {
  background-color: #990073;
  color: #fff;
}

.noticount.green-theme {
  background-color: #331966;
  color: #fff;
}

.icon-circle {
  display: inline-block;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  border: 1px solid;
  font-size: 14px;
  padding-top: 3px;
  vertical-align: middle;
}

.new-header-bg a.user-text {
  display: inline-block;
  padding: 0px;
}

.new-header-bg+#main_Container {
  padding: 55px 44px;
}

.search-box-input {
  padding: 17px 13px;
  margin-right: 20px;
  width: auto;
  margin-top: 1px;
  position: relative
}

.searchshown {
  display: inline-block;
}


/* change on 26 Oct 15 */

.proimg-bg {
  width: 100%;
  padding-bottom: 100%;
  background-position: center center;
  background-size: cover;
  border-radius: 5px;
  background-color: #E3E3E3;
}

a.import-c {
  position: absolute;
  left: 39%;
  top: 50%;
  color: #fff;
  /*background: #990073;*/
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-top: -20px;
  margin-left: -20px;
  padding: 4px !important;
  border: 1px solid !important;
}

.thumb-profile {
  float: left;
  width: 64px;
  height: 64px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 5px;
  background-color: #F7F9FA;
}

.sm-profile-text {
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  padding-left: 78px;
}

.sm-edit-profile {
  font-weight: lighter;
  font-size: 13px;
  color: inherit;
  text-transform: initial;
}

.thumb-profile-wr a,
.thumb-profile-wr a:hover {
  color: #6a6c6f;
  text-decoration: none;
}

.sm-edit-profile span {
  margin-right: 5px;
  display: inline-block;
}

.thumb-profile-wr:after {
  content: "";
  display: block;
  clear: both;
}

a.import-btn-modal {
  background-color: #fff;
  border: 2px solid;
  line-height: 27px;
  min-height: 55px;
  padding: 8px !important;
  vertical-align: top;
}

a.import-btn-modal:hover {
  border: 2px solid #990073;
}

.clearfix2 {
  clear: both;
}

.list-view:after {
  content: "";
  display: block;
  clear: both;
}

.disccusion-2.clearfix2 .item.col-sm-6 {
  margin-bottom: 35px;
}

.list-view>div.item:nth-child(3n+1) {
  clear: both;
}

.list-view>div.item3column:nth-child(3n+1) {
  clear: both;
}

#items_listCom>.item:nth-child(3n+1) {
  clear: none;
}

.top-user-img {
  width: 32px;
  height: 32px;
  background-size: cover;
  background-position: center center;
  border-radius: 50%;
  position: relative;
  top: 4px;
  background-color: #E3E3E3;
}

.new-transparent-bg {
  padding: 3px;
  background-color: rgba(136, 139, 141, 0.7);
  font-size: 18px;
  color: #34373B;
  position: absolute;
  bottom: 0px;
  width: 100%;
  font-weight: bold;
  border-bottom: 2px solid #990073;
}

.homelistup .item {
  margin-bottom: 30px;
}

.has-three-div>.list-view>div.item:nth-child(2n+1) {
  clear: none;
}

.blog-small-nav ul li span {
  color: #990073;
}


/*for icon red*/

.new-fixed-icon {
  list-style: none;
  padding-left: 0px;
  text-align: center;
  padding-top: 5px;
  font-size: 0px;
  display: block !important;
  margin-bottom: 0px;
}

.new-fixed-icon>li {
  display: inline-block !important;
  width: 20% !important;
  font-size: 10px;
  vertical-align: top;
  float: none !important;
  padding: 0px 2px !important;
  margin-bottom: 5px;
}

.new-fixed-icon>li a {
  color: inherit;
  text-decoration: none;
  display: inline-block;
}

.new-fixed-icon>li a>div:last-child {
  white-space: pre;
  /* CSS2 */
  white-space: -moz-pre-wrap;
  /* Mozilla */
  white-space: -hp-pre-wrap;
  /* HP printers */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: normal;
  /* IE */
}

.sp-slide.sp-selected {
  z-index: 555555;
}

html {
  background-color: rgba(224, 224, 224, 0.24);
}


/* changes for empty steps */

.center-nav {
  border-width: 1px;
  border-color: rgb(228, 229, 231);
  background-color: #fff;
  border-style: solid;
  border: 1px solid #e4e5e7;
  border-radius: 2px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  padding: 15px;
  position: relative;
  margin-bottom: 30px;
  text-align: center;
  font-weight: bold;
  color: rgba(20, 29, 61, 0.8);
  font-size: initial;
}

.marbot0 {
  margin-bottom: 0px;
}

.left-cnavbtn,
.right-cnavbtn {
  position: absolute;
  top: 5px;
  display: inline-block;
  background-color: #990073;
  padding: 8px;
  font-size: 18px;
  color: #fff;
  border-radius: 5px;
}

.left-cnavbtn {
  left: 5px;
}

.right-cnavbtn {
  right: 5px;
}


/** abhishek changes based on feedback**/

.step-calendar-icon {
  display: none;
}

.right-hadding {
  border-bottom: 1px solid lightgray;
}

#generic-popup .modal-dialog {
  width: 80%;
}

.modal-body iframe {
  width: 100%;
  border: 0px;
  height: 500px;
}

form .up-div {
  margin-top: 0px;
}

form textarea {
  height: 100px !important;
}

.see-thro {
  float: left;
  text-shadow: 0px 0px 5px #222;
  color: #fff;
  padding: 2px;
}


/*li.active .icon-bdr {
  border: 1px solid #fff;
  background: #990073;
  color: #fff !important;
}*/

.profile-sugg {
  /*          border: 1px solid #e4e5e7;
    border-radius: 2px;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
    background-color: #fff;*/
}

.profile-sugg img {
  max-width: 100%;
}

.top-caption-2 {
  position: absolute;
  top: 0px;
  right: 0;
  left: 0;
  padding: 9px 15px;
  border-bottom: 5px solid #990073;
  background-color: rgba(0, 0, 0, .6);
  color: #fff;
  font-size: 18px;
}

.pro-desc-2 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  font-style: italic;
  font-size: 24px;
  color: #fff;
  padding: 15px;
  font-weight: bold;
  text-shadow: 0px 0px 5px #222;
}

.short-info {
  background-color: #f8f8f8;
}

.short-info>div {
  border-bottom: 1px dashed #ccc;
  padding: 13px 7px;
  position: relative;
  font-size: 12px;
  color: #222;
}

.short-info .glyphicon {
  position: absolute;
  display: block;
  background-color: #fff;
  border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #bbb;
  padding: 3px;
  top: 15px;
  left: 18px;
}

.short-info>div:last-child {
  border-bottom: 1px solid #ccc;
}

.sugg-qlinks {
  padding: 10px;
}

.sugg-qlinks li {
  min-width: 70px;
}

.sakuti-bgcolor {
  background-color: #990073;
}


/*commnity cover*/

.comm-cover {
  background: url("../images/profile-bg.jpg") center center;
  background-size: cover;
  height: 242px;
  position: relative;
}

.comm-cover .community-name {
  position: absolute;
  font-weight: 300;
  font-size: 24px;
  color: #fff;
  bottom: 21px;
  left: 35px;
  z-index: 55;
}

.comm-cover .community-profile-info {
  color: #fff;
  position: absolute;
  right: 85px;
  bottom: 28px;
  width: 185px;
  text-align: center;
}

.comm-cover h4 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 22px;
}

.comm-cover .community-profile-info div.img-sm-cover {
  width: 60px;
  border-radius: 3px;
  background: url("../images/specific-gril-img.png") center center;
  background-size: cover;
  border: 2px solid #fff;
  height: 60px;
  margin: 0px auto 37px;
}

.comm-cover .list-inline li {
  width: 40%;
  font-weight: lighter;
}

.comm-cover .list-inline {
  margin-bottom: 0px;
}


/*17-11*/

.new-fixed-icon .slideshow {
  box-shadow: 0px 0px 2px rgb(198, 198, 198);
  text-align: left;
  margin-left: 0px;
  margin-right: 0px;
  left: 15px;
  right: auto;
}

.new-fixed-icon .slideshow:after {
  border-top-color: rgb(245, 245, 245);
  margin-top: 0px;
  left: 30px;
}

.new-fixed-icon .slideshow>div:after {
  left: 24px;
}

.new-fixed-icon textarea {
  height: 50px !important
}

.new-fixed-icon .share-qlinks {
  text-align: center;
}

.new-fixed-icon li {
  z-index: 5;
}

.img-bg-sm {
  background-size: cover;
  background-position: center center;
  width: 42px;
  height: 42px;
  border: 1px solid #adadad;
  border-radius: 3px;
}

.comment-list .img-bg-sm {
    width: 32px !important;
    height: 32px !important;
}

.clearfix-fourth>div:nth-child(3n+1) {
  clear: both;
}


/*for images overlay*/

.has-hover-overlay {
  position: relative;
}

img.fw {
  width: 300px;
  margin: 0 auto;
  display: block;
}

.has-hover-overlay .photo-overlay {
  position: absolute;
  background-color: rgba(0, 0, 0, .5);
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  color: #fff;
  padding: 15px;
  text-align: center;
  display: none;
}

.delete-icon-over {
  position: absolute;
  top: 4px;
  right: 5px;
  z-index: 555;
  display: none;
  font-size: 21px;
  font-weight: 300;
  color: #990073;
  text-shadow: 0px 0px 16px #fff;
  cursor: pointer;
}

.has-hover-overlay:hover .photo-overlay,
.has-hover-overlay:hover .delete-icon-over {
  display: block;
}

.photo-overlay ul {
  margin-bottom: 0px;
}

.photo-overlay li {
  vertical-align: middle;
}

.circle-bg-sm-img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-position: center center;
  background-size: cover;
  margin: auto;
  border: 1px solid #aba8a9;
}

.photo-overlay p {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  margin-top: 15px;
}

.overicons {
  position: absolute;
  bottom: 17px;
  left: 0px;
  right: 0px;
  margin: 0px;
}

.overicons .flaticon-eye110 {
  font-size: 22px;
  line-height: 23px;
}

.overicons .flaticon-favorite21 {
  font-size: 18px;
}

.photo-overlay a {
  display: inline-block;
}


/*blog-community*/

.blog-comm .blog-border {
  position: relative;
  padding-top: 36px;
}

.blog-comm-icon {
  position: absolute;
  left: 50%;
  z-index: 55;
  margin-left: -25px;
  top: -25px;
}

.blog-comm-icon>div {
  display: table;
  width: 50px;
  height: 50px;
  background: #ff2f20;
  color: #fff;
  border-radius: 50%;
  vertical-align: middle;
  text-align: center;
}

.blog-comm-icon>div:before {
  vertical-align: middle;
  display: table-cell;
  height: 100%;
  padding: 0px;
  font-size: 20px;
}

.blog-comm .profile-info {
  width: 200px;
  margin: auto;
  margin-bottom: 15px;
}

.blog-comm p.lead {
    height: 40px;
  font-size: 20px;
  color: #34495e;
  font-weight: bold;
  text-align: center;
  padding: 0px 15px;
}

.blog-comm p.lead a {
  text-decoration: none;
  color: inherit;
}

.content-here {
    height: 85px;
  border-bottom: 1px solid #e3e3e3;
  padding: 10px;
  word-break: break-all;
  min-height: 80px;
}

.blog-comm-social-icon {
  text-align: center;
  background-color: #f4f5f5;
  padding: 5px;
  border-top: 1px solid #e3e3e3;
}

.blog-comm-social-icon ul {
  padding: 0px;
  margin: 0;
}

.blog-comm-social-icon ul li {
  display: inline-block;
  width: 15%;
}

.blog-comm-social-icon .icon-bdr-gray {
  /*        border: 1px solid #777;*/
  color: #777777;
}


/*.blog-comm .item{
    margin-bottom: 37px;
}*/

.public_profile_icon li {
  width: 12.5% !important;
}


/*blog-indidual*/

.top-stories-wr .right-hadding {
  background: #f4f5f5;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}

.top-stories-wr a {
  color: inherit;
  text-decoration: none;
}

.top-stories li {
  border-bottom: 1px solid #f4f5f5;
  padding: 12px;
  color: #777777;
}

.top-stories li:after {
  content: "";
  clear: both;
  display: block;
}

.top-stories li:last-child {
  border-bottom: none;
}

.top-stories ul {
  margin-bottom: 0;
}

.icon-top-stories {
  border-radius: 50%;
  display: inline-block;
  width: 2.5em !important;
  height: 2.5em !important;
  padding-top: 6px;
  border: 1px solid #777;
  text-align: center;
  float: left;
}

.link-top-stories {
  padding-left: 50px;
}

.author {
  color: #c3bfb8;
  font-size: 13px;
  display: block;
}

.author:before {
  content: "-";
}

.top-stories-wr .image-round-bx {
  margin-bottom: 20px;
}

.circle-bg-xs-img {
  width: 2.5em !important;
  height: 2.5em !important;
}

.top-suggest-button {
  width: 200px;
  display: block;
  margin: 0 auto;
  text-align: center;
  height: 40px;
  line-height: 40px;
  background: #331966;
  color: white;
  text-decoration: none;
}
.top-suggest-button:hover {
    color: white;
    text-decoration: none;
}
.notop {
  top: 0px;
}

.vam,
.vam li {
  vertical-align: middle;
}

.btn-reply .btn-rounded {
  color: #990073;
  border-color: #990073;
  margin-top: 7px;
}

.slideshow {
  padding: 0px;
}

.slideshow:after {
  content: none;
}

.new-fixed-icon .slideshow>div:after {
  border-top: 15px solid #F5F5F5;
}

.blog-comm .slideshow {
  margin-bottom: 14px;
  box-shadow: 0px 0px 1px;
  left: 50%;
  margin-left: 13px;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.blog-comm .slideshow>div:after {
  border-top: 15px solid #F5F5F5;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}


/*01-12-2015*/

.special-diss {
  padding: 18px 18px 18px 15px;
}

.blog-content,
.comment-icon:after,
.main-comm-content {
  padding-left: 30px;
  margin-left: 30px;
  border-left: 1px dotted #bbbbbb;
}

.comment-icon span.flaticon-chat51 {
  border-radius: 50%;
  border: 4px solid #f0f0f0;
  background-color: #990073;
  display: inline-block;
  width: 64px;
  height: 64px;
  text-align: center;
  color: #fff;
  font-size: 30px;
  line-height: 56px;
}

.comment-icon li,
.label-head {
  vertical-align: middle;
  font-size: 18px;
  color: #6f6f6f;
  font-weight: lighter;
}

.comment-icon:after {
  content: "";
  display: block;
  height: 50px;
}

.label-head {
  margin-bottom: 20px;
  margin-top: 10px;
}

.special-diss textarea {
  width: 100%;
  height: 50px;
  display: block;
  border: 1px solid #cccccc;
  resize: vertical;
  margin-bottom: 20px;
}

.special-diss .btn.btn-danger {
  border-radius: 3px;
  padding: 3px 15px;
  font-weight: bold;
  font-size: 13px;
}

.img-user-comment {
  width: 60px;
  height: 60px;
  border-radius: 5px;
  background-size: cover;
  border: 3px solid #f0f0f0;
  background-position: center center;
  float: left;
}

.commenting-user-info {
  padding-left: 75px;
  padding-top: 9px;
}

.commenting-user-info b {
  color: #990073;
  font-weight: bold;
}

.main-comm-content {
  margin-top: 10px;
  margin-bottom: 15px;
}

.each-main-comment {
  position: relative;
  padding-bottom: 15px;
}

.each-main-comment:after {
  content: "";
  border-bottom: 1px solid #ececec;
  position: absolute;
  left: 60px;
  right: 0px;
}

.each-main-comment:last-child:after {
  border: none;
}

.each-main-comment:last-child {
  padding-bottom: 0;
}

.reply-comment span {
  display: inline-block;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  border: 1px solid #ececec;
  color: #666666;
  text-align: center;
  line-height: 25px;
  font-size: 12px;
}

.reply-comment {
  padding-left: 80px;
}

.sub-comments {
  padding-left: 59px;
}

.loc22 {
  margin-bottom: 0px;
}

.loc22>li {
  padding-right: 2px;
}

.scrollToTop {
  width: 50px;
  height: 50px;
  padding: 10px;
  text-align: center;
  background-color: rgba(153, 0, 115, 0.61);
  font-weight: bold;
  font-size: 22px;
  text-decoration: none;
  position: fixed;
  bottom: 20px;
  right: 50px;
  display: none;
  color: #fff;
  cursor: pointer;
  transition: all .5s;
  z-index: 999999;
}

.scrollToTop:hover {
  background-color: rgba(153, 0, 115, 1);
  transition: all .3s;
}


/*04-12*/

.profile-nav-icon a {
  color: inherit;
}

.profile-nav-icon li.active .icon-bdr {
  background-color: #990073;
  color: #fff !important;
}

.blog-border li.active .icon-bdr {
  color: #990073 !important;
}

.blog-border li .icon-bdr {
  font-size: 18px;
  color: #6a6c6f !important;
}

.custom-box {
  border-width: 1px;
  border-style: solid;
  border: 1px solid #e4e5e7;
  border-radius: 2px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  background-color: #fff;
}

.custom-box-head {
  padding: 15px;
  font-size: 18px;
  font-weight: bold;
  color: #222;
  border-bottom: 1px solid #dbdbdb;
  background-color: #f4f5f6;
}

.custom-box img {
  max-width: 100%;
}

.img-with-cap {
  position: relative;
}

.caption-img {
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0px;
  background-color: rgba(255, 255, 255, .7);
  padding: 5px 15px;
  font-size: 18px;
  font-weight: bold;
  color: #222;
}

.list-with-border>li {
  position: relative;
  margin-bottom: 42px;
}

.list-with-border>li:after {
  content: "";
  border-bottom: 1px solid #ddd;
  left: 25px;
  right: 25px;
  bottom: -22px;
  position: absolute;
  display: block;
}

.list-with-border {
  margin-bottom: 0px;
}

.mb15 {
  margin-bottom: 15px;
}

.list-with-border>li:last-child {
  margin-bottom: 0
}

.list-with-border>li:last-child:after {
  content: none;
}

.red-bdr {
  border-color: #990073;
  color: #990073;
}

.new-post-form textarea {
  resize: vertical;
  background-color: #f4f5f6;
  border-radius: 15px;
  border: 1px solid #e4e5e7;
  width: 100%;
  height: 75px;
  padding: 15px;
}

.new-post-form textarea:focus,
.comment-timeline textarea {
  outline: none;
}

.new-post-form {
  margin-top: 15px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e4e5e7;
}

.new-post-form .btn-success {
  border: none;
  border-radius: 4px;
  padding: 5px 15px;
  min-width: 100px;
  margin-top: 10px;
  font-weight: bold;
}

.headlist {
  margin-top: 10px;
}

.headlist>li {
  border-right: 1px solid #e4e5e7;
}

.headlist>li:last-child {
  border: none;
}

.timeline-list .pro-desc {
  font-size: 20px;
  font-style: normal;
}

.timeline-list img {
  max-width: 100%;
}

.imgwer img {
  width: 100%;
}

.timeline-list .profile-info {
  margin-bottom: 20px;
}

.timeline-list>li {
  margin-bottom: 45px;
}

.custom-box-text {
  padding: 15px 17px;
}

/*.custom-box-text p {
  border-bottom: 1px solid #e4e5e7;
  padding-bottom: 12px;
  color: #222;
}*/

.timeline-list .btn-rounded {
  padding: 4px 18px;
}

.timeline-list .count {
  border-color: #c2c2c2;
  color: #c2c2c2;
  background-color: transparent;
}

.timeline-list .count:before {
  border-right-color: #c2c2c2;
}

.timeline-list .count:after {
  border-right-color: #fff;
}

.comment-timeline {
  background-color: #f4f5f6;
  padding: 15px;
}

.comment-timeline .profile-info>.pull-left {
  border-right: none;
  margin: 0px;
}

.comment-timeline .pro-desc {
  font-size: 14px;
  padding-left: 50px;
  padding-top: 8px;
  color: #222;
}

.comment-timeline a {
  color: #77a9fc;
  text-decoration: none;
}

.pt0 {
  padding-top: 0 !important;
}

.comment-timeline textarea {
  width: 98%;
  border: 1px solid #c2c2c2;
  border-radius: 15px;
  height: 34px;
  padding: 5px 10px;
  resize: vertical;
}

.tim-com-list {
  margin-bottom: 0px;
}

.tim-com-list li:last-child .profile-info {
  margin-bottom: 0px;
}

.c-head {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 10px;
}

.quick-edit-options {
  border: 1px solid #e4e5e7;
}

.quick-edit-options a {
  display: inline-block;
  float: left;
  width: 23px;
  height: 23px;
  background-image: url('../images/font-options.jpg');
  vertical-align: middle;
}

.quick-edit-options li,
.quick-edit-options ul {
  margin: 0;
  padding: 0;
}

.quick-edit-options li {
  float: left;
}

.quick-edit-options ul {
  overflow: hidden;
}

.headlist>li {
  vertical-align: middle;
}

.quick-edit-options li:first-child a {
  background-position: -2px 0px;
}

.quick-edit-options li:nth-child(2) a {
  background-position: -31px 0px;
}

.quick-edit-options li:nth-child(3) a {
  background-position: -58px 0px;
}

.stream-user-thumb {
  width: 2.5em !important;
  height: 2.5em !important;
  border-radius: 15%;
  background-position: center center;
  background-size: cover;
  margin: auto;
  border: 1px solid #aba8a9;
}

.edu-validation {
  display: none;
  color: red;
}

.stream-comm-popup {
  color: #990073 !important;
  border: 1px solid #990073 !important;
  border-radius: 15px;
}

.usr-contact-btn {
  width: 101px;
  color: #fff;
  background-color: #331966;
  font-weight: bolder !important;
}

.usr-contact-btn:hover,
.usr-contact-btn:focus,
.usr-contact-btn.focus {
  color: #fff !important;
}

.bdr-lnr {
  border-left: solid;
  border-right: solid;
}

.info-icon {
  border: 1px solid #990073;
  border-radius: 50%;
  color: #990073 !important;
}

.info-input {
  margin-right: 10px;
  padding: 0px 5px;
}

.info-add {
  padding-left: 15px;
  margin-bottom: 0px;
  margin-left: -5px;
  list-style: none;
}

.info-add>li {
  padding-right: 10px;
  padding-bottom: 10px;
  display: block;
  padding-left: 5px;
}

.ias-spinner:not(:first-child) {
  display: none !important;
}

.cmnt-ld-mr {
  color: #990073;
  font-weight: bolder;
  cursor: pointer;
}


/*14-12-added*/

.cat-head {
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.search-wr-new .profile-info>.pull-left {
  border-right: 0px;
  padding-right: 0;
  float: left !important;
}

.search-wr-new .pro-desc {
  padding-left: 54px;
  display: block !important;
}

.cat-content .list-unstyled li {
  margin-bottom: 15px;
  min-height: 61px;
}

.search-wr-new .pro-desc {
  font-style: normal;
  line-height: 15px;
  margin-top: 5px;
  color: #007aff;
  font-size: 12px;
}

.search-wr-new .pro-desc small {
  display: block;
  font-weight: lighter;
  color: #222;
  line-height: 12px;
  word-break: break-word;
}

.articles-content .pro-desc {
  margin-top: 0px;
}

.custom-pannel-content {
  padding: 20px;
}

.icon-red>div {
  display: table;
  width: 50px;
  height: 50px;
  background: #ff2f20;
  color: #fff;
  border-radius: 50%;
  vertical-align: middle;
  text-align: center
}

.icon-red>div:before {
  vertical-align: middle;
  display: table-cell;
  height: 100%;
  padding: 0px;
  font-size: 20px;
}

.icon-red {
  width: 50px;
  height: 50px;
  margin: auto;
}

.table-user-access {
  border: none;
  width: 100%;
  text-align: center;
}

.user-access-head {
  color: #fff;
  display: inline-block;
  background-color: #34495E;
  min-width: 118px;
  text-align: left;
  padding: 3px 5px;
}


/*15-12-2015*/

.h2-text {
  font-size: 18px;
  color: #253a4e;
  margin-bottom: 34px;
}

.alignfix {
  max-width: 155px;
}

.icon-head {
  color: #34495e;
  font-size: 12px;
  margin-top: 8px;
  margin-bottom: 12px;
}


/**/

.header-part>div,
.each-data>div {
  display: table-cell;
  padding: 10px;
  vertical-align: middle;
  min-width: 17%;
}

.header-part,
.each-data {
  display: table;
  width: 100%
}

.header-part {
  font-weight: bold;
}

.permis {
  width: 165px;
}

.each-data {
  border: 1px solid #e4e5e7;
  margin-bottom: 10px;
}

.table-user-access .icon-red>div:before {
  font-size: 26px;
  font-weight: lighter;
}

.each-data .permis {
  text-align: left;
}


/*16-12*/

.user-info-panel {
  padding: 15px;
}

.user-info-panel>ul>li {
  margin-bottom: 10px;
}

.loc-info-l li {
  margin-bottom: 8px;
}

.user-info-panel-wr {
  margin-bottom: 30px;
}

.addEmpBtn {
  border-radius: 5px;
  padding: 7px 25px;
  margin-right: 25px;
  float: right !important;
  font-weight: bold;
  color: #FFFFFF;
  border: 0px;
  outline: none;
}

.bg-green {
  background-color: #331966;
}

.bg-red {
  background-color: #990073;
}

.addEmpErrDiv {
  color: red;
  padding-top: 7px;
  padding-left: 3px;
  display: none;
}


/*17-12*/

.modal-lg-full {
  width: 100%;
  max-width: 1900px;
}

.pop-up-full .modal-dialog {
  margin-top: 58px;
}

.pop-up-full .modal-content {
  border-radius: 0px;
  box-shadow: none;
  border: none;
  padding: 80px;
}

.input-wr {
  position: relative;
  padding-left: 55px;
}

.input-wr .add-on {
  position: absolute;
  color: #990073;
  font-size: 38px;
  left: 0px;
  top: 5px;
  bottom: 0;
}

.input-wr input {
  border: none;
  border-bottom: 2px solid #990073;
  color: #595959;
  font-size: 43px;
  width: 100%;
  padding: 0px 0px;
  outline: none;
}

.pop-up-full .search-wr-new {
  margin-top: 50px;
}

.pop-up-full button.close {
  font-size: 44px;
  opacity: 1;
  font-weight: lighter;
  color: #656565;
  position: absolute;
  z-index: 888;
  top: 30px;
  right: 90px;
}

.table-user-contacts .permis {
  width: 210px;
}

.table-user-contacts .permis small {
  display: block;
}

.table-user-contacts .profile-info>.pull-left {
  padding-right: 0;
  border-right: none;
}

.table-user-contacts .profile-info .pro-desc {
  padding-left: 50px;
  font-style: normal;
  font-size: 11px;
}

.modal-lg-full {
  background: #fff;
  margin-bottom: 0;
  min-height: 100%;
}

.field-userscontactsvisibility-group_check {
  min-width: 11px ! important;
  margin-bottom: 36px;
}

.field-visibilitysettings-group_check {
  min-width: 11px ! important;
  margin-bottom: 36px;
}

.martop15imp {
  margin-top: 15px !important;
}

.pdtop0 {
  padding-top: 0;
}


/*share -page*/

.share-contact-list {
  padding: 20px;
  text-align: center;
}

.share-contact-list a {
  color: inherit;
  text-decoration: none;
}

.share-contact-list img {
  max-width: 100%;
}

.img-wr-share {
  border: 1px solid #e5e5e5;
  margin-bottom: 20px;
  position: relative;
  box-shadow: 0px 0px 0px 1px #e5e5e5;
  padding-bottom: 100%;
  background-position: center center;
  background-size: cover;
}

.contact-name {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .5);
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  padding: 5px;
}

.load-more-btn {
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  color: #990073 !important;
  min-width: 200px;
  padding: 10px 15px;
  font-size: 16px;
  display: inline-block;
  box-shadow: 0px 3px 0px #e0e0e0;
  cursor: pointer;
}

.load-more-btn:before {
  content: "";
  display: inline-block;
  background-image: url('../images/more.png');
  width: 27px;
  height: 27px;
  background-size: 100% 100%;
  vertical-align: middle;
}

.new-slider-wr .row>div>img {
  width: 100%;
}

.new-slider-wr {
  position: relative;
  padding: 0px 55px;
}

.new-slider-wr .positioned-nav .icon-bdr {
  color: #3e3e3e !important;
  border-color: #3e3e3e;
}

.icon-bdr .glyphicon {
  text-align: center;
  display: inline-block;
  width: 100%;
  padding-top: 4px;
}

.new-slider-wr .new-fixed-icon {
  text-align: left;
}

.new-slider-wr .new-fixed-icon li {
  text-align: center;
}

.positioned-nav {
  position: absolute;
  top: 221px;
  left: 0;
  right: 0;
  margin-top: -20px;
  z-index: 1;
}

.positioned-nav a[data-slide="next"] {
  float: right;
}

.tag-list a {
  color: #2685ff;
  text-decoration: none;
}

.new-slider-wr .img-bg-sm {
  border-radius: 50%;
}

.new-slider-wr .profile-info>.pull-left {
  margin-right: 0;
  border-right: 0;
}

.new-slider-wr .pro-desc {
  padding-left: 50px;
  font-style: normal;
  font-weight: bolder;
  padding-top: 8px;
  font-size: 16px;
  display: block !important;
  color: #6a6c6f;
}

.new-slider-wr .profile-info {
  padding-bottom: 25px;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 14px;
  padding-top: 15px;
  padding-right: 30px;
  position: relative;
}

.new-slider-wr .profile-info .icon-bdr {
  position: absolute;
  right: 15px;
  top: 21px;
  text-align: center;
  width: 28px !important;
  height: 28px !important;
  font-size: 10px;
}

.new-slider-wr .carousel {
  z-index: 2;
}

.new-slider-wr .new-post-form {
  padding: 0;
  margin: 0;
  margin-top: 72px;
  border: none;
}


/*29-12*/

.share-contact-list {
  height: 362px;
  padding-bottom: 0px;
}

.share-contact-list>.customscroll {
  height: 273px;
  margin-bottom: 12px;
}

.flaticon-share-comm {
  background: url('../images/share-comm.png') no-repeat center 49% !important;
}

.active .flaticon-share-comm {
  background: #990073 url('../images/share-comm-a.png') no-repeat center 49% !important;
}


/**/

.new-slider-wr .new-fixed-icon .slideshow {
  bottom: auto;
  top: 100%;
  right: 0px;
  text-align: left;
  left: auto;
  z-index: 9;
}

/*.new-slider-wr .comment-list>div {
  max-height: 100px;
}*/

.new-slider-wr .slideshow .comment-list li {
  text-align: left;
}

.new-slider-wr .new-fixed-icon .slideshow>div:after {
  left: auto;
  right: 25px;
  top: -15px;
  bottom: auto;
  border-bottom: 15px solid #990073;
  border-top: none;
}

.new-slider-wr .centered-img {
  height: 435px;
  display: table;
  text-align: center;
  width: 100%;
  position: relative;
  border: 1px solid #e4e5e7;
}

.new-slider-wr .centered-img>span {
  vertical-align: middle;
  width: 100%;
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}

.new-slider-wr .centered-img span img {
  max-width: 100%;
  width: auto;
}

.new-slider-wr .new-fixed-icon li {
  z-index: initial;
  min-width: 33.33333%;
}

.col-has-mg>div {
  margin-bottom: 30px;
}

.sakuti-alert {
  color: #990073;
  font-weight: bolder;
}


/**/

.nav-inside-imgdiv {
  display: none;
}

.img-as-bg {
  background-size: cover;
  background-position: center center;
  padding-bottom: 100%;
  position: relative;
  border: 2px solid #d3d3d3;
}

.img-as-bg2 {
  background-size: cover;
  background-position: center center;
  height: 66px;
}


/*.img-as-bg-returns {
    padding-bottom: 100%;
    background-position: center center;
    background-size: cover;
}*/

.img-as-bg-returns {
  padding-bottom: 0 !important;
  background-position: center center;
  background-size: cover;
  min-height: 304px;
  padding-top: 100%;
}

.overlay_bg_img {
  border: 1px solid #ccc;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 296px;
  background-position: center center;
  padding-top: 99%;
}

.image-round-bx .tag-list ul {
  margin-bottom: 0px;
}

.each-data small {
  font-weight: lighter;
}

.contact-slector {
  position: fixed;
  transform: translate(-50%, 0);
  z-index: 9999;
  margin-top: 12px;
  width: 303px;
}

.contact-slector-wr+#items_listBlog {
  padding-top: 53px;
}

.tag-list {
  margin-top: 35px;
}

.rm-image-text {
  text-align: center;
  font-size: 21px;
  font-weight: bolder;
  color: red;
}

.none-link {
  color: inherit;
  text-decoration: none;
}

.map-list-btn {
  width: 32px;
  height: 32px;
  padding: 4px;
  text-align: center;
  background-color: #990073;
  font-weight: bold;
  font-size: 18px;
  text-decoration: none;
  position: fixed;
  right: 3px;
  margin-top: 6px;
  color: #fff;
  cursor: pointer;
  transition: all .5s;
  z-index: 999999;
}

.map-has-zero .google-map-wrap {
  margin-top: 15px;
}

.marker-data {
  left: 0px;
  bottom: 100%;
  background-color: rgba(255, 255, 255, .1);
  border-radius: 8px;
  margin-bottom: 38px;
  cursor: initial;
  min-width: 550px;
  width: 100% !important;
}


/* Css for notifications 20jan2016 */

.notification-list {
  position: fixed;
  width: 27%;
  min-width: 290px;
  right: 10px;
  top: 59px;
  text-align: center;
  z-index: 99999;
  color: black;
  background: #fff;
  padding: 15px 15px;
  box-shadow: 0px 2px 1px 0px #ddd;
}

.notification-list ul {
  padding: 0px;
  border-bottom: 1px solid #ddd;
  margin: 0px;
}

.notification-list li {
  list-style: none;
  margin: 0px !important;
  position: relative;
  min-height: 64px;
  padding: 10px;
  background: #F9F9F9;
  border: 1px solid #ddd;
  border-bottom: 0px;
}

.notification-list .profile-info .img {
  background-size: cover;
  background-position: center center;
  width: 42px;
  height: 42px;
  border: 1px solid #adadad;
  border-radius: 3px;
  position: absolute;
}

.notification-list .profile-info .img img {
  width: 100%;
}

.notification-list .pro-desc {
  padding: 0px 15px 0 50px;
}

.notification-list .pro-desc .username {
  margin: 0px;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  text-align: left;
}

.notification-list .pro-desc .add {
  font-weight: 400;
  font-size: 12px;
  text-align: left;
  color: #A5A5A5;
  margin: 0px;
}

.notification-list .btn-icon {
  cursor: pointer;
  width: 30px;
  height: 30px;
  line-height: 24px;
  text-align: center;
  border-radius: 50%;
  background: #ECECEC;
  border: 3px solid #ddd;
  font-size: 12px;
}

.notification-list .btn-icon.glyphicon-ok {
  color: #00D449;
}

.notification-list .btn-icon.glyphicon-remove {
  color: #990073;
}

.notification-list .action-btn {
  text-align: right;
  margin: 3px 0 0;
}

.gm-style .gm-style-iw {
  left: 0px !important;
  top: 0px !important;
  width: 100% !important;
  padding: 0px;
}

.pop-head {
  background-color: #990073;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

#usr-noti-div {
  display: none;
}


/* css for pic upload popup gallary scroll on 21jan2016 */

.gallryScroll {
  width: 100%;
  height: 135px;
  padding: 5px;
}

.gallryScroll ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.gallryScroll li {
  display: inline-block;
  margin: 0 5px;
  position: relative;
  overflow: hidden;
  width: 101px;
  cursor: pointer;
  /*height: 60px;*/
}

.gallryScroll li img {
  width: 100%;
}

.gallryImage {
  width: 100%;
  height: 101px;
  background-position: center center;
  background-size: cover;
  margin: auto;
  border: 1px solid #aba8a9;
}

.gallryText {
  padding: 5px;
  text-align: left;
  font-weight: bold;
  color: #990073;
}

.gallryImageSelect {
  border: solid #990073;
}

.gallryLoadMore {
  width: 100%;
  padding: 40px 0px;
  color: red;
}

.pop-head {
  top: 0px;
  /*position: absolute;*/
  width: 100%;
  height: 55px;
}

.pos-abs {
  position: absolute;
}

.marker-data {
  padding-top: 60px;
}

.bookmark {
  font-weight: bold;
  color: #34495e;
  display: block;
}

.cke_dialog_ui_hbox_last>.cke_dialog_ui_button,
.cke_toolgroup>[title="Save"],
[title="Link"],
[title="Advanced"] {
  display: none !important;
}


/**********     css for sakuti chat    **********/

.modal-content {
  border-radius: 0px;
}

.outer-layer .modal-content {
  border-radius: 5px;
}

.mthread-header {
  text-align: center;
  padding: 20px 15px 15px;
  background: #f4f5f6;
  margin: -15px;
}

.mthread-header .chat-icon {
  background: url(../images/chat-icon.png);
  background-repeat: no-repeat;
  background-size: 75px;
  display: block;
  margin: 0 auto;
  height: 64px;
  width: 75px;
}

.mthread-header .modal-title {
  font-size: 30px;
  font-weight: 100;
  margin: 10px 0 0;
  color: #455565;
}

.mthread-header .modal-header .close {
  margin-top: -20px;
  font-size: 30px;
}

.msg-thread-outer .block {
  text-align: center;
  padding: 10px 0 15px;
}

.msg-thread-outer .block a {
  display: inline-block;
  line-height: 35px;
  padding: 0 0 0 45px;
  position: relative;
  color: #000;
  font-size: 13px;
}

.msg-thread-outer {
  padding: 0px 15px;
  height: 300px;
}

.msg-thread-outer .block a:hover {
  text-decoration: none;
  color: #990073;
}

.msg-thread-outer .block-icon {
  background: url('../images/block-icon.png');
  background-repeat: no-repeat;
  background-size: 35px;
  width: 35px;
  height: 35px;
  position: absolute;
  left: 0px;
  top: 0px;
}

.msg-thread-outer .msg-right.green .msg-detail {
  background: #ffc5f1; /* comment background: #e1ffc7; on 8 April 2019 */
}

.msg-thread-outer .msg-cont {
  position: relative;
  padding-bottom: 40px !important;
  margin: 10px 0 10px;
}

.msg-thread-outer .msg-right .msg-user {
  right: 0px;
}

.msg-thread-outer .msg-left .msg-user {
  left: 0px;
}

.msg-thread-outer .msg-cont .msg-user {
  position: absolute;
  bottom: 0px;
}

.msg-thread-outer .msg-cont .msg-user .m-user-thumb {
  width: 40px;
  height: 40px;
  background-size: cover !important;
  border: 1px solid #B8C3C9;
  border-radius: 4px;
  margin: 0 auto;
}

.msg-thread-outer .msg-cont .msg-user h6 {
  color: #007aff;
  font-weight: 600;
}

.msg-thread-outer .msg-cont.msg-right {
  padding: 0px 70px 0px 20%;
}

.msg-thread-outer .msg-cont.msg-left {
  padding: 0px 20% 0px 70px;
}

.msg-thread-outer .msg-detail {
  background: #dcdcdc;
  border-radius: 10px;
  box-shadow: 0px 1px 3px 0px #A5A5A5;
  padding: 15px 10px 5px;
  position: relative;
}

.msg-thread-outer button.del-msg-btn {
  position: absolute;
  right: 3px;
  border: 0px;
  background: none;
  top: 5px;
  color: #000;
  opacity: 0.4;
}

.del-msg-btn {
  display: none;
}

.msg-thread-outer span.msg-detail-meta {
  font-size: 9px;
  text-transform: uppercase;
  font-weight: 700;
  color: #000;
  opacity: 0.3;
}

.msg-thread-outer .msg-right .msg-detail {
  border-bottom-right-radius: 0px;
}

.msg-thread-outer .msg-left .msg-detail {
  border-bottom-left-radius: 0px;
}

.msg-thread-outer .msg-right.green .msg-detail:after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 0px solid transparent;
  border-left: 10px solid #E1FFC7;
  left: 100%;
  bottom: 0px;
}

.msg-thread-outer .msg-left .msg-detail:before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 0px solid transparent;
  border-right: 10px solid #FAFAFA;
  right: 100%;
  bottom: 0px;
}


/*  .modal-footer{
 background: #edeef2;
 padding: 15px 30px;
} */

.send-msg-outer {
  background: #edeef2;
  margin: -15px;
  padding: 15px 30px;
  position: relative;
  z-index: 99999;
}

.send-msg-outer2 {
  background: #edeef2;
  margin: -15px;
  padding: 15px 30px;
  position: relative;
  z-index: 99999;
  text-align: center;
  display: none;
}

.send-msg {
  padding: 0px 140px 0px 0px;
  position: relative;
}

.send-msg-area {
  height: 53px;
  resize: none;
  width: 100%;
  padding: 12px 15px;
  font-size: 16px;
  color: #929292;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.snd-btn {
  position: absolute;
  right: 0px;
  top: 1px;
  height: 51px;
  width: 125px;
  background: #331966;
  border: 0px;
  border-radius: 3px;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
}

.snd-btn2 {
  height: 51px;
  width: 125px;
  background: #331966;
  border: 0px;
  border-radius: 3px;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
}

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


/**********     css for sakuti chat on 5feb    **********/

.blockUsr .flaticon-envelope5 {
  color: #6A6C6F !important;
  border: 1px solid #6A6C6F;
}

.msg-ck-box {
  float: right;
  display: none;
}

.msg-unck-box {
  float: right;
}

.chat-action {
  position: absolute;
  left: 4px;
  top: -52px;
}

.chat-action button {
  background: #fff;
  border: 1px solid #C1C1C1;
  padding: 5px 5px;
  outline: none;
  border-radius: 10px 10px 0px 0px;
}

.chat-action button img {
  width: 30px;
}

.bdrbtm {
  border-bottom: 1px solid #ccc;
}

.dropdown-menu li a:hover {
  color: #990073;
  /*color: red;*/
}


/**********    CSS for chat-messages page     ***********/

.msg-list-cont {}

.msg-list-cont .single-msg {
  border: 1px solid #e4e5e7;
  padding: 15px;
  border-radius: 2px;
  box-shadow: 0px 2px 3px 0px #EAEAEA;
  margin-bottom: 20px;
}

.msg-user {
  position: relative;
}

.msg-user a {
  display: inline-block;
  min-height: 35px;
  padding-left: 48px;
  color: #2685ff;
  font-size: 13px;
  padding-top: 11px;
}

.msg-user .user-img {
  position: absolute;
  width: 35px;
  height: 35px;
  background-size: cover !important;
  border-radius: 5px;
  left: 0px;
  top: 0px;
}

.unread-msg {
  color: #777777;
  font-size: 12px;
  margin: 10px 0 0;
  display: inline-block;
}

.unread-msg:hover {
  color: #000;
  text-decoration: none;
}

.unread-msg i {
  margin: 0 10px 0 0;
}

.send-mail-link {
  background: url('../images/send-mail-icon.png') no-repeat left top;
  height: 35px;
  display: inline-block;
  padding: 8px 0 0 40px;
  font-size: 13px;
  color: #ff5e53;
}

.send-mail-link:hover {
  text-decoration: none;
}

.load-more-btn-new {
  position: relative;
  background: none;
  border: 1px solid #e0e0e0;
  min-height: 44px;
  padding: 5px 40px 5px 75px;
  color: #FF6C64;
  border-radius: 3px;
  outline: none;
  box-shadow: 0px 3px 2px 0px #ddd;
}

.load-more {
  margin: 30px 0 0;
}

.load-icon {
  width: 27px;
  height: 27px;
  background: url('../images/more.png') no-repeat;
  position: absolute;
  left: 37px;
  top: 8px;
}


/*   CSS for companies view page on 7th june2016   */

.wrapperRight {
  vertical-align: top;
  margin-left: 229px;
  margin-top: -30px;
  padding-top: 30px;
}

.fn {
  float: none !important;
}

.profile-headline.without-info {
  padding-top: 15px;
  padding-bottom: 15px;
}

.dummy-div {
  padding: 0px 44px;
}

.public-profile-icon-color {
  font-weight: 400;
}

.italic-font {
  font-style: italic;
}

.box-data .profile-hadding {
  position: relative;
  padding-left: 50px;
}

.box-data .public-profile-icon-color:before {
  position: absolute;
  font-size: 28px;
  top: 0;
  left: 15px;
  margin: 0;
  line-height: 45px;
}

.box-data .public-profile-icon-color.icon-lg:before {
  font-size: 37px;
}

.box-gallery {}

.box-gallery .g-img {
  width: 150px;
  height: 150px;
  display: block;
  background-size: cover !important;
  position: relative;
  overflow: hidden;
  margin: 15px auto;
  background-position: center !important;
}


/* .box-gallery .g-img:hover .g-info{
  top: 0px;
} */

.box-gallery .g-info {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.62);
  padding: 5px 0px;
  top: 120px;
  left: 0px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.box-gallery .g-info a.title {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.box-gallery .g-info .title {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.box-gallery .g-info p {
  margin: 5px 0 10px;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
}

.total-count-head {
  position: absolute;
  top: 0px;
  line-height: 45px;
  right: 7px;
}

.total-count-head a span {
  font-size: 15px;
  font-weight: 400;
  color: #000;
  margin: 0 0 0 3px;
}

.total-count-head a:hover,
.total-count-head a:focus {
  color: #000;
}

.rating-form-cont {
  padding: 25px 15px;
}

.rating-form-cont h4 {
  color: #222222;
  font-size: 20px;
  margin: 0px 0 25px;
}

.rating-form-cont {
  border: 1px solid #e4e5e7;
  border-radius: 2px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  margin-bottom: 30px;
}

.rating-form {
  position: relative;
  min-height: 70px;
  padding-left: 90px;
}

.rating-form .user-thumb {
  width: 70px;
  height: 70px;
  background-size: cover !important;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  left: 0px;
}

.comment-textarea {
  border: 1px solid #dbdbdb;
  background: #f4f5f6;
  width: 100%;
  height: 70px;
  border-radius: 10px;
  padding: 10px;
  font-size: 13px;
  font-style: italic;
  outline: none;
}


/* :not(:checked) is a filter, so that browsers that donÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢t support :checked donÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢t 
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesnÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢t make the test unnecessarily selective */

.rating:not(:checked)>input {
  position: absolute;
  top: 0px;
  clip: rect(0, 0, 0, 0);
  opacity: 0;
}

.rating:not(:checked)>label {
  float: right;
  width: 30px;
  padding: 0 .1em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 15px;
  line-height: 1.2;
  color: #bcbcc3;
  height: 30px;
  text-align: center;
  line-height: 28px;
  background: #eaeaed;
  border-radius: 50%;
  margin: 10px 3px 0;
}

.rating>input:checked~label {
  color: #fff;
  background: #ff9500;
}

.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label {
  color: #fff;
  background: #ff9500;
}

.rating>input:checked+label:hover,
.rating>input:checked+label:hover~label,
.rating>input:checked~label:hover,
.rating>input:checked~label:hover~label,
.rating>label:hover~input:checked~label {
  color: #fff;
  background: #ff9500;
}

.rating>label:active {
  position: relative;
  top: 2px;
  left: 2px;
}

.rating-cont {
  float: left;
}

.btn-outline {
  background: none;
  border: 1px solid;
  height: 30px;
  padding: 0px 10px;
  line-height: 28px;
  font-size: 14px;
}

.btn.red {
  color: #f00;
}

.btn-comment {
  margin: 10px 0 0;
  border-radius: 15px;
}

.cmnt-thumb {
  width: 55px;
  height: 55px;
  background-size: cover !important;
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 5px;
}

.single-comment {
  position: relative;
  margin: 35px 0 0;
  padding: 0 0 0 70px;
}

.single-comment .title-cont {
  margin: 0 0 4px;
}

.single-comment .title-cont a {
  color: #007aff;
  font-weight: 700;
  float: left;
  min-width: 100px;
}

.single-comment .title-cont .date {
  float: left;
  font-size: 12px;
  color: #6a6c6f;
}

.single-comment .title-cont .date i:before {
  color: #f00;
  font-size: 13px;
  margin: 0 5px 0 0;
}

.single-comment .rate {
  margin-bottom: 5px;
}

.single-comment p {
  font-size: 13px;
}


/*    CLOSE      */

.rating-error {
  color: #9C4141;
  padding-top: 5px;
  font-size: 14px;
  padding-left: 10px;
  display: none;
}


/*  =====================  New edit css for Product & Services Form start here  ===========================  */

.pduct_servce_blk {
  background: #fff none repeat scroll 0 0;
  margin-top: 50px;
}

.prdt_serve_bdy {
  padding: 20px 50px;
}

.pduct_servce_blk .hdr {
  border-bottom: 1px solid #ccc;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  padding: 25px 20px;
}

.main_img_blk {
  background: #f8f8f8;
  padding: 30px 40px;
  border: 1px solid #ccc;
  margin-bottom: 15px;
}

.prdt_servce_frm .form-group {
  overflow: auto;
  margin-top: 2%;
}

.prdt_servce_frm .radio_box label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  margin-right: 15px;
  font-size: 13px;
}

.prdt_servce_frm .radio_box input[type=radio] {
  display: none;
}

.prdt_servce_frm .radio_box label:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  bottom: 1px;
  background-color: #fff;
  border: 1px solid #f00;
}

.prdt_servce_frm .radio_box .radio label:before {
  border-radius: 8px;
}

.prdt_servce_frm .radio_box input[type=radio]:checked+label:before {
  content: "\2022";
  color: #ff0000;
  font-size: 30px;
  text-align: center;
  line-height: 12px;
}

.prdt_servce_frm input[type="text"],
.prdt_servce_frm select {
  height: 60px;
}

.btn_blk {
  text-align: center;
  margin-top: 3%;
}

.btn_blk .btn {
  height: 50px;
  font-weight: bold;
  border-radius: 0px;
  max-width: 150px;
  width: 100%;
  text-transform: uppercase;
  margin: 0 1%;
}

.main_img_blk .frm_upld {
  width: 60%;
  display: inline-block;
  vertical-align: top;
}

.main_img_blk .frm_upld .img_sel {
  overflow: hidden;
}

.main_img_blk .frm_upld .img_sel ul {
  /* overflow-x:auto; */
  width: 1000px;
}

.main_img_blk .uplded {
  width: 28%;
  display: inline-block;
}

.img_sel ul li {
  width: 100px;
  height: 100px;
  overflow: hidden;
  cursor: pointer;
  float: left;
}

.img_sel ul li img {
  max-width: 100%;
}

.main_img_blk .uplded .uplded_img {
  width: 200px;
  height: 200px;
  overflow: hidden;
}

.main_img_blk .uplded.fll_wdth .uplded_img {
  height: auto;
}

.main_img_blk .uplded .uplded_img img {
  max-width: 100%;
  border: 5px solid #ff2500;
}

.choose_file h5 {
  margin-top: 0px;
}

.red {
  color: #ff2500;
}

.fcs li img:focus {
  border: 2px solid #ff2500;
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #666;
}

.slt_img {
  padding: 0 20px;
}


/*   =====  Responsive media start here =======   */

.frm .jqte {
  margin: 0;
}

.PNS-Gallery .profile {
  padding: 0;
}

.radio-cont-outer input {
  height: auto !important;
}

.radio-cont-outer .radio {
  float: left;
  margin: 21px 16px 0 0px;
}


/* ================  New edit css 13-07  ===============    */

.service_blk {
  box-shadow: 0 0 1px 1px rgba(154, 154, 154, 0.7);
  background: #fff;
}

.service_blk h2.hdr {
  font-size: 20px;
  color: rgb(52, 73, 94);
  padding: 3%;
  font-weight: 600;
}

.service_blk .service_img {
  max-width: 590px;
  border-bottom: 1px solid #c8c8c8;
  overflow: hidden;
}

.service_blk .service_img img {
  max-width: 100%;
}

.service_blk .discrptn {
  padding-top: 3%;
}

.service_blk .discrptn ul li {
  padding-left: 3%;
}

.service_blk .discrptn ul li .cmmn_icn {
  display: inline-block;
  max-width: 22px;
  padding-top: 11px;
  position: absolute;
  font-size: 21px;
  color: #990073;
}

.service_blk .discrptn ul li .txt {
  display: inline-block;
  padding-left: 28px;
  padding-right: 12px;
}

.service_blk .discrptn ul li .txt h5 {
  color: #bdbebf;
  margin-bottom: 2px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
}

.service_blk .discrptn ul li .txt p {
  color: #6a6c6f;
  line-height: 16px;
}

.service_blk .discrptn ul li:nth-child(even) {
  background: rgb(248, 248, 248);
}


/*  =================================================    */

.rating_sectn {
  box-shadow: 0 0 1px 1px rgba(154, 154, 154, 0.7);
  background: #fff;
}

.rating_sectn .rating_blk h2 {
  padding-left: 3%;
  font-size: 18px;
  padding-top: 3%;
  padding-bottom: 3%;
}

.rating_sectn .rating_blk .write_review {
  padding-left: 3%;
}

.rating_sectn .rating_blk .write_review .img_blk {
  max-width: 74px;
  height: 74px;
  overflow: hidden;
  display: inline-block;
  border-radius: 50%;
  float: left;
  position: absolute;
}

.rating_sectn .rating_blk .write_review .img_blk img {
  max-width: 100%;
}

.rating_sectn .rating_blk .write_review .txtarea_blk {
  width: 98%;
  margin: 0 auto;
  display: inline-block;
  padding-left: 80px;
  font-style: italic;
}

.rating_sectn .rating_blk .write_review .txtarea_blk textarea {
  background: rgb(244, 245, 246);
}

.rating_sectn .rating_blk .add_rating_blk {
  clear: both;
  padding-left: 3%;
}

.rating_sectn .rating_blk .add_rating_blk .add_ratng {
  float: right;
  max-width: 120px;
  width: 100%;
  text-align: center;
  margin-right: 2%;
}

.rating_sectn .rating_blk .add_rating_blk .add_ratng .rating {
  border-radius: 15px;
  border: 1px solid #990073;
  color: #990073;
}

.user_rating_blk .user_rating>ul {
  margin-left: 0px;
}

.user_rating_blk .user_rating>ul>li {
  border-bottom: 1px solid rgb(244, 245, 246);
  width: 100%;
  margin-left: 0;
  padding-top: 20px;
  padding-bottom: 15px;
}

.user_rating_blk .user_rating .img_blk {
  max-width: 72px;
  overflow: hidden;
  position: absolute;
  margin-left: 3%;
}

.user_rating_blk .user_rating .img_blk {
  max-width: 54px;
  overflow: hidden;
  position: absolute;
  margin-left: 3%;
}

.user_rating_blk .user_rating .img_blk img {
  max-width: 100%;
}

.user_rating_blk .user_rating .details_blk {
  margin-left: 90px;
  width: 100%;
  overflow: auto;
}

.user_rating_blk .user_rating .details_blk .cmmn_nme_date .nme {
  color: rgb(0, 122, 255);
  font-weight: 600;
}

.user_rating_blk .user_rating .details_blk .cmmn_nme_date .date {
  text-transform: uppercase;
}


/*  ==================================    Edit on 15-07 ================================    */

.prfle_catgy .cmmn_blk {
  position: relative;
  box-shadow: 0 0 1px 0px #e7e7e7;
  background: #fff;
  margin-top: 65px;
}

.prfle_catgy .arrow_img {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: -23px;
  width: 40px;
  height: 40px;
  margin: 0 auto;
}

.prfle_catgy .arrow_img img {
  max-width: 100%;
}

.prfle_catgy .name_pic {
  padding-top: 32px;
  text-align: center;
  padding-bottom: 24px;
}

.prfle_catgy .name_pic .pic {
  width: 48px;
  height: 48px;
  display: inline-block;
  position: relative;
  border: 1px solid #adadad;
  border-radius: 4px;
}

.prfle_catgy .name_pic .pic:after {
  content: "";
  position: absolute;
  background: #adadad;
  right: -10px;
  top: 0;
  height: 45px;
  width: 1px;
}

.prfle_catgy .name_pic .pic img {
  width: 100%;
}

.prfle_catgy .name_pic .nme {
  padding-left: 10px;
  padding-top: 11px;
  display: inline-block;
  vertical-align: top;
  font-style: italic;
}

.prfle_catgy .profile_pic {
  height: 320px;
  overflow: hidden;
}

.prfle_catgy .profile_pic img {
  max-width: 100%;
  width: 100%;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.prfle_catgy .text {
  text-align: center;
  border-bottom: 1px solid #e3e3e3;
  padding: 0 12px;
}

.prfle_catgy .text h3 {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 14px;
  font-weight: 600;
}

.prfle_catgy .text p {
  font-size: 14px;
  text-align: left;
}

.prfle_catgy .text a {
  color: #6a6c6f;
}

.prfle_catgy .rating {
  padding: 10px 15px;
}

.prfle_catgy .rating ul li.count-review {
  padding: 5px 0 0;
}

.prfle_catgy .rating ul li a {
  padding-left: 7px;
  color: #777;
  font-size: 13px;
}

.main_img_blk .frm_upld.fll_wdth {
  width: 100%;
}

.main_img_blk .uplded.fll_wdth {
  width: 100%;
}

.uplded.fll_wdth .uplded_img.covr {
  width: 100% !important;
}

.martop30 .service_blk h2.hdr {
  margin-top: 0px;
}

.prfle_catgy .cmmn_blk a:focus {
  outline: 0;
}

#addSubsidiary-form .form-group {
  overflow: visible;
}

.prev_image.uplded_img.prof {
  width: 100% !important;
}

#subsidiariesbranches-company_id {
  height: 52px;
  line-height: 32px;
}

#subsidiariesbranches-foundation_date {
  margin-top: -6px;
}


/* ========================================   Edit on 21-july =========================================  */

.job_descptn {
  box-shadow: 0 0 1px 1px #d7d7d7;
  /*    margin-top: 35px;*/
}

.job_descptn h4.crte {
  background: #f8f8f8;
  padding: 15px 0 15px 20px;
}

.frm_btm_str {
  padding: 0px 20px 15px;
}

.job_requested table {
  width: 100%;
}

.job_requested th {
  position: relative;
  background: #fbfbfb;
  padding: 16px 20px;
  width: 33%;
}

.job_requested td {
  background: #f8f8f8;
  padding: 15px;
}

.job_requested ul li a.cmmn {
  font-size: 14px;
  font-weight: 700;
  color: #808080;
}

tr.date_item {
  box-shadow: 0 0 1px 1px #e4e5e7;
}

.job_requested ul li a.cmmn .caret {
  margin-left: 6px;
}

.job_requested ul li a {
  text-decoration: none;
}

.job_requested ul li>ul {
  display: none;
  position: absolute;
}

.job_requested ul li:hover>ul {
  display: block;
}

.btn_ul_blk .btn {
  width: 112px;
  height: 38px;
  border-radius: 0px;
}

.btn.btn_accept {
  background: #990073;
  font-size: 14px;
  color: #fff;
}

.btn_ul_blk .btn_decline {
  background: #f5f5f5;
  border: 1px solid #c6c6c6;
  color: #990073;
}


/*   22 july */

.job_details {
  margin-top: 20px;
}

.job_detls_img_blk {
  position: relative;
}

.job_detls_img_blk .overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
}

.banner_job_blk {
  position: relative;
}

.img_discptn {
  position: absolute;
  bottom: -70px;
  left: 60px;
  right: 0;
  color: #fff;
}

.disptn_left {
  margin-right: 10px;
  display: inline-block;
  clear: both;
  max-width: 170px;
  vertical-align: middle;
  text-align: center;
}

.disptn_left h3 {
  font-size: 30px;
  font-weight: 700;
  padding-bottom: 12px;
}

.thumb_img_blk {
  width: 165px;
  height: 165px;
  background: #e8e8e8;
  border-radius: 5px;
  text-align: center;
  padding-top: 40px;
}

.txt_disptn {
  bottom: 35px;
  color: #fff;
  left: 200px;
  position: absolute;
}

.txt_disptn h4 {
  font-size: 20px;
  font-weight: 700;
}

.txt_disptn span {
  font-size: 14px;
  padding-left: 10px;
}

.back_result {
  background: #fff;
  padding: 5px 12px 14px;
  margin-top: 75px;
  box-shadow: 0 0px 2px 0px #c6c6c6;
}

.back_result li h3 {
  font-size: 16px;
  font-weight: 700;
}

.back_result li a {
  font-size: 16px;
  text-decoration: underline;
  color: #1188ff;
}

.back_result ul {
  margin-bottom: 0px;
}

.five_blk {
  margin-top: 38px;
  padding: 40px 45px;
  background: #fff;
  box-shadow: 0 0px 2px 0px #c6c6c6;
}

.five_blk .cmmn_blk {
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  padding: 20px 30px;
  position: relative;
  vertical-align: top;
  margin-top: 15px;
  margin-bottom: 15px;
  background: #f8f8f8;
  height: 135px;
}

.five_blk .cmmn_blk .lft_img {
  float: left;
}

.five_blk .cmmn_blk .right_txt {
  padding-left: 48px;
  word-break: break-word;
}

.five_blk .cmmn_blk .right_txt h4 {
  margin-top: 0;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 1px;
}

.five_blk .cmmn_blk .right_txt p {
  font-size: 13px;
  word-wrap: break-word;
}

.job_deisptn,
.responsibity {
  margin-top: 38px;
  background: #fff;
  box-shadow: 0 2px 2px 0px #c6c6c6;
}

.job_disptn_blk h3,
.resposly_blk h3 {
  font-size: 16px;
  font-weight: 700;
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 30px;
  margin-top: 30px;
}

.job_disptn_blk h3 {
  padding-left: 30px;
}

.resposly_blk {
  padding: 0px 30px 30px;
}

.job_disptn_blk ul {
  text-align: center;
  padding-top: 48px;
  padding-bottom: 48px;
}

.job_disptn_blk ul li {
  border-right: 1px solid #cccccc;
  vertical-align: top;
  padding-left: 30px;
  padding-right: 30px;
  width: auto;
}

.job_disptn_blk ul li:last-child {
  border-right: 0px;
}

.job_disptn_blk ul li h4 {
  font-size: 16px;
  font-weight: 700;
}

.job_disptn_blk ul li p {
  font-size: 14px;
}

.job_disptn_blk ul li .btn.btn_cmny {
  width: 160px;
  height: 38px;
  color: #ff5146;
  background: #fcfcfc;
  font-weight: 700;
  border: 1px solid #ccc;
  border-radius: 0px;
}

.resposly_blk ul {
  padding-left: 30px;
  /*color:#990073;*/
  margin-top: 36px;
}

.resposly_blk ul li {
  line-height: 28px;
}

.resposly_blk ul li span {
  color: #34495e;
}

.resposly_blk p {
  margin-top: 32px;
  padding-left: 30px;
  padding-bottom: 30px;
}


/* ==========================================================   */

.job_screen_result {
  background: #fff;
  padding: 5px 12px 14px;
  margin-top: 40px;
  box-shadow: 0 0px 2px 0px #c6c6c6;
}

.job_screen_result li h3 {
  font-size: 16px;
  font-weight: 700;
}

.job_screen_result li a {
  font-size: 16px;
  text-decoration: underline;
  color: #1188ff;
}

.job_screen_result ul {
  margin-bottom: 0px;
}

.job_details_blk {
  background: #fff;
  margin-top: 20px;
  box-shadow: 0 2px 2px 0px #c6c6c6;
  padding: 32px 30px;
}

.job_details_blk form {
  position: relative;
}

.job_details_blk .form-group {
  /*width:84%;
  float:left;*/
}

.job_details_blk .form-group input[type="text"] {
  height: 50px;
  padding-left: 40px;
  background: #f4f5f6 url(../images/user.png) no-repeat 15px center;
}

.btn_find_job {
  width: 165px;
  height: 60px;
  font-size: 14px;
  font-weight: 700;
  background: #990073;
  color: #fff;
  position: absolute;
  border-radius: 0 5px 5px 0px;
  right: 2px;
}

.job_type {
  clear: both;
}

.job_type_disptn table tr {
  border-bottom: 1px solid #d7d7d7;
}

.job_type_disptn table tr:last-child {
  border-bottom: 0px;
}

.job_type_disptn table {
  width: 100%;
}

.job_type_disptn table td {
  padding-bottom: 20px;
  padding-top: 20px;
}

.job_type_disptn .img_blk img {
  float: left;
}

.job_type_disptn .img_blk {
  clear: both;
}

.job_type_disptn h4 {
  margin-bottom: 0px;
}

.desptn .right_txt h4 {
  font-size: 16px;
  font-weight: 700;
}

.right_txt p {
  font-size: 14px;
}

.job_type_disptn .btn_decline {
  background: #f5f5f5;
  border: 1px solid #c6c6c6;
  color: #990073;
  height: 38px;
  border-radius: 0px;
  width: 112px;
}

.job_type_disptn .btn_decline:hover {
  background: #990073;
  color: #fff;
}

.desptn .locatn ul {
  list-style: none;
  padding-left: 22px;
}

.job_type_disptn .desptn .locatn h4 {
  font-size: 14px;
  font-weight: 700;
}

.job_type_disptn .desptn .locatn p {
  font-size: 12px;
}

td.frst_td {
  width: 40%;
}

td.secnd_td {
  width: 40%;
}

.desptn .locatn h4 span {
  margin-right: 8px;
}


/* ====================Edit on 25-07 =================================      */

.job_request_blk .hdr_part .cmmn_blk>ul>li {
  position: relative;
}

.job_request_blk .hdr_part .cmmn_blk ul li ul {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 9;
  top: 30px;
  box-shadow: 0 0 1px 1px rgba(175, 175, 175, 0.32);
  border-radius: 5px;
  padding: 6px 0;
}

.job_request_blk .hdr_part .cmmn_blk>ul>li:hover ul {
  display: block;
}

.job_request_blk .hdr_part .cmmn_blk ul li a {
  font-size: 16px;
  font-weight: 700;
  color: #777;
  padding: 10px 8px;
}

.job_request_blk .hdr_part .cmmn_blk ul li ul li a {
  font-size: 14px;
}

.job_request_blk .hdr_part .cmmn_blk ul li a .caret {
  margin-left: 5px;
}

.btn_ul_blk .btn {
  width: 112px;
  height: 38px;
  border-radius: 0px;
}

.btn.btn_accept {
  font-size: 14px;
  color: rgb(255, 255, 255);
  background: #990073;
  font-weight: 700;
}

.job_request_blk .btn_decline {
  background: #f5f5f5;
  border: 1px solid #c6c6c6;
  color: #990073;
  font-weight: 700;
  margin-left: 15px;
}

.body_part ul li.img_blk {
  width: 32px;
  height: 32px;
  background: #fff;
  padding: 4px 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
}

.job_request_blk .hdr_part {
  background: #fbfbfb;
  padding: 16px;
  margin-top: 40px;
}

.items_jobs {
  box-shadow: 0 0 2px 1px #e4e5e7;
  padding: 16px;
  margin-top: 22px;
}

.items_jobs .cmmn_blk .usr_nme {
  color: #2685ff;
  font-size: 14px;
}

.cmnpy_nme {
  font-size: 12px;
  text-transform: uppercase;
}

#items_list .frst_td .img_blk {
  display: inline-block;
  float: left;
  height: 60px;
  left: 0;
  margin-right: 8px;
  width: 60px;
}

#items_list .frst_td .img_blk img {
  width: 100%;
}

#items_list .frst_td {
  display: inline-block;
  width: 40%;
}

#items_list .secnd_td {
  display: inline-block;
  width: 40%;
  vertical-align: top;
}

#items_list .a_btn_blk {
  display: inline-block;
  width: 18%;
}

.back_result li a.btn_succss {
  color: #fff;
  text-decoration: none;
}

.back_result li a.btn_dngr {
  color: #fff;
  text-decoration: none;
}

.back_result ul li a.btn.btn_back {
  background: none repeat scroll 0 0 #fcfcfc;
  border: 1px solid #990073;
  border-radius: 0;
  color: #aaa;
  text-decoration: none;
}

.job_result li a.btn_succss {
  color: #fff;
  text-decoration: none;
}

.alert_blk {
  position: relative;
  margin-top: 73px;
  margin-bottom: -38px;
}

.prfle_catgy .cmnpy_addr {
  margin-top: 10px;
}

.prfle_catgy .addr_flter {
  margin-top: 12px;
  overflow: auto;
  clear: both;
}

.tbl_view .item {
  padding-top: 3px;
  padding-bottom: 3px;
}

.tbl_view .item .row {
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
}

.tbl_view .item .row a {
  color: #6a6c6f;
  text-decoration: none;
}

.back_result ul li a {
  text-decoration: none;
}

.back_result ul li a .flaticon-comments16:before {
  font-size: 30px;
  line-height: 8px;
  vertical-align: middle;
  color: #f00;
}

#items_list .a_btn_blk {
  vertical-align: top;
  padding-top: 8px;
}

.job-addr {
  padding-left: 23px;
  display: block;
}

.job-add-icon {
  float: left;
}

.prfle_catgy .list-view>div.item:nth-child(2n+1) {
  clear: none;
}


/*** CSS for event details form on 21 sep 16 ***/

.event_error {
  color: red;
  padding-left: 3%;
  padding-bottom: 5px;
}


/****************************/


/*******   CSS for event ticket details on 26sep 2016    **********/

.ticket-require input[type=radio]:not(old) {
  width: 28px;
  margin: 0;
  padding: 0;
  opacity: 0;
}


/***** Check box *******/

.ticket-content .checkbox input[type=checkbox]:not(old) {
  width: 28px;
  margin: 0;
  padding: 0;
  opacity: 0;
}

.ticket-content .checkbox input[type=checkbox]:not(old)+label {
  display: inline-block;
  margin-left: 0;
  padding-left: 37px;
  background: url('../images/sprite.png') no-repeat 0 -39px;
  line-height: 23px;
  font-weight: normal;
}

.ticket-content .checkbox input[type=checkbox]:not(old):checked+label {
  background-position: 0 0;
}

.promo-detail-optn input {
  min-height: 30px !important;
  height: auto;
}

.promo-detaion-panel {
  display: none;
}

.input-group-btn {
  display: none;
}

.bootstrap-touchspin input {
  border-radius: 5px 0 0 5px !important;
}

.ui-datepicker {
  z-index: 999 !important;
}


/********************************/


/**************   CSS for event setting page on 27 sep 2016  ***************/

.stepwizard-step p {
  margin-top: 10px;
}

.stepwizard-row {
  display: table-row;
}

.stepwizard {
  display: table;
  width: 100%;
  position: relative;
}

.stepwizard-step button[disabled] {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  opacity: 0.85 !important;
}

.stepwizard-row:before {
  top: 24px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 97%;
  right: 16px;
  height: 1px;
  background-color: #EAEDF3;
}

.stepwizard-step {
  display: table-cell;
  text-align: center;
  position: relative;
}

.btn-circle {
  cursor: default;
  width: 50px;
  height: 50px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 50px;
  margin-left: 10px;
  margin-right: 15px;
}

.steps-wizard-header {
  width: 100%;
  float: left;
  padding: 20px 0 20px;
}

.btn-steps-active {
  background: #990073;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 38px;
}

.btn-steps-deactive {
  background: #EAEDF3;
  color: #A7B5CF;
  font-size: 20px;
  font-weight: bold;
  line-height: 38px;
}

.step-wizard-content {
  width: 100%;
  float: left;
  background: #fff;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  padding: 0 0 10px;
}

.setup-content h3 {
  padding: 10px 45px 10px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  font-size: 20px;
  color: #244657;
  font-weight: 900;
}


/*.setup-content .form input, .setup-content .form select  {
    height: 52px;
  min-height:51px;
    padding: 15px 10px;
  position:relative;
}*/

.setup-content .form textarea {
  resize: none;
  height: 100px;
}

.upload-img {
  width: 100%;
  float: left;
  background: #F7F7F7;
  padding: 10px;
}

.upload-img .form-group input {
  padding: 0;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.rPadding {
  padding-right: 0;
}

.lPadding {
  padding-left: 0;
}

.form-btn {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  margin-top: 40px;
}

.form-btn .btn-cancel {
  background-color: #990073;
  color: #fff;
  border-radius: 3px;
  padding: 12px 45px;
  margin: 0 6px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

.form-btn .btn-save {
  background-color: #fff;
  color: #990073;
  border-radius: 3px;
  padding: 12px 45px;
  border: 1px solid #ddd;
  margin: 0 6px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

.form-btn .btn-next {
  background-color: #331966;
  color: #fff;
  border-radius: 3px;
  padding: 12px 45px;
  margin: 0 6px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

.ticket-require h3 {
  padding: 10px 30px 10px !important;
  border-bottom: 0 none;
  margin-bottom: 20px;
  font-size: 20px;
  color: #244657;
  font-weight: 900;
}

.ticket-content {
  width: 100%;
  float: left;
  margin: 20px 0 0;
}

.ticket-content h4 {
  font-size: 16px;
  color: #244657;
  font-weight: 900;
}

.select-btn {
  margin: 20px 0 0;
}

.ticket-require {
  width: 100%;
  float: left;
}

.ticket-require h4 {
  padding: 10px 30px 10px !important;
  font-size: 18px;
}

.ticket-content .checkbox {
  padding: 0 30px !important;
}

.ticket-content .panel {
  width: 89%;
  margin: 10px 27px;
}

.ticket-content .panel-body {
  padding: 15px;
}

.ticket-content .panel-heading h3 {
  padding: 15px 20px !important;
  border-bottom: 0 none;
  margin-bottom: 0;
  font-size: 16px;
}

.ticket-content .form-group input {
  height: 40px;
  min-height: 40px;
}

.ticket-content input {
  height: 40px;
  min-height: 40px;
}

.notification-rideo-bx input[type="radio"] {
  opacity: 1;
}

.ticket-content {
  display: none;
}

.bootstrap-touchspin .input-group-btn-vertical>.btn {
  height: 21px;
  background-color: #34495e;
  color: #fff;
  padding: 0 15px;
}

.bootstrap-touchspin .input-group-btn-vertical i {
  left: 9px;
  top: 9px;
}

.input-group-btn-vertical .btn-default {
  border-color: #34495e;
}

.sakuti-event-setting {
  width: 100%;
  float: left;
  padding: 20px 25px;
}

.sakuti-event-setting .form-group select {
  height: 52px;
  min-height: 51px;
}

.colorpicker-element {
  width: 80%;
}

.colorpicker-element .input-group-addon {
  padding: 0 0 0 10px;
  background: none;
  border: 0px;
}

.colorpicker-element h3 {
  padding: 0px;
  height: 34px;
  border: 1px solid #8c8c8c;
  border-radius: 3px;
  font-size: 13px;
  color: #555555;
  text-align: center;
  font-weight: 400;
  line-height: 30px;
  background: #e6e6e6;
}

.colorpicker-element .from-control {}

.colorpicker-element .input-group-addon i {
  width: 34px;
  height: 34px;
  display: block;
  margin: -14px 0 0;
  border: 1px solid #cccccc;
}


/*------------------------------------------------*/


/* Switch SECTION START*/


/*------------------------------------------------*/

.Switch {
  position: relative;
  display: inline-block;
  font-size: 13px;
  font-weight: normal;
  color: #fff;
  /* height: 18px; */
  padding: 6px 8px;
  border-radius: 4px;
  background: #bababa;
  cursor: pointer;
  border-radius: 15px;
}

.Switch.On {
  background: #990073;
}

body.IE7 .Switch {
  width: 78px;
}

.Switch span {
  display: inline-block;
  width: 30px;
}

.Switch .Toggle {
  position: absolute;
  top: 4px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  background: #fff;
  background: -moz-linear-gradient(top, #ececec 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #ececec 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #ececec 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #ececec 0%, #ffffff 100%);
  background: linear-gradient(top, #ececec 0%, #ffffff 100%);
  z-index: 999;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  border-radius: 50%;
  border: 0px;
  background: #fff;
}

.Switch.On .Toggle {
  left: 5%;
}

.Switch.Off .Toggle {
  left: 67%;
}

.Switch.Off .On {
  visibility: hidden;
}

.Switch.On .Off {
  visibility: hidden;
}

.switch-btn-cont {
  position: relative;
  min-height: 30px;
  line-height: 30px;
  margin: 12px 8% 15px;
}

.switch-btn-cont .Switch {
  position: absolute;
  right: 0;
  line-height: 17px;
}

.colorpick {
  width: 100%;
  padding: 0px;
  height: 34px;
  border: 1px solid #8c8c8c;
  border-radius: 3px;
  font-size: 13px;
  color: #555555;
  text-align: center;
  font-weight: 400;
  line-height: 30px;
  background: #e6e6e6;
}

.onoffswitch {
  position: relative;
  width: 90px;
  float: right;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.onoffswitch-checkbox {
  display: none;
}

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border-radius: 20px;
}

.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 28px;
  padding: 0;
  line-height: 28px;
  font-size: 14px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  box-sizing: border-box;
}

.onoffswitch-inner:before {
  content: "ON";
  padding-left: 10px;
  background-color: #990073;
  color: #FFFFFF;
  -webkit-transition: .4s;
  transition: .4s;
}

.onoffswitch-inner:after {
  content: "OFF";
  padding-right: 10px;
  background-color: #ccc;
  color: #fff;
  text-align: right;
  -webkit-transition: .4s;
  transition: .4s;
}

.onoffswitch-switch {
  display: block;
  width: 24px;
  height: 24px;
  margin: 6px;
  background: #FFFFFF;
  position: absolute;
  top: -4px;
  bottom: 0;
  right: 56px;
  border-radius: 20px;
  transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
  right: 0px;
}


/*************************************/


/*********    CSS for event listing on 3oct2016      ************/

.lisitng-content {
  width: 100%;
  float: left;
  /*    padding: 60px 0;*/
}

.event-list-box {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}

.event-list-box .thumbnail {
  padding: 0;
  border-radius: 0;
  box-shadow: 0 2px 0px 0px #ddd;
  width: 100%;
  float: left;
}

.event-list-box .caption h3 {
  font-weight: bold;
  color: #34495e;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0px;
  word-spacing: 7px;
  margin-bottom: 15px;
}

.event-list-box .thumbnail .caption-list {
  border-top: 1px solid #ddd;
  padding: 0;
  width: 100%;
  float: left;
}

.event-list-box .thumbnail .caption-list ul {
  margin-bottom: 0px;
}

.event-list-box .thumbnail .caption-list ul li {
  border-left: 1px solid #ddd;
  padding: 5px 5px 10px 15px;
}

.event-list-box .thumbnail .caption-list ul li a {
  text-decoration: none;
}

.event-list-box .caption p {
  font-size: 13px;
  margin-bottom: 6px;
  color: #999;
}

.event-list-box .caption p img {
  font-size: 14px;
  padding-right: 8px;
}

.list-icon {
  border: 1px solid #990073;
  border-radius: 50%;
  display: inline-block;
  width: 2.5em !important;
  height: 2.5em !important;
  padding: 0px 0px 0px 3px;
  color: #990073 !important;
  font-size: 12px;
}

.list-add {
  padding-right: 10px;
  color: #990073;
}

.list-add2 {
  color: #757575;
  padding-right: 10px;
}

.pop-up {
  position: absolute;
  top: -131px;
  left: -200px;
  width: 380px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  z-index: 20;
}

.pop-up:after {
  content: "";
  position: absolute;
  display: inline-block;
  border-top: 15px solid #ddd;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  top: 100%;
  left: 220px;
}

.pop-up .pop-up-header {
  background-color: #990073;
  position: relative;
  width: 100%;
  padding: 10px;
}

.pop-up-header h3 {
  color: #fff;
  font-size: 16px;
}

.pop-up-header button.close {
  width: 24px;
  height: 24px;
  border: 1px solid #fff;
  border-radius: 28px;
  color: #fff;
  opacity: 1;
  position: absolute;
  right: 6px;
  top: 10px;
  text-shadow: none;
  font-size: 14px;
  font-weight: normal;
}

.pop-up-body {
  padding: 8px;
  border-radius: 0 0 8px;
}

.dropdown-menu .pop-up-body ul li {
  border-left: 0 none !important;
  padding: 10px !important;
}


/***********************************/


/**************     CSS for specific event on 6 oct2016    ********************/

.specific-event-detail {
  width: 100%;
  float: left;
  padding: 60px 20px;
  margin-bottom: 20px;
}

.specific-event-detail-heading {
  width: 100%;
  float: left;
  background-color: #fff;
  padding: 10px;
  border: 2px solid #ddd;
  margin-bottom: 30px;
  position: relative;
}

.specific-event-left {
  width: 100%;
  float: left;
}


/*
#eventTicket-order {
    padding: 5px;
    max-width: 71px;
    margin-right: -16px;
}*/

.specific-event-left h1 {
  font-size: 28px;
  font-weight: bold;
  margin-top: 0;
  color: #34495e;
  margin-left: -4px;
}

.specific-event-left h4 {
  margin-bottom: 0;
  text-align: right;
  width: 300px;
  float: right;
  font-size: 14px;
}

.specific-event-left ul li {
  font-size: 12px;
  color: #888;
  vertical-align: bottom;
  display: block;
  position: relative;
  padding-left: 30px;
  padding-top: 5px;
}

.specific-event-left ul li span {
  font-weight: bold;
  font-size: 22px;
  /*        color: #990073;*/
}

.specific-event-left ul li.list-date i::before {
  color: #990073;
}

.specific-event-left ul li i {
  position: absolute;
  left: 0;
}

.specific-event-left ul li.list-date {
  padding-left: 37px;
}

.specific-event-left ul li :hover {
  text-decoration: none;
}

.specific-event-left ul li.list-date i {
  top: 4px;
}

.specific-event-left ul li.list-date i::before {
  font-size: 22px;
}

.specific-event-content {
  width: 100%;
  float: left;
}

.floatnone {
  float: none !important;
}

.ticket-information {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}

.ticket-register .btn-register {
  background: #331966;
  color: #fff;
  border-radius: 3px;
  border-color: #331966;
  padding: 10px 60px;
}

.ticket-information .panel-body table tr td h4 {
  font-size: 13px;
  font-weight: bold;
  text-align: left;
}

.ticket-information .panel-body table tr td p {
  font-size: 13px;
  font-weight: normal;
  text-align: left;
}

.ticket-information .panel-body table thead {
  font-size: 13px;
  font-weight: bold;
  text-align: left;
}

.ticket-information .panel-body table tr td select {
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  padding: 5px;
  border-radius: 8px;
  background-color: #ecf0f4;
}

.specific-event-content .panel-heading,
.specific-event-content .panel-body {
  padding: 12px;
}

.specific-event-content .ticket-information .panel {
  border-radius: 0;
  box-shadow: 0px 1px 0px 1px #ddd;
}

.origin-info {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}

.origin-info-content .progress {
  width: 80%;
  height: 30px;
  border-radius: 28px;
  display: inline-flex;
  float: right;
}

.origin-info-content .progress-bar {
  line-height: 28px;
}

.origin-info-content .progress-bar-1 {
  background-color: #5cb85c;
}

.origin-info-content .progress-bar-2 {
  background-color: #5bc0de;
}

.origin-info-content .progress-bar-3 {
  background-color: #d9534f;
}

/*.origin-info-content .progress-bar-4 {
  background-color: #d9534f;
}*/

.origin-info-content label {
  vertical-align: sub;
}

.attend-friend,
.event-desc {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}

.attend-friend-content {
  width: 100%;
  float: left;
}

.attend-friend-content .img-as-bg {
  margin-bottom: 20px;
}

.attend-friend-content .specific-transprent-txt {
  font-size: 12px;
}

.attend-friend .panel-heading {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  padding: 10px 0;
}

.event-desc-content {
  width: 100%;
  float: left;
}

.event-desc-content h3 {
  font-size: 17px;
  margin-bottom: 20px;
  font-weight: 600;
}

.event-desc-content h4 {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 5px;
}

.event-desc-content ul li {
  margin-bottom: 20px;
  position: relative;
  padding-left: 30px;
}

.event-list-last ul li {
  margin-bottom: 5px;
}

.event-desc-content ul li:after {
  content: "";
  position: absolute;
  height: 1px;
  width: 6px;
  top: 8px;
  background: #999;
  left: 5px;
}

.invite-other {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
}

.invite-btn .btn-invite-other {
  background: #990073;
  color: #fff;
  padding-left: 30px;
  padding-right: 60px;
  padding-top: 10px;
  padding-bottom: 10px
}

.invite-btn .btn-invite-other i {
  font-size: 8px;
  color: #fff;
  position: absolute;
  left: 63%;
  top: 33%;
}

.specific-event-right {
  padding: 8px;
}

.specific-event-right img {
  width: 69%;
  margin-left: 70px;
}

.specific-event-left ul {
  margin-bottom: 5px;
}

.save-event {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}

.save-event-btn .btn-event-save {
  background: #331966;
  color: #fff;
  padding: 8px 40px;
}

.save-event-btn .btn-event-save1 {
  background: #990073;
  color: #fff;
  padding: 8px 40px;
}

.save-event .panel-body {
  padding: 25px;
}

.where-when {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}

.where-when .panel-body {
  padding: 0;
}

.where-when .panel-footer {
  background: #fff;
}

.where-when .panel-footer ul li a {
  font-size: 13px;
  color: #333;
}

.where-when .panel-footer ul li a:hover {
  text-decoration: none;
}

.event-organizer {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}

.event-organizer .panel-body {
  padding: 0;
}

.event-user-img {
  width: 100%;
  float: left;
  position: relative;
}

.specific-event-detail li [class^="flaticon-"]:before {
  font-size: 14px;
  padding-right: 10px;
  color: #888;
}

.invite-btn .btn-invite-other i {
  font-size: 14px;
  padding-right: 10px;
  color: #fff;
}


/**********************************/


/***************      CSS for Event single registration on 21Oct 2016      *******************/

.event_group_reg {
  width: 100%;
  float: left;
  padding: 30px 0;
  margin: 30px auto 20px;
  background-color: #fff;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.event_group_head {
  width: 100%;
  float: left;
  padding: 0 0 30px;
  border-bottom: 1px solid #ddd;
}

.event_heading h1 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #34495e;
  padding: 0 20px;
}

.remain_ticket h4 {
  margin: 0;
  font-size: 12px;
  line-height: 23px;
  color: #34495e;
  padding: 0 20px 0 0;
}

.event_group-content {
  width: 100%;
  padding: 20px;
  float: left;
}

.ticket_charge {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}

.ticket_charge .panel-heading {
  padding: 20px;
}

.ticket_charge .panel-body {
  padding: 30px;
}

.tc_box {
  border: 1px solid #999;
  width: 100%;
  float: left;
  padding: 20px;
  margin-bottom: 10px;
}

.tc_box h1 {
  font-size: 14px;
  font-weight: 400;
  text-shadow: 0px 2px 0px 0px #34495e;
  margin: 0;
  color: #34495e;
}

.form-btn .btn-payment {
  background-color: #331966;
  color: #fff;
  border-radius: 3px;
  padding: 12px 70px;
  border: 1px solid #ddd;
  margin: 0 6px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

.add_member .panel-heading {
  padding: 20px;
  border-radius: none;
}

.add_member_manually .panel-heading,
.add_member_manually .panel-body {
  padding: 20px;
}

.add_member .panel-body {
  padding: 20px;
  border-radius: none;
}

.select_member_list {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}

.event_reg_tab {
  width: 100%;
  float: left;
}


/*
input[type=radio]:not(old) + label{
  display      : inline-block;
  margin-left  : 0;
  padding-left : 28px;
  background   : url('../images/check-radio.png') no-repeat 0 7px;
  line-height  : 32px;
  font-weight:bold;
}


input[type=radio]:not(old):checked + label{
  background-position : -89px 7px;
}*/

.check_ticket h4 {
  font-weight: bold;
  color: #34495e;
}

.select_member_list .select-btn {
  margin-left: -42px;
}

.member_name .media-body h4 {
  margin: 0;
  color: #78a4ff;
}

.event_date h4 {
  font-weight: bold;
  font-size: 15px;
  color: #34495e;
  margin-top: 0;
}

.event_date .form-group input {
  height: 45px;
  min-height: 48px;
  width: 190px;
}

.event_date .form-group {
  position: relative;
}

.event_date .form-group span {
  position: absolute;
  right: 40%;
  top: 10px;
}

.event_reg_tab .nav-tabs {
  border-bottom: 0 none;
}

.event_reg_tab .nav li a {
  padding: 12px 28px;
  border-radius: 8px 8px 0 0;
  background-color: #e0e0e0;
  color: #34495e;
}

.event_reg_tab .nav-tabs>li.active a {
  background-color: #990073;
  color: #fff;
}

.member_name .media-body h6 {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
}

#content-r {
  height: 380px;
}

.select_member button.btn-choose {
  background-color: #990073;
  color: #fff;
  padding: 10px 35px;
  border-radius: 0;
}

.form-btn button.btn-add-event {
  background-color: #990073;
  color: #fff;
  padding: 15px 60px;
  border-radius: 0;
  margin-top: 20px;
}

.choose_member {
  padding: 10px 20px;
  border: 1px solid #999;
  margin-bottom: 10px;
  border-radius: 5px;
  width: 100%;
  float: left;
}

.choose_member .media-left a img {
  width: 50px;
}

.choose_member .media-body h4 {
  margin: 0;
  color: #78a4ff;
  font-size: 14px;
}

.choose_member .media-body h6 {
  margin-top: 3px;
  color: #999;
  font-size: 12px;
  margin-bottom: 0;
}

.choose_member .media-body {
  vertical-align: middle;
}

.member_age h4 {
  font-size: 14px;
  color: #34495e;
  line-height: 29px;
  font-weight: 600;
}

.select_member {
  margin-top: 5px;
}

.add_member .search-member {
  position: absolute;
  right: 85px;
  top: 395px;
}

.event-group-reg .add_member .search-member {
  top: 345px;
}
.event-invite-sbox .search-member {
  top: 230px;
}

.search-member .form-group {
  margin-bottom: 0;
  position: relative;
}

.search-member .form-group input {
  border-radius: 30px;
  padding: 10px 38px;
  color: #000;
  width: 190px;
}

.search-member .form-group span {
  position: absolute;
  top: 4px;
  color: #990073;
  left: 12px;
}

.attende_information .panel-body .form-group input,
.attende_information .panel-body .form-group select {
  min-height: 48px;
}

.attende_information .panel-default {
  margin-bottom: 0;
  border-radius: 0;
}
.attende_information .bootstrap-touchspin .input-group-btn-vertical > .btn {
    padding:11px 10px;
}

.attende_information a.chosen-single {
    min-height: 48px;
    line-height: 36px;
}
.add_member .customscroll {
  height: 380px;
}

.event_date .help-block-error {
  position: absolute;
}


/***********************************************/

.ticket-detail-content {
  width: 100%;
  float: left;
  background: #fff;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  padding: 0 0 10px;
}

.ticket-detail-content h3 {
  padding: 10px 45px 10px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  font-size: 20px;
  color: #244657;
  font-weight: 900;
}

.ticket-detail-box {
  padding: 0 30px;
}

.ticket-box {
  background-color: #F2F2F2;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);
  padding: 5px 0 5px;
  border-radius: 5px;
  width: 100%;
  float: left;
  margin-bottom: 15px;
}

.ticket-box h4 {
  margin: 10px;
  font-size: 14px;
  font-weight: 400;
}

.ticket-box h5 {
  margin: 10px;
  color: #737373;
  font-size: 14px;
  font-weight: 600;
}


/*******************     Event Group registration       ************************/

.mgt20 {
  margin-top: 20px;
}

.form-btn .btn-payment {
  padding: 12px 50px;
  border: 1px solid #ddd;
  margin: 0 6px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #331966;
  color: #fff;
  border-radius: 3px;
}

.event_list_reg .form-group input {
  height: 45px;
  min-height: 48px;
  width: 190px;
}

.select_member_list_event {
  width: 100%;
  float: left;
  margin-bottom: -20px;
}

.add_member_search {
  position: absolute;
  right: 78px;
  top: 17%;
  margin-top: -28px;
}

.add_member_search .form-group input {
  width: 190px;
  border-radius: 28px;
  height: 30px;
  font-size: 12px;
  color: #000 !important;
  padding-left: 30px;
}

.add_member_search .form-group span {
  position: absolute;
  top: 4px;
  left: 10px;
}

.form-btn .btn-add-continue {
  background-color: #990073;
  color: #fff;
  border-radius: 3px;
  padding: 12px 50px;
  border: 1px solid #ddd;
  margin: 0 6px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.form-btn .btn-add-finish {
  background-color: #ddd;
  color: #999;
  border-radius: 3px;
  padding: 12px 70px;
  border: 1px solid #ddd;
  margin: 0 6px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}


/*********************    CSS for ticket details      *****************************/

.ticket-status-box {
  background-color: #fff;
  box-shadow: 0px 2px 1px 0px #ddd;
  margin: 40px auto;
  width: 100%;
  float: left;
}

.ticket-status-heading {
  border-bottom: 1px solid #ddd;
}

.ticket-status-heading h2 {
  padding: 20px 20px 5px;
  font-size: 18px;
  font-weight: bold;
  color: rgba(20, 29, 61, 0.8);
}

.ticket_no {
  padding: 20px;
}

.ticket_no .form-inline .form-group {
  width: auto;
}

.ticket_no .form-group label {
  font-size: 14px;
  font-weight: normal;
  padding-right: 20px;
}

.ticket_no .form-group input {
  height: 38px;
  width: 180px;
  display: inline-block !important;
  border-radius: 8px;
  background: rgba(233, 233, 233, 0.52);
}

button.btn.btn-check {
  background: #990073;
  height: 38px;
  color: #fff;
  font-weight: bold;
  width: 150px;
  border-radius: 8px;
  margin-right: 30px;
  margin-left: 30px;
}

button.btn.btn-ticket-reset {
  height: 38px;
  color: #000;
  font-weight: bold;
  width: 150px;
  border-radius: 8px;
  margin-right: 20px;
  margin-left: 10px;
}

.t_detail_box {
  background-color: #fff;
  box-shadow: 0px 2px 1px 0px #ddd;
  margin: 10px 20px 20px;
  width: 96%;
  border: 1px solid #ddd;
  float: left;
}

.t_detail_heading {
  border-bottom: 1px solid #ddd;
}

.t_detail_box h2 {
  padding: 0 20px 10px;
  font-size: 18px;
  font-weight: bold;
  color: rgba(20, 29, 61, 0.8);
}

.t_detail_list .ticket-box {
  background-color: #F2F2F2;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
  padding: 8px 10px 8px;
  border-radius: 5px;
  width: 100%;
  float: left;
  margin-bottom: 15px;
}

.t_detail_list {
  padding: 20px;
}

.t_detail_list .ticket-box h4 {
  font-size: 14px;
}

.t_detail_list .ticket-box h5 {
  font-weight: bold;
}

.t_member_detail {
  background-color: #fff;
  box-shadow: 0px 2px 1px 0px #ddd;
  margin: 10px 0px 20px;
  width: 100%;
  border: 1px solid #ddd;
  float: left;
}

.t_member_detail .t_detail_heading h2 {
  padding: 10px 20px 5px;
  font-size: 18px;
  font-weight: bold;
  color: rgba(20, 29, 61, 0.8);
}

.t_member_content {
  padding: 20px;
  width: 100%;
  float: left;
}

.lPadding {
  padding-left: 0;
}

.t_member_list h4 {
  margin: 0 8px 8px;
  font-size: 14px;
  font-weight: bold;
  position: relative;
}

.t_member_list h4::before {
  content: ':';
  position: absolute;
  right: 0;
  top: 0;
}

.t_member_list h5 {
  margin: 0 8px 8px;
  margin-left: 39px;
}

.ui-datepicker {
  z-index: 9999999999 !important;
}

.intList ul li {
  padding-right: 10px;
  padding-left: 10px;
  width: 33.3333%;
  float: left;
  text-align: left;
  margin-bottom: 5px;
}

.martop20 ul li label {
  font-weight: normal;
  font-size: 16px;
}

#add-intrest-popup .modal-dialog {
  width: 660px !important;
}

.nest-sub-menu {
  display: none;
  color: #285d32 !important;
}

.profile_img {
  background: url('img_bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 440px;
}

.aside_img {
  background: url('aside_img.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 388px;
}

.transprent-txt {
  padding: 20px 10px;
  text-align: center;
}

.transprent-txt-right {
  background-color: rgba(244, 232, 232, 0.7);
  padding: 10px 10px;
  text-align: center;
  position: absolute;
  bottom: 104px;
  width: 100%;
}

.transprent-txt-right .user_text {
  margin-bottom: 10px;
}

.new-header-bg+#user_profile_main_Container {
  padding: 55px 90px;
}

#parent {
  display: table;
  width: 100%;
  height: 480px;
}

#child {
  display: table-cell;
  vertical-align: middle;
}

.user_profile_bg {
  padding: 45px 45px;
  text-align: center;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}

.user_profile_bg::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.54);
  z-index: -1;
}


/*.user_profile_bg::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.54);
    z-index: -1;
    display:none;
}*/


/* .profile_bg_head:hover .user_profile_bg::after{display:block;} */

.user_profile_pic img {
  width: 200px;
}

.user_profile_name h3 {
  text-transform: uppercase;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}

.user_profile_pic {
  margin-bottom: 20px;
  width: 251px;
  height: 251px;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.usrProPicLeft {
  margin-bottom: 20px;
  width: 111px;
  height: 111px;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
}

.profile_gray_box_image p {
  font-size: 15px;
  font-weight: bold;
}

.user_des p {
  font-size: 16px;
  color: #fff;
  font-weight: normal;
}

.user_detail_list ul li {
  width: auto;
  margin-right: 8px;
  font-size: 16px;
  color: #fff;
}

.profile-gray-box {
  margin-bottom: 20px;
  border: 1px solid #dbdbdb;
  background-color: #f4f5f6;
  padding: 30px 10px 10px;
}

.right_side_list ul li {
  width: 24%;
  vertical-align: top;
}

.right_side_list ul li p {
  font-size: 12px;
}


/*.right_side_list {margin-top: -24px;}*/

.profile_gray_box_image h4 {
  margin-top: 0;
  font-weight: bold;
}

.profile_gray_box_list ul li {
  margin-bottom: 20px;
  /*width: 47%;*/
  width: 24%;
}

.profile_gray_box_list ul li p {
  font-size: 12px;
}

.sticky {
  position: fixed;
  right: 44px;
  top: 59px;
  transition: all 0.4s ease 0s;
  width: 30.6%;
  z-index: 999999;
  padding: 5px;
}

.sticky .profile_gray_box_list ul li {
  margin: 0;
}

.sticky .p_box_img {
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  background-size: cover;
  background-position: center;
}

.sticky .profile_gray_box_image h4 {
  margin-top: 0;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 5px;
}

.sticky .right_side_list {
  margin-top: 0;
}

.sticky .right_side_list ul {
  margin-bottom: 0;
}

.sticky .right_side_list {
  margin-top: 0px;
}

.profile-gray-box .slideshow-share ul li {
  width: auto;
  margin-bottom: 0;
}

.profile-gray-box .slideshow {
  bottom: -113%;
  margin-right: 35px;
}

.sticky.profile-gray-box .slideshow-share {
  margin-right: 33px;
  top: -65px;
}

.sticky .slideshow:after,
.slideshow>div:after {
  left: 101%;
  transform: rotate(270deg);
}

.profile_right_side ul li .slideshow .share-qlinks ul li {
  min-width: auto !important;
}

.profile_right_side ul li .slideshow .share-qlinks {
  padding: 20px;
}

.profile_right_side ul li .slideshow .share-qlinks ul li a .icon-bdr-gray {
  padding-top: 0 !important;
}

.profile_right_side ul li .slideshow:after,
.slideshow>div:after {
  transform: rotate(0deg) !important;
}


/********************     Css for event management report      ***************************/

.event-mgnt-report {
  background-color: #fff;
  box-shadow: 0px 2px 1px 0px #ddd;
  margin: 40px auto;
  width: 100%;
  float: left;
}

.event_mgnt_heading {
  border-bottom: 1px solid #ddd;
}

.event_mgnt_heading h2 {
  padding: 20px 20px 5px;
  font-size: 18px;
  font-weight: bold;
  color: rgba(20, 29, 61, 0.8);
}

.event_mgnt_content {
  padding: 20px;
}

.event_mgnt_date {
  background-color: #fff;
  box-shadow: 0px 2px 1px 0px #ddd;
  padding: 15px;
  width: 95%;
  float: left;
  border: 1px solid #ddd;
  margin: 10px 28px;
}

.event_mgnt_date h3 {
  font-weight: bold;
  font-size: 18px;
  color: rgba(20, 29, 61, 0.8);
  margin: 12px 5px 0;
}

.event_mgnt_date .form-inline .form-group {
  width: auto;
}

.event_mgnt_date .form-group input {
  border: 1px solid #990073;
  padding: 20px 10px 20px;
}

.event_mgnt_date .form-inline .form-group:last-child {
  padding: 0px;
}

.event_mgnt_date .form-inline .form-group {
  padding-right: 40px;
}

.event_management_list_content {
  width: 95%;
  float: left;
  margin: 10px 28px;
}

.event_management_list_content ul li {
  background: #f3f3f3;
  border-radius: 5px;
  border: 1px solid #ddd;
}

.event_management_list_content ul li a {
  font-weight: bold;
  color: #000;
  font-weight: normal;
}

.event_management_list_content ul li.active>a {
  color: #fff;
  font-weight: bold;
}

.event_management_list_content ul li.active {
  background: #990073;
  color: #fff;
  border-radius: 5px;
}

.nav>li>a:hover,
.nav>li>a:focus {
  text-decoration: none;
  color: #fff;
  background-color: #990073;
  border-radius: 5px;
}

.export-excel {
  margin: 20px auto;
}

.export-excel .btn-export {
  background: #990073;
  color: #fff;
  padding: 14px 40px;
  font-weight: bold;
}

#example_info,
#example_filter,
#example_length,
#example2_length,
#example2_filter,
#example2_info,
#example3_length,
#example3_filter,
#example3_info,
#example4_length,
#example4_filter,
#example4_info {
  display: none;
}

.event_management_list_content .tab-content {
  padding: 10px 0;
}

.user_profile_pic .edit-profile-pic-icon {
  position: absolute;
}

a.backPro {
  position: absolute;
  left: 18%;
  top: 0;
  font-size: initial;
  font-weight: bold;
  color: #990073;
}


/********************     Close Css for event management report      ***************************/


/******** Add interest popup css starts from here ********/

.docBox {
  border-radius: 3px;
  background-color: #fff;
  margin-bottom: 16px;
  border: 1px solid rgba(0, 0, 0, .12) !important;
  border-bottom: 1px solid rgba(0, 0, 0, .26) !important;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  -o-background-clip: padding-box;
  -ms-background-clip: padding-box;
  -khtml-background-clip: padding-box;
  background-clip: padding-box;
}

.docSection {
  border-top: 1px solid rgba(0, 0, 0, .12);
  border-bottom: 1px solid transparent;
  padding: 16px 16px 0;
}

.docSection h2 {
  text-align: left;
}

#account-topics-subscribed {
  /*margin-bottom: 20px;*/
  border-bottom: 1px solid #ddd;
}

#account-topics-add-more {
  text-align: left;
  margin-bottom: 12px;
}

.account-topics-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.account-topics-item {
  float: left;
  position: relative;
  background: #f2f2f2;
  padding: 4px 8px;
  margin: 0 6px 6px 0;
  width: 192px;
  overflow: hidden;
}

.account-topics-name {
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  width: 150px;
}

.account-topics-remove {
  position: absolute;
  right: 6px;
  top: 6px;
  width: 12px;
  height: 12px;
  background: url('../images/sprite_xfeedback.png') 0 0 no-repeat;
}

#add-intrest-popup .modal-body {
  padding: 0 20px;
}

.account-topics-item:hover .account-topics-remove {
  display: block;
  cursor: pointer;
}

#account-topics-unsubscribed {
  /*position: relative;*/
  background: #fafafa;
  padding: 8px 0 4px 8px;
}

#account-topics-unsubscribed h3 {
  border-bottom: 1px solid #fff;
  padding-bottom: 6px;
  margin-right: 8px;
  margin-top: 2px;
  text-align: left;
}

#account-topics-nav {
  margin-top: 12px;
  margin-bottom: 20px;
  padding-right: 8px;
}

.account-topics-list {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}

#account-topics-unsubscribed-list .account-topics-item {
  background: #fff;
  width: 185px !important;
  cursor: pointer;
}

.account-topics-item .add_icon {
  margin-right: 4px;
}

#account-topics-breadcrumbs {
  float: left;
  margin-top: 4px;
  cursor: pointer;
}

#account-topics-search {
  float: right;
}

#account-topics-search-input {
  width: 220px;
  padding-left: 26px;
  background-position: 4px center;
  background-repeat: no-repeat;
}

#add-intrest-popup #account-topics-search-input {
  width: 100%;
}

#account-topics-unsubscribed:after {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  border-color: transparent transparent #fafafa;
  border-width: 16px;
  left: 10%;
  margin-left: -16px;
}

.spritebg {
  width: 18px;
  height: 18px;
  float: left;
}

.account-topics-item .flaticon-add186:before {
  position: absolute;
  left: 8px;
  top: -1px;
  font-size: 12px;
}

.account-topics-item:hover {
  background: #ddd;
  border-radius: 3px;
}

#account-topics-unsubscribed-list .account-topics-item:hover {
  background: #ddd;
  border-radius: 3px;
}


/******** Add interest popup css ends here ********/

.eduPop-validation {
  display: none;
  color: #943131;
  font-size: 12px;
  top: -15px;
  position: relative;
}

#account-topics-unsubscribed-list {
  overflow: auto;
  max-height: 200px;
}

#account-topics-subscribed-list {
  overflow: auto;
  max-height: 100px;
}


/********************** JOB MGT STARTS FROM HERE **********************/

.btn_search {
  background: #990073;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  height: 38px;
  width: 127px;
}

.job_key {
  margin: 0px;
}

.job_details_text {
  display: block;
  margin: 0 0 8px 21px;
}

.next_career {
  text-align: left;
  text-transform: capitalize;
  font-weight: bold;
  color: #bfbfbf;
}

.job_found {
  padding: 5px;
  float: right;
  font-weight: bold;
  color: #990073;
}

.job_details_box {
  background-color: #fff;
  border: 1px solid #e4e5e7;
  box-shadow: 0 2px 2px 0 #c6c6c6;
  margin: 10px 0 20px;
  min-height: 250px;
  padding: 21px 0 0;
  text-align: center;
}

.job_details_box .spaclg img {
  width: 13px;
  margin-top: -4px;
}

.social_link_img {
  border: 1px solid #e4e5e7;
  height: 111px;
  padding: 7px 6px 0;
  width: 111px;
}

.job_details_box span,
.job_details_box strong {
  display: block;
}

.job_details_box span.spaclg {
  font-size: 11px;
  color: #5d5d5d;
  padding: 15px 21px;
}

.job_details_box span.cmpnm {
  font-size: 13px;
  color: #990073;
}

.job_details_box strong {
  padding-bottom: 15px;
  font-weight: bold;
  font-size: 12px;
  color: #525151;
  text-transform: uppercase;
}

#jobs_list a:hover .job_details_box strong {
  color: #990073;
}

.job_details_box span {
  margin: 0 auto 7px;
}

.search_img {
  font-size: 17px;
  left: 30px;
  position: absolute;
  top: 19px;
}

.location_img {
  font-size: 17px;
  left: 8%;
  position: absolute;
  top: 19px;
}

.job_type {
  background-color: #f4f5f6;
  margin-top: 30px;
}

.search_bg {
  background: rgba(0, 0, 0, 0) url("../images/search_bg.png") no-repeat scroll 0 0 / cover;
  padding: 15px 30px 0px 17px !important;
  padding-top: 20px;
}


/********************** JOB MGT ENDS HERE **********************/


/********************* Sticky List Css ***************************/

.sticky .specific-nav-icon ul li {
  padding-bottom: 2px;
  /* width:114px;*/
  width: 105px;
}

.container-fluid .comm-cover {
  margin: 0px 15px;
}

.container-fluid .comm-cover+.row {
  margin: 0;
}

.form-group.field-communities-description.required .jqte {
  margin-top: auto;
}


/********************* // Sticky List Css ***************************/


/********************* User Education Style Changes ***************************/

.profile-bpic {
  /*    background: #fff none repeat scroll 0 0;*/
  display: inline-block;
  margin-bottom: 5px;
  padding: 10px 21px 5px;
  width: 100%;
}

.span-block {
  display: block;
}

.arrow_right {
  color: #990073;
  left: 20px;
  position: relative;
  top: 3px;
}

.arrow_right:hover {
  color: #990073 !important;
  text-decoration: none;
}

.added-user {
  background: #990073;
  color: #fff !important;
}

.profile-info .icon-bdr:before {
  font-size: 14px;
  line-height: 14px;
}

.error-message-box h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
}

li.nest-sub-menu {
  background: #f5f5f5;
  padding: 10px 10px 10px 45px;
  position: relative;
}

li.nest-sub-menu a {
  font-size: 12px;
}

li.nest-sub-menu a::before {
  content: '>';
  position: absolute;
  left: 32px;
  color: #990073;
}

.calendar-box {
  margin: 30px auto;
}

#map {
  width: 100%;
  height: 404px;
  margin-top: -15px;
}

.map-container {
  margin-bottom: 10px;
}

.map-container .help-block-error {
  display: none;
  color: #a94442;
  font-size: 12px;
}


/*    .controls {
        margin-top: 10px;
        border: 1px solid transparent;
        border-radius: 2px 0 0 2px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        height: 32px;
        outline: none;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    }*/

.jqte {
  margin: 0;
}

#searchInput {
  background-color: #fff;
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
}

.field-searchInput {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}

#searchInput:focus {
  border-color: #4d90fe;
}

.clockpicker .form-group input {
  min-height: 40px;
  height: 40px;
  border-radius: 0 !important;
}

.field-sakutievents-end_date .form-group input,
.field-sakutievents-start_date .form-group input {
  padding: 10px;
  /*      height:40px;*/
}

.form-group.field-sakutievents-end_date,
.form-group.field-sakutievents-start_date {
  margin-bottom: 0 !important;
}

.field-sakutievents-start_date .form-group,
.field-sakutievents-end_date .form-group {
  margin-bottom: 0 !important;
}

.searchbox-eventinvite>.search-member {
  position: absolute;
  right: 0;
  top: -10px;
}

#searchUserForEventInvitation-error h3 {
  padding-top: 45px;
}


/********************* // User Education Style Changes ***************************/


/***********************************   Css for communities categories     ****************************************/

.discussion-box {
  border: 1px solid #ddd;
  cursor: pointer;
  display: table;
  margin-bottom: 20px;
  text-align: center;
  width: 100%;
  background: #fff;
}

.discussion-content {
  display: table-cell;
  vertical-align: middle;
  height: 306px;
}

.discussion-box:hover {
  box-shadow: 0 3px 10px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 10px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 10px 2px rgba(0, 0, 0, 0.1);
}

.discussion-box:hover .d_name span {
  background: #f6f7f9;
}

.discussion-box .discussion-content .d_name span {
  border: 2px solid #e4e5e7;
  border-radius: 100%;
  color: #990073;
  font-size: 30px;
  font-weight: bold;
  height: 110px;
  left: 35%;
  line-height: 100px;
  position: absolute;
  text-align: center;
  top: 30%;
  width: 110px;
}

.d_heading {
  position: absolute;
  left: 0;
  bottom: 14%;
  text-align: center;
  width: 100%;
}

.discussion-box .discussion-content .d_heading h2 {
  font-size: 18px;
  font-weight: normal;
  width: 291px;
  margin: 0 auto;
  color: #000;
  word-wrap: break-word;
  font-family: inherit;
}

.discussion-box .discussion-content .d_heading h3 {
  font-size: 12px;
  padding: 10px 0;
  font-weight: normal;
  width: 291px;
  margin: 0 auto;
  color: #b7aeae;
  word-wrap: break-word;
  font-family: inherit;
}


/******************************************************/

.discussion-specific-inner {
  /*  margin: 70px auto 20px;
  font-family:inherit;
  padding:30px 20px;
  background: #fff;*/
  margin: 0 auto 20px;
  width: 690px;
  font-family: inherit;
}
.blog-tags-section {
    padding: 20px 0 10px;
}
.discussion-content-img.text-center {
/*    padding: 0 9.1%;*/
    margin: auto;
    width: 700px;
}

.discussion-content-img .content-img-box {
/*  background: url('../images/sliderBlog_1.jpg') center 100%;
  height: 400px;*/
    border: 1px solid #ccc;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  padding-top: 99%;
}

.discussion-specific-content {
  margin: 80px 0 0;
  position: relative;
  font-family: inherit;
}

.discussion-specific-inner .media .media-body h4 {
  color: rgba(0, 0, 0, 0.7);
  font-size: 15px;
  margin: 0;
  font-weight: bold;
}

.discussion-specific-inner .media .media-body h5 {
  margin-top: 4px;
  margin-bottom: 4px;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.4);
}

.discussion-specific-inner .media .media-left span.follow {
  position: absolute;
  left: 10px;
  top: 65px;
  border: 1px solid #990073;
  width: 73px;
  border-radius: 28px;
  text-align: center;
  color: #990073;
  font-size: 12px;
  background-color: #ffffff;
}

.discussion-specific-inner .media .media-left span.active {
  background-color: #990073 !important;
  color: #ffffff !important;
}

.discussion-specific-inner .media .media-body span.bkmrk {
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  font-size: 12px;
}

.discussion-specific-inner .media .media-body span.bkmrk h5 {
  font-size: 12px;
}

.discussion-specific-inner h1 {
  font-size: 30px;
  font-family: inherit;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 700;
}

.discussion-specific-inner p {
  font-size: 16px;
  font-family: inherit;
  font-style: italic;
  color: rgba(0, 0, 0, 0.54);
}

.profile-bpic li a,
.discussion-specific-inner .media-body a,
.discussion-specific-inner .media-body a .bookmark {
  color: rgba(0, 0, 0, 0.4);
}

.discussion-specific-inner .media-body h5 .flaticon-favorite21:before,
.discussion-specific-inner .media-body h5 .flaticon-chat51:before,
.discussion-specific-inner .media-body h5 .flaticon-heart301:before,
.user-comment-reply .media-left .flaticon-heart301:before,
.user-comment-reply .media-left .flaticon-favorite21:before {
  color: #990073;
  font-size: 13px;
}

.discussion-specific-inner .media-body a .glyphicon-bookmark:before {
  font-size: 18px;
}


/*.discussion-content-img {
  margin-bottom: 20px;
}*/

.discussion-content-img figcaption {
  color: #000;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 10px;
}

.comment-heading::after {
  background: #990073 none repeat scroll 0 0;
  content: "";
  height: 2px;
  position: absolute;
  width: 130px;
  top: 65px;
}

.comment-heading {
  border-bottom: 2px solid #ddd;
  position: relative;
  padding: 10px 0;
  margin-bottom: 20px;
}

.comment-heading h1 {
  font-size: 14px;
  color: #990073;
}

.comment-heading h1 span {
  font-size: 14px;
  color: #929292;
}

.comment-heading .user-detail li a {
  padding: 0 15px;
  line-height: 42px;
  font-size: 12px;
  color: #999;
}

.comment-heading .user-detail li a:hover {
  background: none;
}

.comment-reply-area {
  margin-bottom: 20px;
  position: relative;
}

.comment-reply-area .form-group textarea {
  border-radius: 0;
  position: relative;
  resize: none;
}

.comment-reply-area button.btn-post {
  background: #990073;
  padding: 10px 40px;
  color: #fff;
  border-radius: 3px;
  font-weight: bold;
}

.comment-reply-area .add-post-btn {
  position: absolute;
  right: 10px;
  top: 55px;
}

.comment-reply-area .add-post-btn ul li {
  border-right: 1px solid #ddd;
  padding: 0 20px;
}

.comment-reply-area .add-post-btn ul li:last-child {
  border-right: 0 none;
}

.comment-reply-area .add-post-btn ul li a {
  color: #929292;
  font-size: 20px;
}

.user-comment-reply .media .media-body h4 {
  color: #333c4e;
  font-size: 14px;
  margin-bottom: 5px;
}

.user-comment-reply {
  margin-bottom: 20px;
  position: relative;
}

.user-comment-reply .day-ago {
  font-size: 12px;
  left: 30%;
  position: absolute;
  top: -1px;
  color: rgba(0, 0, 0, 0.55);
}

.user-comment-reply .report-abuse {
  font-size: 12px;
  right: 0;
  position: absolute;
  top: 0;
  color: rgba(0, 0, 0, 0.44);
}

.user-comment-reply p {
  font-style: normal;
  color: #4c5567;
  font-size: 13px;
  margin-bottom: 0;
}

.user-comment-reply span.reply {
  color: #990073; /* comment color #ff3366; on 8 April 2019 */
  font-size: 9px;
  text-transform: uppercase;
  font-weight: bold;
}

.user-comment-reply a:hover {
  text-decoration: none;
}

.user-comment-reply .media-left {
  position: relative;
}

.user-comment-reply .media-left span.like {
  top: 42px;
  left: 0;
  position: absolute;
  text-align: center;
  color: #929292;
}

.recent-reply-collapsed {
  display: none;
}

.user-comment-reply .media-left span font {
  /*    display: block;*/
  font-size: 12px;
}

.user-comment-reply .media-left span.like h4 {
  font-size: 12px;
  margin: 0;
  text-align: center;
}

.recent-reply-box {
  background: #f6f6f6 none repeat scroll 0 0;
  border-radius: 3px;
  margin: 15px auto;
  padding: 10px 20px;
  position: relative;
}

.recent-reply-box::before {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 15px solid rgba(246, 246, 246, 0.9);
  content: "";
  display: inline-block;
  left: 12px;
  position: absolute;
  top: -14px;
  transform: rotate(180deg);
}

.load-previous h3 {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  color: #990073;
}

.load-previous h3 .flaticon-comments16:before {
  font-size: 16px;
}

.reply-post-input button.btn-post {
  background: #990073;
  padding: 10px 40px;
  color: #fff;
  border-radius: 3px;
  font-weight: bold;
}

.reply-post-input {
  position: relative;
}

.reply-post-input textarea {
  border-radius: 0;
  height: 60px;
  padding: 10px 140px 0 10px;
  position: relative;
  resize: none;
}

.reply-post-input .btn-post {
  position: absolute;
  right: 16px;
  top: 10px;
}

.load-previous {
  margin-bottom: 20px;
}

.single-reply-box {
  background: #fff none repeat scroll 0 0;
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 10px;
  position: relative;
}

.single-reply-box::after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 15px solid rgba(255, 255, 255, 0.9);
  content: "";
  display: inline-block;
  left: -14px;
  position: absolute;
  top: 3px;
  transform: rotate(90deg);
}

.single-reply-box span.user-heading {
  color: #333c4e;
  font-size: 14px;
  font-weight: 600;
}

.single-reply-box span.user-name {
  color: #990073;
  font-weight: 600;
}

.single-reply-box span.reply-user-name {
  color: #ff9574;
  font-weight: 600;
  background: #fff2bb;
}

.single-reply-box span.comment-time {
  font-size: 12px;
}


/********************* // User Education Style Changes ***************************/


/* discussion list style to thumbnail */

.discussion-list {
  padding: 20px 0;
}

.d_list_box {
  border-radius: 5px;
  box-shadow: 0px 9px 20px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 9px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 9px 20px 0px rgba(0, 0, 0, 0.1);
  padding: 38px 38px 20px;
  position: relative;
  margin-bottom: 32px;
}

.d_list_box .like-box {
  position: absolute;
  right: 10px;
  top: 10px;
  text-align: center;
  cursor: pointer;
}

.d_list_box .like-box font {
  color: rgba(0, 0, 0, 0.44);
  font-size: 12px;
  margin: 0;
  padding: 0;
}

.list-author .media .media-body {
  position: relative;
}

.list-author .media .media-body .bookmark {
  border: 1px solid #990073;
  border-radius: 10px;
  color: #990073;
  font-size: 10px;
  height: 16px;
  left: 38%;
  position: absolute;
  text-align: center;
  top: 0;
  width: 73px;
}

.list-author .media .media-body span font {
  border: 1px solid #990073;
  border-radius: 10px;
  color: #990073;
  font-size: 10px;
  height: 16px;
  left: 38%;
  position: absolute;
  text-align: center;
  top: 0;
  width: 73px;
  cursor: pointer;
}

font.bookmark.active {
  background: #990073;
  color: #fff !important;
}

.list-author .media .media-body a:hover {
  text-decoration: none;
}

.list-author .media .media-body h5 {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.44);
  font-weight: 300;
  margin: 0;
  opacity: 0.44px;
}

.d_list_heading h1 {
  font-size: 26px;
  font-weight: 700;
  color: #000;
}

.d_list_heading a {
  text-decoration: none;
}


/* discussion list style to thumbnail */

.followdisc:hover {
  cursor: pointer;
}

.top-fixed {
  padding: 13px;
  position: fixed;
  right: 88px;
  top: 46px;
  z-index: 999;
  background: #fff;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.5);
}

.u_img {
  width: 48px;
  float: left;
}

.like_cmnt .flaticon-heart301::before,
.like_cmnt .flaticon-favorite21::before {
  font-size: 16px;
  margin-left: 15px;
  margin-right: 5px;
  cursor: pointer;
}

.discussion-speicifc-inner-content {
  line-height: 30px;
  text-align: justify;
  font-size: 15px;
  padding: 0;
}
.discussion-speicifc-inner-content img {
  width: 100% !important;
  height:auto !important;
}
.user-comment-reply .media .media-left {
  height: 80px;
}

.top-btn a.top-suggest-button {
  padding: 10px;
  width: auto;
  line-height: 24px;
}


/*********     CSS for Feedback 17 March 17     *************/

.feedback-form {
  margin: 20px auto;
}

.feedback-form .panel {
  border-radius: 0;
}

.feedback-form .panel-body {
  padding: 15px;
}

.feedback-form .panel .panel-heading {
  padding: 20px;
}

.feedback-form .panel .panel-body .form-group select {
  height: 43px;
}

.feedback-form .panel .panel-body .form-group label {
  font-weight: normal;
}

.feedback-form .panel .panel-body .form-group button.btn-feedback {
  background-color: #990073;
  color: #fff;
  border-radius: 2px;
  padding: 12px 50px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}


/**********************************/

.bookmark-listing {
  padding: 20px 0 20px;
}

.bookmark-listing h3 {
  font-size: 20px;
  margin: 20px 0 20px;
}

.bookmark-listing ul {
  margin: 0;
}

.bookmark-listing ul li a.btn-bookmark-btn,
.dasc {
  background: #990073;
  padding: 10px;
  color: #fff;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 2px;
  width: 180px;
}

.inner-bm-list ul li {
  position: relative;
  margin-bottom: 20px;
}

.inner-bm-list ul li a.btn-bookmark-btn {
  background: #990073;
  padding: 15px 30px;
  color: #fff;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 2px;
  width: 200px;
  white-space: normal;
}

.inner-bm-list ul li a.btn-add-items {
  background: #331966;
  padding: 25px 30px;
  color: #fff;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 2px;
  width: 200px;
}

.inner-bm-list ul li span {
  position: absolute;
  font-size: 12px;
  left: 0;
}

.add-event-time .form-group {
  min-width: auto ! important;
}

[id*='send-user-mail-popup'] .import-contact-top {
  padding: 17px 20px;
}

.rating ul li.mail {
  border-radius: 20px;
  border: 1px solid #990073 !important;
}

.rating ul li.mail a i.flaticon-envelope5::before {
  font-size: 16px !important;
  color: #990073 !important;
}


/*************** Service Block Heaind list Css ***********************/
.product_full_img {
    width: auto;
    height: auto;
    max-width: 100%
}
.service_blk_heading {
    position: relative;
    border-bottom: 1px solid #b7b7b7;
}

.service_blk_heading .sb-list {
  position: absolute;
  right: 20px;
  top: 17px;
}

.service_blk_heading .sb-list ul li.mail {
  border-radius: 20px;
  border: 1px solid #990073 !important;
  height: 32px;
  width: 32px;
  padding: 2px 6px 0px;
}

.service_blk_heading .sb-list ul li.mail a i::before {
  font-size: 18px;
}

.service_blk_heading .sb-list ul li span {
  position: absolute !important;
  left: -31px;
  top: 0px;
}

.service_blk_heading .sb-list ul li a:hover {
  text-decoration: none;
}

.pro-but a {
  display: block;
  text-transform: capitalize;
  letter-spacing: 1px;
  word-spacing: 5px;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
  background: #331966;
  color: white;
  border-radius: 5px;
}

ul.share-list-blog li:first-child {
  float: left;
  padding-left: 10px;
  padding-bottom: 10px;
}

ul.share-list-blog li:last-child {
  float: right;
  padding-right: 10px;
  padding-bottom: 10px;
}


/****************    Add culture page       ****************/

.add-culture-heading h3 {
  font-size: 18px;
  font-weight: bold;
  font-family: inherit;
  color: #000;
  margin-top: 30px;
}

.add-culture-heading {
  margin-bottom: 20px;
}

.add-culture-list ul {
  margin-bottom: 0;
}

.culture-listing-div {
  margin: 11px 15px;
}

.culture-listing-div,
.add-culture-list ul li {
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 10px;
  background-color: rgba(153, 0, 115, 0.40);
  border-radius: 3px;
  padding-bottom: 15px;
  text-transform: capitalize;
  padding-top: 15px;
  margin-left: 0;
  transition: all 0.5s ease;
}

.culture-listing-div:hover,
.add-culture-list ul li:hover {
  background: rgba(153, 0, 115, 1);
  color: #fff;
  transition: all 0.5s ease;
}

.culture-listing-div:hover,
.add-culture-list ul li:hover a {
  color: #fff;
  transition: all 0.5s ease;
}

#items_culture a {
  color: #000;
  text-decoration: none;
}

#items_culture a:hover,
.add-culture-list ul li a:hover {
  text-decoration: none;
}

.add-culture-list ul li span.flaticon-add186::before {
  font-size: 12px;
  background: #331966;
  color: #fff;
  padding: 5px;
  border-radius: 28px;
  margin-right: 14px;
}


/***********************************/


/************** Culture view css 5may17 **********************/

.hero-profile-view-content .panel {
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.18);
}

.hero-profile-view-content .panel .panel-heading h3 {
  font-size: 16px;
  font-weight: 600;
  color: #344967;
}

.hero-profile-view-content .panel .panel-body p {
  font-size: 13px;
  color: #252525;
}

.profile-view-img {
  height: 333px;
  width: 333px;
  background: url('../images/no-user-image-square.jpg') no-repeat center;
  border: 1px solid #ddd;
}

.profile-img {
  margin-bottom: 20px;
  margin-top: 20px;
}

.lPadding {
  padding-left: 0;
}

.profile-detail {
  padding: 80px 0;
  position: relative;
}

.profile-action-list {
  position: absolute;
  top: 0;
  right: 0;
}

.profile-detail h1 {
  font-size: 40px;
  color: #000;
  font-weight: 600;
}

.profile-detail h4 {
  font-style: italic;
  font-size: 16px;
  color: #000;
  opacity: 0.54;
}

.seprator {
  height: 2px;
  background: #ddd;
  margin-bottom: 20px;
  margin-top: 20px;
}

.social-list ul li a span.ico {
  height: 35px;
  width: 35px;
  border: 1px solid #777777;
  border-radius: 100%;
  text-align: center;
  line-height: 35px;
  position: absolute;
}

.social-list {
  margin-top: 20px;
}

.social-list ul li {
  position: relative;
  padding-right: 44px;
}

.social-list ul li a span i {
  color: #777;
  font-size: 14px;
}

.social-list ul li a span i::before {
  font-size: 12px;
}

.social-list ul li a span.ico:hover {
  border: 1px solid #990073;
}

.social-list ul li a span.ico:hover i {
  color: #990073;
}

.hero-profile-view-content .panel-heading {
  padding: 15px;
}

.hero-profile-view-content .panel-body {
  padding: 15px;
}

.culture-heading {
  font-weight: bold;
  color: rgb(255, 70, 58);
  text-align: center;
  text-transform: capitalize;
}

.d_box {
  border-width: 1px;
  border-color: rgb(228, 229, 231);
  border-style: solid;
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.18);
  padding: 45px 30px;
  margin-bottom: 20px;
}

.d_box_heading h1 {
  margin-top: 0;
  font-size: 40px;
  font-weight: bold;
  color: #000;
}

.d_box_heading a {
  text-decoration: none;
}

.read_more {
  font-size: 12px;
  color: #990073;
  text-decoration: none;
}

.cul_h {
  color: #990073;
  border-radius: 0;
  box-shadow: 0 2px 0px 0px #ddd;
  text-decoration: none;
  margin: 20px 0;
  padding: 5px 0px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.d_box_heading small {
  font-size: 16px;
  font-style: italic;
  margin-bottom: 27px;
}

.divider {
  height: 2px;
  background: #ddd;
  width: 90%;
  margin-top: 27px;
  margin-bottom: 27px;
}

.p_heading {
  padding: 15px;
  background: #b2b2b2;
  margin-bottom: 15px;
  margin-top: 55px;
}

.p_heading h2 {
  margin: 0;
  font-size: 20px;
  color: #000;
  font-weight: 600;
}

.d_box p {
  font-size: 20px;
  font-weight: normal;
  color: #000;
  opacity: 0.87;
}

.d_box_heading {
  position: relative;
}

.form-labels {
  padding: 5px 0px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  color: #ccc;
}

#delCulture h4 {
  font-weight: bold;
}

#delCulture button.close {
  margin-top: -25px;
}

#delCulture .import-contact-top {
  padding: 11px
}


/************************************************************/


/*******************        changes for header add blogs on 8 June 17    ********************/

a.add-blog {
  color: #990073;
  left: 52%;
  position: absolute;
  top: 6%;
}

a.add-blog {
  padding: 10px 5px;
}

a.add-blog i {
  margin-right: 10px;
}

a.add-blog i.icon-bdr-header {
  border: 1px solid #990073;
  border-radius: 50%;
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: 25px;
}

a.add-blog i.flaticon-add186::before {
  font-size: 14px;
}

.bookmark_font {
  font-family: 'Glyphicons Halflings';
}

.bookmark_font:before {
  font-size: 17px;
}


/****************************************************/

#add-event-form .chosen-container-multi .chosen-choices .search-field .default {
  height: 40px !important
}


/*******************        CSS for Filters on 11th July 17     *******************************/

.filter .modal-dialog,
.filter2 .modal-dialog {
  width: 1062px;
}

.location-heading {
  background: #f4f5f6;
  padding: 10px;
  margin-bottom: 10px;
}

.location-heading h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 200;
}

.location-form .form-group label {
  margin-right: 20px;
  margin-left: 20px;
}

.location-form {
  margin-bottom: 20px;
}

.lpadding {
  padding-left: 0;
}

.rpadding {
  padding-right: 0;
}

.filter .form-group select,
.other-comm .form-group select {
  width: 150px;
  border-width: 1px;
  border-color: rgb(204, 204, 204);
  border-style: solid;
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  height: 40px;
  font-size: 14px;
  padding: 4px;
}

.filter .modal-content .modal-header {
  position: relative;
}

span.clear-filter {
  position: absolute;
  right: 50px;
  top: 15px;
  text-decoration: underline;
}

.type-form h4 {
  font-size: 14px;
  color: #34495e;
  font-weight: normal;
}

.location-form .form-group label {
  font-size: 14px;
  font-weight: normal;
  color: #34495e;
}

.form-btn button.btn-done {
  border-radius: 2px;
  background-color: #990073;
  padding: 15px 60px;
  color: #fff;
  font-size: 16px;
}

.accordion-heading .accordion-toggle>em {
  background-color: #990073;
  color: #fff;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  margin-right: 10px;
  text-align: center;
  width: 32px;
}

.accordion-heading {
  background: #f4f5f6;
  margin-bottom: 15px;
}

.accordion-inner {
  padding: 20px;
}

.accordion-heading a {
  text-decoration: none;
  color: #34459e;
}

.accordion-inner h3 {
  margin: 0;
  font-size: 16px;
  font-weight: normal;
  color: #34459e;
}

.cntr input[type="checkbox"] {
  visibility: hidden;
}

.cntr input[type="checkbox"]+label:last-child {
  margin-bottom: 10px;
}

.cntr input[type="checkbox"]+label {
  position: relative;
  padding-left: 25px;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: normal;
  color: #000;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.cntr input[type="checkbox"]+label:before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  border: 2px solid #990073;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 1;
  transition: all .12s, border-color .08s;
}

.cntr input[type="checkbox"]:checked+label:before {
  width: 10px;
  top: -5px;
  left: 5px;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


/******************************************************************************/


/**************     Changes for create event form on 2Aug17 *******************/

.occurence-form .form-group select {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.occurence-form .form-group label {
  font-size: 12px;
  font-weight: normal;
}

.occur-heading p {
  font-family: inherit;
  border-bottom: 1px solid #ccc;
  padding-bottom: 8px;
  margin-bottom: 4px;
  margin-top: 0;
}

.main-list ul {
  margin-bottom: 0;
}

.main-list ul li.month select {
  border-radius: 0;
  height: 26px;
  padding: 2px;
  font-size: 14px;
}

.main-list ul li p {
  margin: 0;
  font-size: 12px;
  font-family: inherit;
}

.main-list ul li input:focus {
  box-shadow: none;
}


/*
.list-option {
    margin-bottom: 15px;
    margin-top: 15px;
}*/

.weekely-list ul.weekdays li {
  width: 107px;
  margin-bottom: 0px;
  margin-top: 10px;
}

.main-list ul li.range-date input {
  width: 100%;
}

.reccurrance-list .checkbox {
  display: inline-block;
  padding-right: 15px;
}

.reccurrance-list .radio-inline {
  padding-left: 0;
}

.reccurrance-list .radio-inline .form-group {
  min-width: auto !Important;
  padding-right: 15px;
}

.reccurrance-list .radio-inline .form-group input[type="radio"] {
  margin: 2px -17px 0;
}

.range-list ul li label div.form-group {
  margin-bottom: 0;
}

.range-list ul li label div.form-group {
  margin-bottom: 0;
}

.new-label {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  color: #ccc;
}

div#sakutievents-occurance .radio {
  display: inline-block;
  margin-right: 16px;
}


/*****************************************************************************/

.profile-detail-heading span.span-block {
  text-transform: uppercase;
}

.discussion-specific-inner .media .media-body span.bkmrk i {
  line-height: 9px;
}

.discussion-specific-inner .media .media-body a.active .icon-bdr {
  color: #990073 !important;
}

.comment-bookmak-list ul li a .icon-bdr {
  color: #6a6c6f !important;
}

.comment-bookmak-list ul li a.active .icon-bdr {
  color: #990073 !important;
}

.discussion-specific-inner .media .media-body span.bkmrk i::before {
  font-size: 12px !important;
}

.check_ticket input[type="radio"] {
  visibility: hidden;
}


/********** 25 Sept. 2017 Css *****************/

.service_blk_heading h2 {
  font-size: 20px;
  color: rgb(52, 73, 94);
  padding: 3%;
  font-weight: 600;
}

.heading-list-right ul {
  margin-bottom: 5px;
  margin-top: 11px;
}

.heading-list-right ul li {
  height: 32px;
  width: 32px;
  border: 1px solid #990073;
  padding: 5px;
  border-radius: 100%;
  line-height: 20px;
  text-align: center;
  position: relative;
  vertical-align: middle;
}

.heading-list-right ul li.profile-product-img img {
  height: 32px;
  width: 32px;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.heading-list-right ul li i.glyphicon-bookmark {
  color: #990073;
}

.heading-list-right ul .active {
  background-color: #990073;
}

.heading-list-right ul .active i.glyphicon-bookmark {
  color: #fff !important;
}


/********************************      Messanger Page        *******************************/

.sakuti-messanger-left {
  padding: 22px 0;
}

.user-icon-left,
.user-name-right {
  display: table-cell;
  vertical-align: inherit;
}

.user-name-right h2 {
  margin: 0;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
}

.user-name-right p {
  font-size: 10px;
  color: #7b7a7a;
}

.sakuti-messanger-user-list ul {
  margin-bottom: 0;
}

.sakuti-messanger-user-list ul li {
  padding: 5px 0;
  position: relative;
}

.sakuti-messanger-user-list ul li.active {
  background: #f3f2f2;
}

.search-user {
  padding: 0 15px;
  margin-bottom: 10px;
}

.search-user input {
  height: 33px;
  border-radius: 2px;
  background: #f7f7f8;
  font-size: 10px;
  color: #c1bfbf;
  font-weight: bold;
}

.sakuti-messanger-right {
  border-left: 2px solid #e3e3e3;
  padding: 22px 0 0 14px;
}

.user-profile-icon {
  border-bottom: 2px dotted #b1b0b0;
  margin-bottom: 15px;
}

.user-profile-icon h4 {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 21px;
}

.user-profile-location ul {
  margin-bottom: 0;
}

.user-profile-location ul li {
  margin-bottom: 2px;
  padding: 5px;
  color: #000;
  font-weight: bold;
  font-size: 12px;
}

.user-profile-location {
  border-bottom: 2px solid #e3e3e3;
  margin-bottom: 10px;
}

.user-profile-location ul li img {
  margin-right: 5px;
}

.profile-messager-event-list ul {
  margin-bottom: 0;
}

.profile-messager-event-list ul li {
  margin-bottom: 10px;
  padding: 5px;
  font-size: 14px;
  color: #000;
}

.profile-messager-event-list ul li .flaticon-share-comm {
  vertical-align: middle;
}

.user-icon-left img {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  margin-right: 7px;
  margin-top: 7px;
}

.faltu {
  background: #fff;
}

.faltu .chat-action {
  position: inherit;
  left: 0;
  top: 18px;
  padding: 0 5px;
}

.faltu .chat-action button {
  border-radius: 0px 0px 10px 10px;
}

.user-msg-count {
  display: table-cell;
  vertical-align: inherit;
}

.user-msg-count .noticount {
  top: 3 !important;
  right: 4px !important;
  position: inherit;
  margin-left: 11px;
}

.user-msg-count .noticount span {
  position: inherit;
}

.active .red-light {
  background: red;
  width: 7px;
  border-radius: 7px;
  height: 7px;
  margin-left: 7px;
}

.profile-messager-event-list .icon-bdr {
  border: none;
  border-radius: 0;
  font-size: 9px;
}

.profile-messager-event-list .icon-bdr:before {
  color: red;
  font-size: 16px;
}

.profile-messager-event-list .added-user {
  background: none;
  color: #fff !important;
}

.my-resume iframe {
  width: 100%;
  height: 500px;
  margin-top: 11px;
  border: 2px solid rgba(0, 0, 0, 0.3);
}

.background {
  background-color: rgb(248, 248, 248);
  padding: 7PX;
  text-align: center;
}

.background .select-file {
  padding: 7px;
  background-color: #ccc;
  width: 150PX;
  margin: 0 auto;
  margin-bottom: 7px;
}

.background .file {
  margin-bottom: 0;
  margin-top: 5px;
}

.dropzone {
  padding: 0;
}

.dropzone .dz-message {
  margin: 0;
}


/*****************************************************************************/


/* 8 Dec 2017  */

.profile-p .btn-nav {
  margin-bottom: 20px;
}

.profile-p .btn-nav h3 {
  font-size: 18px;
  font-weight: bold;
  font-family: inherit;
  margin-bottom: 10px;
  color: #34495e;
}


/****************   Messenger changes    *****************/

.user-profile-icon.cus {
  border-bottom: 0;
  margin-bottom: 0;
  width: inherit;
}

#dLabel {
  height: 50px;
}

.dropdown.custome-drop {
  position: relative;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  border-bottom: 2px dotted #b1b0b0;
  align-items: center;
  -webkit-align-items: center;
}

.faltu .dropdown.custome-drop .dropdown-menu {
  right: 0
}

.dropdown.custome-drop .dropdown-menu {
  left: inherit;
  top: 90%;
}

#messangerWindow {
  padding: 0 30px 0 0;
}

.send-msg-outer {
  margin: 0;
}

a#back {
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  background: #990073;
  border-radius: 3px;
  padding: 2px 8px;
  margin-right: 11px;
}

#dLabel {
  border: 0;
}

.frame-section {
  border: 1px solid #ccc;
  border-radius: 5px;
}

.frame-section .msg-thread-outer {
  height: 400px;
}


/* 21 Dec 2017 css */

.user-chat-heading {
  text-align: center;
  width: 241px;
  margin: 0 auto;
}

.user-chat-heading .user-icon-left-heading img {
  height: 40px;
  width: 40px;
  border-radius: 100%;
  float: left;
  margin-right: 14px;
}

.user-chat-heading .user-name-right-heading {
  float: left;
}

.user-chat-heading .user-name-right-heading h2 {
  font-size: 16px;
  margin-top: 5px;
  text-align: left;
  text-transform: uppercase;
  font-weight: 900;
  color: #000;
  margin-bottom: 0;
}

.user-chat-heading .user-name-right-heading p {
  font-size: 12px;
  color: #999;
}


/*************************      Changes for Market place Forms on 27th Dec17      ***************************/

.add_prct_service {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  background-color: #fff;
  padding: 10px 20px;
  box-shadow: 0 1px 10px #ccc;
  -webkit-box-shadow: 0 1px 10px #ccc;
}

.head-right {
  text-align: right;
}

.header-option {
  padding-top: 10px;
}

.bg-custome {
  background: #fff;
  width: 100%;
  float: left;
}


/*.header-option [type="radio"]:checked,
.header-option [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.header-option [type="radio"]:checked + label,
.header-option [type="radio"]:not(:checked) + label {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding-left: 22px;
    font-weight: normal;
    padding-right: 25px;
}
.mpcls [type="radio"]:checked + label,
.mpcls [type="radio"]:not(:checked) + label {
    background: none;
    line-height: 22px;
}
.header-option [type="radio"]:checked + label::before,
.header-option [type="radio"]:not(:checked) + label::before {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px solid #ccc;
    content: '';
    left: 0;
    top: 3px;
}
.header-option [type="radio"]:checked + label::after,
.header-option [type="radio"]:not(:checked) + label::after {
    position: absolute;
    width: 9px;
    height: 9px;
    background-color: #fe4739;
    top: 6px;
    left: 3px;
    content: '';
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.header-option [type="radio"]:not(:checked) + label::after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.header-option [type="radio"]:checked + label::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}*/

.validate-star {
  color: #fe4739;
  font-size: 20px;
  position: relative;
  top: 3px;
  left: 3px;
  line-height: 4px;
}

.service_add_form {
  width: 100%;
  float: left;
  background: #fff;
  padding: 20px;
}

.service_add_form .cus-heading {
  background: #f4f5f6;
  color: #808080;
  padding: 10px 15px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

.pb-10px {
  margin-bottom: 10px;
}

.additor {
  width: 100%;
  float: left;
  margin: 10px 0;
}

.certfi-sec {
  margin: 20px 0
}

#whole-sec {
  box-shadow: 0 1px 10px #ccc;
  -webkit-box-shadow: 0 1px 10px #ccc;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

.certfi-sec .radio-inline:first-child {
  padding-left: 0
}

#whole-sec .add_button a {
  background: #fd4f44;
  color: #fff;
  text-decoration: none;
  float: right;
  display: inline-block;
  padding: 2px 20px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 25px;
}

.certfi-sec [type="radio"]:checked,
.certfi-sec [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.certfi-sec [type="radio"]:checked+label,
.certfi-sec [type="radio"]:not(:checked)+label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding-left: 25px;
  font-weight: normal;
  padding-right: 25px;
}

.certfi-sec [type="radio"]:checked+label::before,
.certfi-sec [type="radio"]:not(:checked)+label::before {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 1px solid #ccc;
  content: '';
  left: 0;
  top: 0px;
}

.certfi-sec [type="radio"]:checked+label::after,
.certfi-sec [type="radio"]:not(:checked)+label::after {
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #fe4739;
  top: 4px;
  left: 4px;
  content: '';
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.certfi-sec [type="radio"]:not(:checked)+label::after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.certfi-sec [type="radio"]:checked+label::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.ser-space {
  padding-right: 20px;
}

.cretae-section {
  margin: 20px 0
}

.cretae-section li {
  margin: 0 10px;
}

.space-bottom {
  padding-bottom: 10px;
}

.space-top {
  padding-top: 10px;
}

.cretae-section .save,
.cretae-section .next:focus {
  background: #331966;
  color: #fff;
  padding: 10px 50px;
  text-decoration: none;
  border: 1px solid #331966;
}

.cretae-section .next,
.cretae-section .next:hover,
.cretae-section .next:focus {
  background: #fff;
  color: #000;
  text-decoration: none;
  border: 1px solid #000;
  padding: 10px 50px;
}

.bg-custome .box {
  width: 100%;
  float: left;
  border: 1px solid #ccc;
  padding: 10px 20px
}

.bg-custome textarea {
  resize: none;
}

.head-right .radio-cont-outer .radio {
  margin: 10px 16px 0 0px;
}

select.form-control.custom-select {
  width: 80%;
  float: left
}

.close-custome,
.close-custome:hover,
.close-custome:focus {
  float: right;
  background: #fd4f44;
  color: #fff;
  padding: 5px 10px;
  opacity: 1;
  font-size: 16px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  text-decoration: none;
}

.close-custome.second-cst {
  float: left;
  margin-top: 3px
}

.service_add_form .jqte {
  margin: 0;
}

#classifieds-type .radio {
  display: inline-block;
  margin-right: 12px;
}

.certfi-section .form-group {
  margin-bottom: 0;
}

.field-services-certification,
.field-products-certification {
  display: inline-block;
  width: auto;
  padding-left: 20px;
  margin-bottom: 0;
}

.certfi-section .radio {
  display: inline-block;
  padding-left: 20px;
}

.certfi-section input[type="radio"],
input[type="checkbox"] {
  margin: 2px -18px 0;
}

.dynamicform_wrapper .panel-heading {
  padding: 15px;
  border-bottom: 1px solid #e3e3e3;
}

.dynamicform_wrapper .panel-body {
  padding: 15px !important;
}

.btn.btn-danger {
  color: #fff;
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
}

.mCSB_inside>.mCSB_container {
  margin-right: 15px;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 15px;
}

.mCSB_scrollTools .mCSB_dragger_bar {
  width: 11px !important;
}

.discussion-comment-reply-box {
  width: 100%;
  float: left;
}

button.add-item {
  position: absolute;
  right: 30px;
  bottom: 26px;
}

input#deliveries-days {
  height: 100px;
}

.frm_vry {
  background: red !important;
  color: #ffffff !important;
}

.btn_verify {
  background: #990073;
  border-radius: 7px;
  color: #fff;
  font-size: 12px;
  font-weight: bolder;
  height: 35px;
  position: absolute;
  right: 2px;
  width: 101px;
}

.form-group.field-loginform-rememberme input[type="checkbox"] {
  margin: 2px 0 0;
}


/*************************************   bug Changes on 19mar18   ***************************************/

.field-loginform-rememberme>span>input {
  margin: 0;
}

.help-block-error {
  font-size: 10px;
}

.stream-comm-popup+div+.slideshow-comment>div:after {
  left: 15%;
}

.sticky .slideshow:after,
.slideshow>div:after {
  left: 50%;
}

.slideshow-comment {
  right: -75px;
}

.slideshow>div:after {
  border-top: 15px solid #F5F5F5;
}

.slideshow {
  padding: 0px;
  box-shadow: 0px 0px 2px rgb(198, 198, 198);
}

.jqte_editor>p {
  /* text-transform: capitalize; */
  font-weight: normal;
}

.new-header-bg a span {
  text-transform: uppercase;
}

.media-object.img-circle.d_img {
  background-size: cover !important;
}

.comment-bookmak-list {
  position: absolute;
  right: 0;
  top: 10px;
}

.comment-bookmak-list ul {
  margin-bottom: 0;
}

.comment-bookmak-list ul li span {
  /*    font-size: 12px;*/
  color: #6a6c6f !important;
}

.comment-bookmak-list ul li span font {
  font-size: 16px;
  vertical-align: text-bottom;
  margin-left: 2px;
}

.d_list_box .like-box ul li span {
  color: red;
}

#editMyLoc-popup .modal-dialog {
  width: 850px;
  margin: 30px auto;
}

div#editMyLoc-Container .marbot20 {
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
}

div#editMyLoc-Container .marbot20:last-child {
  padding: 0;
  border: none;
}

div#editMyLoc-Container .marbot20:first-child {
  padding-top: 20px;
}

.discussion-specific-inner {
  position: relative;
}

.right-sidebar {
  position: absolute;
  right: -132px;
  top: 40px;
  background: #fff;
  box-shadow: 0 4px 11px 0px rgba(0, 0, 0, .3);
}

.affix {
  position: fixed;
  top: 100px;
  right: 44px;
  z-index: 9999 !important;
}

.right-sidebar li {
  padding: 10px 8px;
  cursor: pointer;
}

.right-sidebar li.active {
  background: #f2f2f2;
  color: #31bb35cc;
}

.right-sidebar li:hover {
  color: #31bb35cc;
}

.form-content.clearfix {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.form-content.clearfix.last-row-form {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-top: 20px;
}

.right-sidebar ul li a span {
  font-size: 18px;
}

.right-sidebar ul li span {
  color: #6a6c6f !important;
}

.right-sidebar ul li a.active span {
  color: #990073 !important;
}

.empty {
  height: 300px;
  /*    display: flex;*/
  justify-content: space-around;
  align-items: center;
}

.empty h2 {
  text-align: center;
}

.search_content {
  margin-bottom: 50px;
}

.search_content p {
  margin: 0;
  padding: 8px 10px;
  background: #ccc;
  margin-left: 15px;
}

.search_content p strong {
  color: #000;
}

.comment-bookmak-list ul li span .white {
  color: #fff;
}

.specific-event-detail-heading .comment-bookmak-list .pop-up::after {
  top: -15px;
  transform: rotate(180deg);
}

.specific-event-detail-heading .comment-bookmak-list .pop-up {
  top: 30px;
}

.follow-clg .icon-bdr {
  color: #6a6c6f !important;
}


/****************************       CSS for add company on 15th may 2018    ***************************************/

.comp-box {
  background-color: rgb(255, 255, 255);
  box-shadow: 2px 3.464px 12.48px 0.52px rgba(0, 0, 0, 0.08);
  padding: 21px;
  border-radius: 6px;
}

.comp-box-heading {
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 13px;
}

.comp-box-map #map {
  margin-top: 0px;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
}

.comp-box-map {
  padding-top: 21px;
}

.comp-box-otp .btn_verify {
  position: inherit;
}

.add-org-step {
  padding: 25px;
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  box-shadow: 2px 3.464px 12.48px 0.52px rgba(0, 0, 0, 0.08);
  margin-bottom: 30px;
}

.step-progressbar ul {
  margin-bottom: 0;
  position: relative;
}

.step-progressbar ul::after {
  position: absolute;
  height: 1px;
  width: 70%;
  content: '';
  background: #ddd;
  top: 27px;
  left: 107px;
  z-index: 10;
}

.step-progressbar ul.progressbar li {
  list-style-type: none;
  width: 33.33%;
  float: left;
  font-size: 16px;
  position: relative;
  text-align: center;
  color: #fff;
  z-index: 20;
}

.progressbar .active {
  background: #990073 !important;
  color: #fff !important;
  border: 1px solid #990073 !important;
}

.step-progressbar ul.progressbar li .step-1,
.step-progressbar ul.progressbar li .step-2,
.step-progressbar ul.progressbar li .step-3 {
  width: 150px;
  border: 1px solid #e3e3e3;
  margin: 0 auto;
  padding: 15px;
  color: #000;
  background: #e3e3e3;
  border-radius: 2px;
}

.product-avail-box {
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  box-shadow: 2px 3.464px 12.48px 0.52px rgba(0, 0, 0, 0.08);
  margin-bottom: 30px;
}

.product-avail-box .product-box-header {
  box-shadow: 3px 5.196px 15.36px 0.64px rgba(0, 0, 0, 0.06);
  padding: 25px 15px;
}

.product-avail-box .product-box-header h2 {
  font-size: 20px;
  color: #000;
  margin: 0;
}

.product-avail-box .product-box-content {
  padding: 30px 15px;
}

.product-box-content h2 {
  margin: 10px 0;
  font-size: 18px;
}

#mp-proSer .header-option label {
  margin-right: 12px;
}

#mp-proSer .header-option {
  padding-top: 7px;
  color: #656565;
  font-weight: bold;
}

#add-organization-form .radio label {
  color: #656565;
  font-weight: bold;
}

.header-option .radio {
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
}

.header-option label+[type="radio"]:checked,
.header-option label+[type="radio"]:not(:checked) {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding-left: 10px;
  font-weight: normal;
  padding-right: 10px;
  font-size: 14px;
}

.header-option [type="radio"]:checked,
.header-option [type="radio"]:not(:checked) {
  position: relative;
  left: 0;
  top: 2px;
}


/* Hide the browser's default checkbox */

.check-box input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.check-box {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: normal !important;
}

label.check-box {
  font-weight: normal;
}


/* Create a custom checkbox */

.checkmark {
  position: absolute;
  top: 1px;
  left: 0;
  height: 21px;
  width: 21px;
  border: 1px solid #fe4739;
}


/* When the checkbox is checked, add a blue background */

.check-box input:checked~.checkmark {
  background-color: #fe4739;
}


/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}


/* Show the checkmark when checked */

.check-box input:checked~.checkmark:after {
  display: block;
}


/* Style the checkmark/indicator */

.check-box .checkmark:after {
  left: 6px;
  top: 1px;
  width: 8px;
  height: 14px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(34deg);
  -ms-transform: rotate(34deg);
  transform: rotate(34deg);
}

.next-btn button.btn-org-next {
  background: #331966;
  color: #fff;
  font-size: 18px;
  padding: 10px 35px;
  width: 175px;
  margin: 0 auto 30px;
}


/*Payment Box Css*/

.payment-box {
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  box-shadow: 2px 3.464px 12.48px 0.52px rgba(0, 0, 0, 0.08);
  margin-bottom: 30px;
}

.payment-box .payment-box-header {
  box-shadow: 3px 5.196px 15.36px 0.64px rgba(0, 0, 0, 0.06);
  padding: 25px 15px;
}

.payment-box .payment-box-header h2 {
  font-size: 20px;
  color: #000;
  margin: 0;
}

.payment-box .payment-box-content {
  padding: 30px 30px;
}

.card-type-box {
  border-bottom: 1px solid #999;
  padding-bottom: 20px;
  margin-bottom: 30px;
}

.payment-type h3 {
  margin: 5px 0;
  color: #000;
  font-weight: bold;
  font-size: 18px;
}

.payment-type p strong {
  color: #000;
}

.payment-type a.add-card {
  color: #331966;
}


/*Payment Popup Css*/

.payment-popup {
  border: 1px solid #ddd;
  width: 680px;
  border-radius: 3px;
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  margin-top: 10px;
  position: relative;
}

.payment-popup::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f4f5f6;
  position: absolute;
  top: -10px;
  margin-left: -10px;
  left: 30px;
}

.payment-popup-header {
  background: #f4f5f6;
  padding: 15px;
  border-bottom: 1px solid #ddd;
}

.payment-popup-header h2 {
  margin: 0;
  color: #000;
  font-size: 18px;
}

.payment-popup-content {
  padding: 20px;
  background: #fff;
}

.payment-popup-content .form-group label {
  font-size: 14px;
  font-weight: normal;
  margin-top: 10px;
  margin-bottom: 0;
}

.payment-popup-content .form-group label span {
  color: #990073;
}

.payment-popup-content .form-group input {
  border-width: 1px;
  border-color: rgb(204, 204, 204);
  border-style: solid;
  border-radius: 2px;
  background-color: rgb(249, 249, 249);
  height: 40px;
  font-weight: 400;
  font-size: 12px;
  color: #999;
}

.payment-popup-content .form-group.security-code input,
.payment-popup-content .form-group.card-number input {
  width: 200px;
  position: relative;
}

.payment-popup-content .form-group.card-number span {
  position: absolute;
  right: 164px;
  top: 4px;
}

.payment-popup-content .form-group select {
  border-width: 1px;
  border-color: rgb(204, 204, 204);
  border-style: solid;
  border-radius: 2px;
  background-color: rgb(249, 249, 249);
  height: 40px;
  color: #999;
  font-size: 12px;
}

.payment-popup-footer {
  /*    border-top: 1px solid #ddd;*/
  padding: 15px;
}

.payment-popup-footer .total-amount-box ul {
  margin-bottom: 0;
  padding-left: 50px;
}

.payment-popup-footer .total-amount-box ul li {
  vertical-align: middle;
}

.payment-popup-footer .total-amount-box ul li button.btn-payment {
  border-radius: 3px;
  background-color: #990073;
  padding: 10px 30px;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
}

.total-amount h3 {
  margin: 0;
  font-size: 14px;
  font-weight: bold;
}

.total-amount h4 {
  margin: 0;
  font-size: 14px;
}

.header-option .radio:first-child {
  padding-left: 0;
}

.header-option ul li ul.chosen-choices li input {
  width: auto !important;
}

.header-option ul li ul.chosen-choices li input.default {
  height: auto !important;
}

.market-heading {
  padding: 15px;
}

.market-heading h3 {
  font-weight: bold;
}

.market-list .discussion-box .discussion-content .d_heading {
  bottom: 24%;
}

.market-list .discussion-box .discussion-content .d_heading h2 {
  font-weight: bold;
}

.market-list .prfle_catgy .arrow_img {
  border-radius: 60%;
  background: #990073;
  padding: 8px;
}

.market-list .prfle_catgy .arrow_img span {
  color: #fff;
}

.box-list {
  border: 2px solid #990073;
  border-radius: 10px;
  padding: 15px;
  text-align: center;
  margin-bottom: 10px;
}

.list-box-container .active {
  border: 2px solid #331966;
}

.box-list h3 {
  margin: 8px 0;
  font-size: 18px;
  font-weight: 600;
  color: #990073;
}

.list-box-container a {
  text-decoration: none;
  color: #000;
}

.cmp-ndiv a:hover {
  color: black;
}

.cmp-ndiv .emp-count {
  font-size: 10px;
  color: gray;
  padding: 0px 5px;
}

.field-spirituality-description .jqte_editor,
.field-spirituality-description .jqte_source,
.field-customsandtraditions-description .jqte_editor,
.field-customsandtraditions-description .jqte_source {
  min-height: 200px;
}

.field-leadershipandadministration-description .jqte_editor,
.field-leadershipandadministration-description .jqte_source {
  min-height: 310px;
}

.field-colonialexperience-description .jqte_editor,
.field-colonialexperience-description .jqte_source {
  min-height: 360px;
}

.profile-p #orgDescBox {
  position: relative;
  max-height: unset;
  overflow: hidden;
  transition: max-height .5s ease;
}

.profile-p .btn {
  font-size: 14px;
  color: #990073;
  font-weight: bold;
  text-align: center;
}

.profile-p .shadow {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, #fff 90%);
  height: 20px;
  margin-top: -20px;
  position: relative;
}

.edit-button button.btn-edit-profile {
  background: #990073;
  color: #fff;
  font-size: 10px;
  min-width: 120px;
  padding: 5px 6px;
  border-radius: 3px;
}

.comp-reg {
  background: #331966 !important;
}


/************************************   Company slide div    ******************************************/

.btn-show-list {
  position: absolute;
  right: 27px;
  top: 12px;
  background: none;
  border: 2px solid #990073;
  color: #000;
  transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
}

.btn-show-list:hover {
  background: #990073;
  color: #fff;
}

.show-list-box {
  padding: 15px;
  margin-bottom: 20px;
}

.show-list-box ul {
  margin-bottom: 0;
}

.show-list-box ul li {
  padding-right: 0;
  width: 310px;
  margin-bottom: 15px;
}

.show-list-box ul li a {
  font-size: 18px;
  color: #990073;
  text-decoration: none;
  font-weight: 800;
}

.show-list-box ul li a i {
  color: #990073;
  font-weight: 800;
  padding-right: 10px;
}


/*****************************************************************************/


/* Payment wrapper page css */

.payment-contnet {
  width: 543px;
  margin: 0 auto;
  text-align: center;
}

.payment-contnet p {
  line-height: 32px;
  font-size: 16px;
}

.payment-type-box {
  margin: 50px auto;
  width: 800px;
  position: relative;
}

.payment-type-box a.skip {
  position: absolute;
  right: -60px;
  text-decoration: none;
  font-size: 14px;
  color: #3d3d3d;
  top: 100px;
  background: #e3e3e3;
  padding: 10px;
  border-radius: 5px;
}

.payment-type-box ul {
  margin-bottom: 0;
  text-align: -webkit-center;
}

.payment-type-box>ul>li {
  padding-right: 30px;
}

.pay-card-box {
  display: table;
  padding: 10px;
  border-radius: 3px;
}

.w200 {
  width: 200px;
}

.gray-bg {
  background: #D9D9D9;
}

.pay-card-box .pay-card-content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 120px;
}

.pay-card-content h3 {
  margin: 5px 0;
  color: #fff;
  font-size: 18px;
}

.pay-card-box .pay-card-content span.or {
  font-size: 24px;
}

.pay-card-box .pay-card-content .checkbox {
  text-align: left;
}

.pay-card-box .pay-card-content label {
  display: block;
  padding-left: 0;
  text-align: left;
}

.payment-wrapper .checkbox label {
  position: relative;
  display: inline-block;
  padding-left: 11px;
  padding-top: 2px;
  font-weight: bold;
}

.payment-wrapper .checkbox input[type="checkbox"] {
  width: 20px;
  height: 20px;
}

.com-box {
  border: 1px solid;
  padding: 15px 0px;
}


/*******************************     Button home page       ***********************************/

.pdl30-media {
  padding-left: 30px;
}

.home-tab-section {
  padding: 15px 0;
}

.home-tab-section a {
  text-decoration: none;
}

.tab-box:hover {
  box-shadow: none;
}

.tab-box .tab-box-inner {
  display: table-cell;
  vertical-align: middle;
  border-radius: 5px;
  background: #990073;
  text-align: center;
  padding: 15px;
}

.tab-box .tab-box-inner h3 {
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}

.home-box {
  width: 415px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: auto;
}

.tab-box {
  display: table;
  height: 90px;
  width: 120px;
  margin-bottom: 15px;
  transition: all .2s ease-in;
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08);
  margin-right: 6px;
  margin-left: 6px;
}

.outer-layer>.modal-content>button {
  position: absolute;
  right: -23px;
  top: -21px;
}


/****************************      Login Popup CSS     ****************************/

#login-popup .modal-dialog .modal-content button.close {
  position: absolute;
  top: -42px;
  right: -64px;
  background: none;
  border: 2px solid #fff;
  height: 35px;
  width: 35px;
  border-radius: 100%;
  line-height: 28px;
  text-align: center;
  opacity: 1;
  color: #fff;
  z-index: 90;
}

.outer-layer {
  border-radius: 5px;
  background-color: rgb(255, 255, 255, 0.6);
  padding: 20px 25px;
}

#login-popup .modal-dialog {
  width: 480px;
}

.login-popup-content h2 {
  font-size: 18px;
  margin: 15px 0;
}

.signup-popup-content h2 {
  margin: 10px 0;
  font-size: 14px;
}

.signup-popup-content h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0;
}

.login-popup-content .form-group input,
.signup-popup-content .form-group input {
  border-radius: 2px;
  height: 42px;
  color: #000;
  font-size: 14px;
  background: #e3e3e3;
  border: none;
  padding: 15px;
  box-shadow: none;
}

.login-popup-content .form-group .help-block,
.signup-popup-content .form-group .help-block {
  margin-top: 0;
  text-align: left !important;
}

.login-popup-content .form-group button.btn-popup,
.signup-popup-content .form-group button.btn-popup {
  background-color: #a3357d;
  color: #fff;
  font-size: 14px;
  border-radius: 2px;
  font-weight: bold;
  padding: 12px;
  text-align: center;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
}


/**************************************************************************/

.com-filter-heading {
  background: #990073;
  color: #fff;
  border-radius: 5px 5px 0 0;
  padding: 10px;
  font-size: 16px;
  margin: 0px 0px 10px 0px;
  font-weight: bold;
}

.com-filter-box {
  background: #fff;
  border-radius: 5px;
  margin-top: 40px;
  box-shadow: 0 0px 2px 0px #c6c6c6;
}


/********************   ADMIN Module CSS    ********************************/

.new-header-bg+#Admin_Container {
  padding: 30px;
  margin-top: 60px;
  height: 80vh;
  background: #fff;
}

#Admin_Container .grid-view {
  background: #fff;
}

.admin-text {
  font-weight: bold;
  color: #1c1c1c;
}

.pad-lr-20 {
  padding: 0 20px;
}

.pad-all-5 {
  padding: 5px;
}

.admin-chart {
  padding: 0px 20px 40px 20px;
}

#users-dob {
  width: 100%;
  height: 34px;
}

.card {
  position: relative;
  border-radius: 3px;
  background-color: #f7f6f6;
  color: #4f5256;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, .12);
  margin-bottom: 10px;
  min-width: 151px;
}

.card:hover {
  border: 1px solid rgb(243, 113, 61);
}

.card .card-body {
  padding: 15px;
}

.card .card-body h4 {
  font-size: 38px;
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 400;
  /*    color:#f3713d;*/
}

.card .card-body p {
  font-size: 18px;
  margin: 0;
  font-weight: bold;
  color: #990073;
}

.card .card-body h4 span {
  font-size: 16px;
  color: #990073;
}

.donate-form-heading {
  background: #990073;
  padding: 15px;
}

.donate-form-heading>h2 {
  margin: 0;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}

/* 29 March 2018 css */

div#editMyLoc-Container {
    padding: 0 10px;
}

.added-user.flaticon-add186::before {
    font-size: 14px;
    line-height: 28px;
}

.flaticon-add186::before {
    font-size: 16px;
}

.comment-bookmak-list ul li span.icon-bdr {
    font-size: 18px;
}

.specific-event-detail-heading .comment-bookmak-list {
    right: 16%;
    top: 18px;
    z-index: 20;
}

.specific-event-detail .comment-bookmak-list ul li [class^="flaticon-"]:before {
    font-size: 18px;
    color: red;
}

/***************************************************************************/
.search-filters-box {
    position: absolute;
    right: 11px;
    top: 5px;
    border: 1px solid #331966;
    border-radius: 5px;
    padding: 2px 5px;
    background: #331966;
    font-weight: bold;
}
.search-filters-box a {
    color: #fff;
    text-decoration: none;
}
.btn-success, .btn-success:hover {
    background-color: #331966 !important;
    border-color: #331966 !important;
}
.btn-danger, .btn-danger:hover {
    background: #990073 !important;
    border-color: #990073 !important;
}

#without-login-popup .outer-layer button.close 
{
    border: 2px solid #fff;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    z-index: 9999;
    opacity: 1;
    color: #fff;
    position: absolute;
    right: -40px;
    top: -36px;
}

#without-login-popup .outer-layer button.close:hover
{
  opacity: 1;
}

.ads-content {
    margin: 5px;
    font-weight: bold;
    background: #dadada;
    padding: 18px;
}

.ads-content .title {
    color: black;
    margin-top: 15px;
    font-size: 20px;
    text-align: -webkit-center;
}

.ads-content .likbtn {
    font-size: 17px;
    display: -webkit-box;
    color: #fff;
    background: #5f5f5f;
    text-align: -webkit-center;
    padding: 20px;
    border-radius: 5px;
}

.ads-content .likbtn:hover {
    cursor: pointer;
    background: #9b4072;
}

.scl-net {
    margin-top: 30%;
}
.ad-input {
    padding:10px;
    width: 100%;
    font-size: 14px;
}
.ad-form {
    background: #f7f7f7 none repeat scroll 0 0;
    margin-top: 15px;
    border-radius: 10px;
/*    box-shadow: 5px 10px #888888;*/
}
.ad-form .hdr {
  border-bottom: 1px solid #ccc;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  padding: 25px 20px;
}
.ad-form .info-head {
  color: #333;
  font-size: 14px;
  font-weight: bold;
  padding: 15px;
}
.ad-form .info-head span {
    color: grey;
    font-weight: normal;
}
.ad-thanks-txt p {
    font-size:20px;
    color:#5C5C5C;
}
.ad-thanks-txt h2 {
    color:black;
    font-weight: bold;
}

.ad-prev-sec {
    border: 1px solid;
    margin: 0 15px;
    background: #fff;
    padding: 0 0 15px 0;
}
.ad-prev-sec .ad-prev-img {
    padding: 0;
    border-bottom: 1px solid #ccc;
}
.ad-prev-sec .ad-prev-img img {
    width: 100%;
}

.ad-prev-sec .ad-prev-txt {
    text-align: justify;
    margin: 15px 0;
}

.ad-prev-sec .ad-prev-tag {
    text-align: justify;
    color: #9b4072;
}

.ad-prev-err {
    margin-top: -15px;
    color: #a94442;
    padding: 0px;
    font-size: 10px;
    font-weight: bold;
}

.flip-vertical {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}

.flip-horizontal {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.flip-hori-ver {
    -moz-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1);
    filter: FlipHV;
    -ms-filter: "FlipHV";
}

.evnt-buy-now {
    width: 200px;
    background: #990073;
    color: #fff;
    font-weight: bold;
    padding: 8px 30px;
}

.evnt-radio-lbl {
    padding: 0 20px 0 5px;
    margin-bottom: 7px;
}

.event_group-content #radio1, .event_group-content #radio2 {
    visibility: inherit;
}

.ads-plan-txt {
        margin-right: auto;
    margin-left: auto;
    float: inherit;
}
.ads-plan-txt .radio label {
        word-spacing: 4px;
    padding-bottom: 10px;
}
/************************************   CSS for user-info page on 28nov19        *************************************/
#add-userInformation-form h3.info-head {
    border: none;
    font-size: 14px;
    padding: 5px 15px;
}
.preferences-devider {width: auto;height:1px;border-bottom: 1px solid #c5c5c5;margin: 15px;}
.inline-radio .radio {
    display: inline-block;
    margin-right: 21px;
/*    min-width: 200px;*/
}
#add-userInformation-form .inline-radio .radio {
    display: block;
}
p.aes-info-sec {
    padding: 15px;
    width: 100%;
    float: left;
    font-weight: normal;
    margin: 0;
    text-align: justify;
    display: none;
}

span.aes-more-info {
    padding: 5px 10px;
    font-size: 10px;
    background: gainsboro;
    color: black;
    font-weight: bold;
    border-radius: 3px;
    margin-left: 20px;
    cursor: pointer;
}

span.aes-more-info:hover p.aes-info-sec {
    display: block;
}
span.aes-more-info:hover {
    color: white;
    background: #9b4073;
}
/************************************   CSS for user-info page on 28nov19 - close  *************************************/
/******************************************************       CSS for new home page      *****************************************************/
header.header {border-bottom: 3px solid #a3357d;}

.header .navbar-brand {
    float: none;
}

footer.footer {
    border-top: 3px solid #a3357d;
}
.c-copyright-2019-2 {
  font-size: 12px;
  line-height: 3.42;
  text-align: right;
  color: #000000;
  font-weight: 600;
}

section.home-page-upper-section {
    padding: 50px 0;
    background: #fff;
}
section.home-page-lower-section {
    padding: 50px 0;
    background: #f5f5f5;
    margin-bottom: 15px;
}
.up-border {
    padding: 15px;
}

.footer .navbar-nav > li {
    width: 200px;
}

.footer .navbar-nav > li > a {
    color: #000000;
    padding: 15px 0;
    font-weight: 600;
    font-size: 12px;
}

.footer .navbar-nav > li > a:hover {
  background:none !important;
  color:#990073;
}
.home-txt-box h1 {
    font-weight: bold;
    font-size: 33px;
    color: #000000;
    margin: 0;
}
.home-txt-box .home-desc p {
    color: #000000;
    margin: 0;
    font-size: 16px;
}
.home-desc {
    padding: 0 0 30px;
}

#sakuti-login-form input {
    border-width: 0 0 2px;
    border-radius: 0;
    border-color: #000000;
    height: 40px;
    box-shadow: none;
    padding: 0;
    width: 83%;
}

.aes-donation-btn {
    padding: 10px 25px;
    height: 44px;
    font-size: 14px;
    margin: 30px 0;
    text-transform: uppercase;
    background: #a3357d;
    color: #fff;
    border: 1px solid #990073;
    border-radius: 5px;
}
/*.aes-donation-btn:hover {
    background:#fff;
    color:#a3357d;
}*/

home-btn-term {
    padding: 0;
    margin-bottom: 20px;
    font-size: 12px;
}

.home-forgot-pass a {
    font-weight: 600;
    color: #a3357d;
    font-size: 10px;
}
.home-forgot-pass {
    padding: 15px 0;
}

.home-sign-up {
    padding: 10px 0;
    color: #000000;
    font-size: 14px;
}
.home-sign-up a {
    font-weight:bold;
    color:#a3347c;
}
.home-map-box {
    text-align: right;
    padding-top: 80px;
}
.home-map-box img {
    width: 100%;
}
.home-lower-title h2 {
    font-size: 33px;
    font-weight: bold;
    color: #000000;
}

.home-lower-boxes {
    padding: 50px 0;
    color: #000000;
}

.about-box {
    height: 345px;
    border-radius: 32.5px;
    box-shadow: 0 1.5px 3px 0 rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
    padding: 70px 30px;
    vertical-align: middle;
    display: table-cell;
}

.about-box h3 {
    font-weight: bold;
    margin: 20px 0;
    font-size: 20px;
}
.about-box p {
  font-size:12px;
}
.boxes-layout {
    padding: 0 70px;
}
div#resetG-capcha {
    width: 53%;
    margin: 0 auto;
}
.email-verify-msg-box {
    text-align: center;
    height: 55vh;
}

.email-verify-msg-box h1 {
  color: #990073;
  font-weight: normal;
}
.email-verify-msg-box h2 {
  color: #990073;
  font-weight: 600;
}
.email-verify-msg-box p {
    font-size: 12px;
}
div#standalone-container {
    height: 70vh;
}
.discussion-content-section {
    position: relative;
        margin: auto;
    width: 600px;
    font-family: inherit;
    padding: 0 27px;
}
.blog-editor .form-group {
    font-weight: inherit !important;
    display: inline-block;
}
div#editor-container {
    width: 600px;
    margin: auto;
}

#editor-container .ql-editor {
    text-align: justify;
    line-height: 30px;
    font-size: 15px;
    font-family: inherit;
    padding: 20px;
}
/*********     new Community module changes    *********/
.com-zoom-button {
    width: auto;
    margin-bottom: 20px;
    padding: 5px 0;
    display: block;
    text-align: center;
    line-height: 30px;
    background: #331966;
    color: white;
    font-size: 22px;
    text-decoration: none;
    border-radius:5px;
}

.zoom-btn {
    font-size: 25px;
    font-weight: bold;
    padding: 0 15px;
    color: white;
}
.zoom-btn.not-allowed {
    cursor: not-allowed;
    color:grey;
}
.zoom-btn:hover {
    color:#990073;
    text-decoration: none;
}
.fullscreen .panel-heading.note-toolbar {
    margin-top: 57px;
}
.note-editing-area .note-editable {
    max-height: 651px;
}