* {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0 none;
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Bold.woff') format('woff'), url('fonts/Roboto-Bold.ttf') format('truetype'), url('fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf') format('truetype'), url('fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf') format('truetype'), url('fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoLight';
    src: url('fonts/roboto-light.eot');
    src: url('fonts/roboto-light.eot') format('embedded-opentype'), url('fonts/roboto-light.woff2') format('woff2'), url('fonts/roboto-light.woff') format('woff'), url('fonts/roboto-light.ttf') format('truetype'), url('fonts/roboto-light.svg#RobotoLight') format('svg');
}

@font-face {
    font-family: 'RobotoMedium';
    src: url('fonts/roboto-medium.eot');
    src: url('fonts/roboto-medium.eot') format('embedded-opentype'), url('fonts/roboto-medium.woff2') format('woff2'), url('fonts/roboto-medium.woff') format('woff'), url('fonts/roboto-medium.ttf') format('truetype'), url('fonts/roboto-medium.svg#RobotoMedium') format('svg');
}

@font-face {
    font-family: 'RobotoBlack';
    src: url('fonts/Roboto-Black.eot');
    src: url('fonts/Roboto-Black.eot') format('embedded-opentype'), url('fonts/Roboto-Black.woff2') format('woff2'), url('fonts/Roboto-Black.woff') format('woff'), url('fonts/Roboto-Black.ttf') format('truetype'), url('fonts/Roboto-Black.svg#RobotoBlack') format('svg');
}

@font-face {
    font-family: 'bridgnorth_regular';
    src: url('fonts/bridgnorth_regular.eot');
    src: url('fonts/bridgnorth_regular.eot') format('embedded-opentype'), url('fonts/bridgnorth_regular.woff2') format('woff2'), url('fonts/bridgnorth_regular.woff') format('woff'), url('fonts/bridgnorth_regular.ttf') format('truetype'), url('fonts/bridgnorth_regular.svg#bridgnorth_regular') format('svg');
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

body,
html {
    margin: 0;
    padding: 0;
    font-family: 'Roboto-Regular';
    font-size: 14px;
    position: relative;
}

ul li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto-Bold';
    color: #04a4ad;
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 16px;
}

p {
    color: #9a9a9a;
}

a {
    text-decoration: none;
    color: #04a4ad;
    outline: none !important;
}

button {
    outline: none !important;
}

a:hover {
    text-decoration: none;
    cursor: pointer;
    outline: none !important;
}

:focus {
    outline: none !important;
}

a:focus,
a:active,
a:link,
a:visited {
    text-decoration: none;
}

a:hover,
a:focus {
    color: #04a4ad;
}

textarea {
    resize: none;
    color: #565656 !important;
}

input[type="text"] {
    color: #565656 !important;
}

#wrapper {
    width: 100%;
    float: left;
    margin: 0 auto 20px;
}

header {
    width: 100%;
    height: 50px;
    background: #fff;
    position: fixed;
    z-index: 11;
}

.circle {
    width: 92px;
    height: 88px;
    margin: 0 auto;
    background: url(images/circle.png)no-repeat 0 bottom;
    position: relative;
    z-index: 99999;
}

.small_circle {
    width: 48px;
    height: 48px;
    margin: 0 auto;
    border-radius: 50%;
    background: #05A3AE;
    position: relative;
    top: 17px;
    border-radius: 50%;
    overflow: hidden;
}

.logo {
    position: absolute;
    left: 1px;
    top: 0;
    width: 46px;
    height: 48px;
    background: url('images/logo.jpg')no-repeat 0 0;
    border-radius: 50%;
    /* -webkit-animation: sprite 1.5s  steps(6) infinite;
-moz-animation: sprite 1.5s  steps(6) infinite;
-o-animation: sprite 1.5s steps(6) infinite;
animation:  sprite 1.5s  steps(6) infinite; */
}

@-webkit-keyframes sprite {
    from {
        background-position: 0px 0px;
    }
    to {
        background-position: -287px 0px;
    }
}

@-moz-keyframes sprite {
    from {
        background-position: 0px 0px;
    }
    to {
        background-position: -287px 0px;
    }
}

@-o-keyframes sprite {
    from {
        background-position: 0px 0px;
    }
    to {
        background-position: -287px 0px;
    }
}

.below_shadow {
    background: url(images/header-shadow.png)repeat-x 0 bottom;
    bottom: -24px;
    height: 24px;
    position: absolute;
    width: 100%;
    z-index: 1000;
}

.container {
    width: 960px;
    margin: 50px auto 0;
}

.login-container,
.infoContainer {
    width: 850px;
    margin: 125px auto 25px;
    padding: 52px 55px;
    background-color: rgba(7, 162, 171, 0.6);
    text-align: center;
    color: #fff;
    float: left;
}

.login-container {
    float: none;
}

.complete-profile-container {
    margin-top: 88px;
}

.infoContainer .content {
    height: 365px;
    background: #FFF;
    padding: 15px;
}

.infoContainer .content p {
    color: #999;
    text-align: left;
    line-height: 20px;
    margin-bottom: 20px;
}

.infoContainer .content h3 {
    color: #35a7ae;
    text-align: left;
    margin-bottom: 20px;
}

.infoContainer .content a:hover {
    text-decoration: underline !important;
}

.infoContainer .mCustomScrollBox {
    width: 100%;
}

.infoContainer .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #35a7ae;
}

.infoContainer .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: #35a7ae;
}

.infoContainer .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.infoContainer .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: #35a7ae;
}

.infoContainer .mCustomScrollBox > .mCSB_scrollTools {
    width: 4px;
}

span.tip {
    background: url(images/tip.png) no-repeat center;
    color: #fff;
    padding: 5px 14px 5px 7px;
}

.row {
    clear: both;
    float: left;
    width: 100%;
    margin: 0!important;
}

.heading {
    margin: 0 auto 39px;
}

.infoContainer h1,
.heading h1 {
    text-shadow: 1px 2px 0.5px rgba(0, 0, 0, 0.25);
    line-height: 35px;
    font-size: 48px;
    color: #fff;
}

.infoContainer h1 {
    margin-bottom: 40px;
}

h2.ucase {
    text-transform: uppercase;
}

.heading h1 img {
    vertical-align: middle;
}

.heading .tagline {
    font-size: 28px;
    text-shadow: 1px 2px 0.5px rgba(0, 0, 0, 0.25);
}

.one-fourth {
    width: 280px;
    float: left;
    background: #fff;
    padding: 20px 25px;
    height: 330px;
}

.three-fourth {
    float: right;
    background: #fbb02c;
    width: 450px;
    padding: 20px 25px;
    height: 330px;
}

.Login h2 {
    color: #35a7ae;
}

.Login .tagline,
.Signup .tagline {
    color: #adadad;
    float: left;
    padding: 3px 0 15px;
    text-align: center;
    width: 100%;
}

.Login .tagline {
    color: #999999;
}

.Signup .tagline {
    color: #fff;
}

.Signup h2 {
    color: #fff;
}

.login-box {
    padding: 12px 0%;
    color: /*#888888*/
    #ababab;
    width: 100%;
    background: #f4f4f4;
    margin: 0 0 10px;
    box-shadow: 1.5px 1px 0 0 #eaeaea;
    -moz-box-shadow: 1.5px 1px 0 0 #eaeaea;
    -webkit-box-shadow: 1.5px 1px 0 0 #eaeaea;
    text-align: left;
    font-family: 'Roboto-Regular';
    font-size: 15px;
    text-indent: 15px;
}

.complete-profile-container .login-box {
    color: #ababab !important;
}

input[type="text"].login-box {
    color: #ababab !important;
}

.left {
    float: left;
}

.right {
    float: right;
}

.remember_me,
.forgot_pass,
.check,
.forgot_pass a {
    color: #cccccc;
    font-size: 12px;
}

.check label {
    padding: 0 0 0 5px;
}

.submit {
    margin: 20px 0 0 0;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Roboto-Bold';
    font-size: 16px;
}

.find-account-container .submit {
    margin: 0;
}

.find-account-container .one-fourth,
.signup-container .one-fourth,
.complete-profile-container .one-fourth {
    height: auto !important;
}

.aquamarine a {
    color: #08A2AC !important;
}

.aquamarine label {
    color: #08A2AC !important;
}

.facebookBtn {
    margin: 20px auto;
    width: 100%;
    text-align: center
}

.facebookBtn img {}

.facebookImg {
    display: block;
    float: left;
    height: 40px;
    width: 20%;
    border-right: 1px solid #dadada;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.facebookBtn a {
    display: block;
    height: 100%;
    width: 100%;
    color: #999999;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.facebookImg a {
    width: 100%;
    background: url("images/facebook.png") no-repeat center;
}

.facebookLogin {
    display: block;
    float: left;
    padding: 10px 0;
}

.Signup .facebookBtn {
    width: 50%;
    border: none;
}

.facebookBtn:hover .facebookImg a {
    background-image: url("images/facebook-active.png");
}

.iden-account {
    margin: 10px 0 0 0;
    font-size: 12px;
}

.Login .submit {
    width: 100%;
    background: #08A2AC;
    color: #fff;
}

.signup-box {
    padding: 12px 0;
    width: 47.8%;
    background: #fff;
    float: left;
    margin: 0 0 10px;
    border: 1px solid #fff;
    text-indent: 15px;
}

.signup-box:-moz-input-placeholder,
.signup-box:-webkit-input-placeholder,
.signup-box:-ms-input-placeholder {
    color: #FFFFFF !important;
}

.signup-box + .signup-box {
    margin-left: 15px;
}

.i_agree,
.i_agree a {
    color: #fff;
    margin-top: 10px;
}

.check.i_agree.aquamarine {
    color: #08a2ac;
}

.i_agree a:hover {
    text-decoration: underline;
}

.Signup .submit {
    width: 280px;
    background: #fff;
    color: #d88b03;
}

::-webkit-input-placeholder {
    color: #888888;
}

:-moz-placeholder {
    color: #888888;
}

::-moz-placeholder {
    color: #888888;
}

:-ms-input-placeholder {
    color: #888888;
}

.Signup .icheckbox_minimal-blue {
    background: url("css/blue-sign-up.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

@media (-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
    .Signup .icheckbox_minimal-blue {
        background-image: url("css/blue-sign-up@2x.png");
        -webkit-background-size: 200px 20px;
        background-size: 200px 20px;
    }
}


/************Login Error Page*******************/

.container.Login_error {
    width: 450px;
    margin: 37px auto 0;
    padding: 0;
}

.Login_error .login-container {
    padding: 35px 40px;
    width: 370px;
}

.Login_error .one-fourth {
    padding: 20px 0;
    /*height:440px;*/
    height: auto;
    width: 100%;
}

.Login_error .error-msg,
.Login_error .relogin-div {
    padding-left: 45px;
    padding-right: 45px;
}

.Login_error h2 {
    font-size: 23px;
    line-height: 45px;
}

.error-msg {
    border-bottom: 1px solid #04a4ad;
    font-size: 12px;
    padding-bottom: 20px;
}

.error-msg h3 {
    text-transform: uppercase;
    line-height: 29px;
    color: #03a4ae;
}

.Login_error form .row {
    position: relative;
}

span.invalid {
    background: url(images/error-icon.png)no-repeat right 0;
    height: 24px;
    position: absolute;
    right: -12px;
    top: -5px;
    width: 24px;
}

span.form_error {}

.line_through {
    text-align: center;
    background: url(images/dot.png) repeat-x center;
    width: 50%;
    margin: 0 auto;
}

.or {
    margin: 10px auto 0;
}

.line_through h4 {
    display: inline-block;
    font-size: 18px;
    color: #CDCDCD;
    position: relative;
    background: #fff;
    padding: 0 3px;
}

a.signup {
    padding: 5px 0;
    text-decoration: underline;
    padding: 22px 0 0;
    display: block;
}

input[type="submit"] {
    cursor: pointer;
}

.container .complete-profile-container {
    /*width:450px;*/
    width: 100%;
}

.dropdown .caret {
    float: right;
    margin-top: 10px;
}

.complete-profile-container form .row {
    margin-right: 0;
    margin-left: 0;
}

.complete-profile-container h2 {
    font-size: 22px;
    font-family: 'Roboto-Bold';
}

.complete-profile-container .relogin-div {
    padding-left: 40px;
    padding-right: 40px;
}

.complete-profile-container .col-md-3 {
    padding-right: 10px;
    padding-left: 0px;
    width: 26%;
}

.complete-profile-container .col-md-3:first-child {
    width: 22%;
}

.complete-profile-container .col-md-3:last-child {
    padding-right: 0;
}

select.arrow {
    background-image: url("images/formIcons.png");
    background-repeat: no-repeat;
    background-position: 0px center;
}

a.skip {
    color: #666666;
    font-family: 'Roboto-Regular';
    font-size: 15px;
    text-decoration: none;
}

a.skip:hover {
    color: #04a4ad;
    text-decoration: none;
}

a.skip:focus {
    text-decoration: none !important;
    color: #08a2ac;
}

.complete-profile-container .login-box {
    width: 100%;
}

.caret1 {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url("images/formIcons.png")no-repeat center -126px;
    float: right;
}

.radio-inline {
    border: 1px solid red;
    height: 15px;
}

.gender {
    height: 38px;
    width: 50px;
    display: inline-block;
    background: url("images/formIcons.png")no-repeat center -126px;
    opacity: 1;
    position: absolute;
}

.genger-label {
    display: inline-block;
    font-family: 'Roboto-Regular';
    font-weight: 300;
    font-size: 15px;
    color: #b2b2b2;
    float: left;
    /*margin-left: 10px;*/
    line-height: 46px;
    margin-bottom: 0px;
}

.genderContent {
    float: left;
    width: 78%;
    padding: 7px 0 0 14px;
}

.complete-profile-container span.female {
    float: left;
    cursor: pointer;
}

.complete-profile-container span.male {
    margin-right: 10px;
    float: left;
    cursor: pointer;
}

.complete-profile-container .male .iradio {
    background: url("images/formIcons.png") no-repeat scroll 50% -3px transparent;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.complete-profile-container .female .iradio {
    background: url("images/formIcons.png") no-repeat scroll 50% -67px transparent;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.complete-profile-container .iradio:hover {
    background-color: #EEE;
}

.complete-profile-container .male .iradio.checked,
.complete-profile-container .male .iradio.checked:hover {
    background-color: #04a4ad;
    background-position: 50% -34px;
}

.complete-profile-container .female .iradio.checked {
    background-color: #04a4ad;
    background-position: 50% -101px;
    border-radius: 50%;
}

.complete-profile-container .login-box {
    padding: 12px 10px;
}

#ans {
    display: block;
}

::-webkit-input-placeholder {
    color: #ababab;
}

::-moz-placeholder {
    color: #ababab;
}


/* firefox 19+ */

:-ms-input-placeholder {
    color: #ababab;
}


/* ie */

input:-moz-placeholder {
    color: #ababab;
}


/* Coming Soon Page */

#coming-soon .container {
    width: 960px;
    margin: 50px auto 0;
}

#coming-soon .login-container {
    width: 960px;
}

#coming-soon .login-container .row {
    margin-right: 0px;
    margin-left: 0px;
}

#coming-soon .countdown-container {
    margin-top: 50%;
}

#coming-soon h1 .tagline.coming-soon {
    margin: 25px 0;
}

#coming-soon .login-container .btn-register {
    background-color: #fab02b;
    color: #fff;
}

#coming-soon .login-container .btn:focus,
#coming-soon .login-container .btn:active:focus,
#coming-soon .login-container .btn.active:focus {
    outline: none;
    outline-offset: 0px;
}

#coming-soon .login-container .btn:active {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}


/* Home Page */

.banner-container {
    width: 100%;
    overflow: hidden;
    height: 430px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    background-repeat: no-repeat;
    /*background-size: cover;*/
    background-size: 100%;
    background-color: #FFF;
}

.banner-container .avatar-view {
    box-shadow: none !important;
}

.banner-container img {
    width: 100%;
}

.image-bg-fluid-height {
    /* background: url("images/slider/headerBg.jpg") no-repeat scroll 50% 1% rgba(0, 0, 0, 0); */
    height: 360px;
    /* padding: 165px 0; */
    width: 100%;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    margin-top: 50px;
}

.cam-pic::-webkit-file-upload-button {
    opacity: 0;
    z-index: 0;
}

.edit-profile-cam {
    float: left;
    position: absolute;
    background: url("images/header-icons/camera.png") no-repeat 10px center;
    height: 50px;
    width: 50px;
    /*top: 110px;*/
    bottom: 0;
    cursor: pointer;
    overflow: hidden;
    width: 100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.edit-profile-cam span {
    margin-left: 50px;
    margin-top: 24px;
    color: #FFF;
    font-size: 14px;
    font-family: 'Roboto-Bold';
    float: left;
    line-height: 4px;
    opacity: 0;
}

.uploadBookContainer .edit-profile-cam span {
    margin-left: 41px;
    margin-top: 23px;
}

.edit-profile-cam:hover,
.edit-profile-cam.active {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.edit-profile-cam:hover span,
.edit-profile-cam.active span {
    opacity: 1;
}

.profile-image:hover .edit-profile-cam span {
    opacity: 1;
    /*background-color: rgba(0,0,0,0.3);*/
}

.profile-image:hover .edit-profile-cam {
    background-color: rgba(0, 0, 0, 0.3);
}

.edit-profile-cam input[type=file] {
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 24px;
}

.image-bg-fluid-height #crop-cover {
    width: 1140px;
    margin: 0 auto;
    position: relative;
}

.remove_cover {
    background-color: rgba(0, 0, 0, 0.29);
    color: #fff;
    opacity: 1;
    padding: 3px 10px;
    position: absolute;
    right: 0;
    top: 29px;
    cursor: pointer;
    display: none;
}

.remove_iauthor_cover {
    background-color: rgba(0, 0, 0, 0.29);
    color: #fff;
    cursor: pointer;
    display: none;
    opacity: 1;
    padding: 3px 10px;
    position: absolute;
    right: 35px;
    top: 29px;
}

.banner-container:hover .remove_cover {
    display: block;
}

#social-hover {
    float: left;
    position: absolute;
    height: 40px;
    left: 0;
    top: 25px;
    z-index: 10;
}

.image-bg-fluid-height.active .remove_cover {
    display: none;
}

#social-hover .cam-pic {
    position: absolute;
    top: 0;
    z-index: 2;
    cursor: pointer;
}

#social-hover a {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    width: 40px;
    transition: width 0.4s;
    -webkit-transition: width 0.4s;
    -moz-transition: width 0.4s;
}

#social-hover a:hover,
#social-hover a.active {
    width: 175px;
}

#social-hover ul,
#top-menu ul {
    margin: 0;
}

#social-hover li,
#social-hover li a,
#social-hover li .ts-icon,
#social-hover li .ts-text {
    display: block;
    position: relative;
    width: 36px;
    height: 34px;
}

#social-hover li,
#social-hover li a,
#social-hover li .ts-text {
    float: left;
    width: auto;
    overflow: hidden;
}

#social-hover li a {
    width: 36px;
    line-height: 34px;
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    ;
    font-family: 'roboto';
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.cam-pic {
    opacity: 0;
}

#social-hover li .ts-text {
    margin-left: 13px;
    text-shadow: none !important;
}

#social-hover li.ts-cam a {
    background-color: #F88F16;
    background-color: rgba(0, 0, 0, 0.3);
}

#social-hover li.ts-cam .ts-icon {
    background: url("images/header-icons/camera.png") no-repeat center center;
    background-color: rgba(0, 0, 0, 0.1);
}

#social-hover li .ts-icon {
    float: left;
}


/* User Profile */

.user-pro-outer-wrapper {
    position: relative;
    margin: -74px 0 50px 0;
    z-index: 1;
}

.profile-image {
    margin-top: -30px;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    border: 10px solid #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 180px;
    height: 180px;
    float: left;
    margin-left: 30px;
    /*cursor:pointer;*/
    background-color: #03a4ae;
}

.profile-image .remove_profile_pic {
    position: absolute;
    right: 0;
    color: #fff;
    opacity: 1;
    padding: 1px 7px;
    background-color: rgba(0, 0, 0, 0.29);
    cursor: pointer;
}

.user-pro-outer-wrapper-white {
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 73px;
}

.user-pro-outer-wrapper-green {
    background: #04a4ad;
    width: 100%;
    height: 63px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
}

.main-content-container {
    padding: 0 50px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.scrollMinHeight {
    min-height: 550px;
}

.profile-image .cropControls {
    top: inherit !important;
    bottom: 8px !important;
    left: 4px !important;
    background: none !important;
}

.cropControls i:hover {
    background-color: transparent !important;
}

.edit-profile-btn {
    margin-top: 16px;
    position: relative;
    float: right;
}

.edit-profile-btn .edit-pro-btn {
    padding: 8px 12px;
    color: #04a4ad !important;
    background-color: #ffffff;
    font-family: 'Roboto-Bold';
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    border-radius: 2px;
}

.edit-profile-btn .edit-pro-btn:hover {
    color: #04a4ad;
    background-color: #e4e4e2;
}

.edit-profile-btn .edit-pro-btn:active {
    box-shadow: none;
    margin-top: 1px;
}

.edit-profile-btn .btn-flat.btn-yellow {
    background: #FFF;
    color: #04A4AD !important;
    box-shadow: 0px 2px 0px #028991;
    border-bottom: 0;
    padding: 8px 12px;
    font-family: 'Roboto-Bold';
    border-radius: 2px;
    text-transform: capitalize;
}

.edit-profile-btn .btn-flat.btn-yellow:hover {
    background: #e4e4e2;
}

.input-append.span12 {
    position: relative;
}

#custom-search-form .btnWire {
    background: #eaeaea url(images/wire.png) no-repeat center;
    border: none;
    color: #fff;
    font-family: 'RobotoBlack';
    font-size: 14px;
    padding: 7px 12px;
    position: absolute;
    margin: 0;
    top: 1px;
    left: auto;
    right: 1px;
    width: 45px;
    height: 43px;
    border-radius: 0;
}

#custom-search-form .btnWire:hover {
    background-color: #e5f6f7;
    background-image: url(images/wire-active.png);
}

#custom-search-form .btnWire:active {
    box-shadow: none;
}

.greyBtn {
    padding: 8px 12px !important;
    color: #04a4ad !important;
    background: #ffffff;
    font-family: 'Roboto-Bold';
    box-shadow: none;
    border-radius: 2px !important;
    border-bottom: 2px solid #8e8e8e !important;
}

.greyBtn:hover {
    background: #e4e4e2;
}

.btn.yellowBtn {
    background: #f9af2c;
    color: #FFF;
    font-family: 'Roboto-Bold';
    box-shadow: none;
    padding: 8px 12px;
    border-bottom: 2px solid #d08500;
}

.btn.yellowBtn:hover {
    background: #e9a329;
    color: #FFF;
}

.user-name {
    position: relative;
    width: 80%;
    float: left;
}

.user-name h1 {
    font-family: 'Roboto-Regular';
    font-size: 32px;
    color: #000;
    opacity: 0.9;
    margin-left: 10px;
    margin: 0;
}

.user-name p {
    font-family: 'Roboto-Regular';
    font-size: 12px;
    color: #1aa5ad;
    opacity: 0.9;
    /*margin: -5px 0 -5px 10px;*/
    margin: 0;
}

.navigation {
    position: relative;
    width: auto;
    margin: 0;
}

.user-image img {
    clear: both;
    margin: auto;
    position: relative;
}

.navigation li {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}

.navigation li a {
    padding: 7.5px 16px 9.5px 16px;
    float: left;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
}

.navigation li a:hover {
    background: rgba(255, 255, 255, 0.2);
}

.navigation li.active a p {
    color: #FFF;
    font-family: 'Roboto-Bold';
    font-size: 14px;
    text-decoration: none;
}

.navigation li.bio a {
    background: #FFF;
    color: #04a4ad;
}

.navigation li.bio a p {
    color: #04a4ad;
}

.navigation li a .glyphicon-user:before {
    content: url('images/header-icons/bio-hover.png')no-repeat 0 0;
}

.navigation a p {
    margin: 0;
    font-family: 'Roboto-Bold';
    font-size: 14px;
    color: #FFF;
}

.navigation a h3 {
    margin: 0;
    font-family: 'Roboto-Bold';
    font-size: 24px;
    color: #FFF;
}

.navigation li.active a h3 {
    color: #FFF;
}

.navigation li.inactive {
    background-color: #36b6bd;
    cursor: pointer;
}

.navigation li:hover a {
    text-decoration: none;
}

.navigation li.bio a {
    width: 70px;
}

.settingIcon {
    margin: 4px 0 5px;
}

.navigation li.active:before {
    border-color: #04a4ad transparent;
    border-style: solid;
    border-width: 8px 8px 0;
    content: "";
    display: block;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    bottom: -7px;
    width: 0;
    z-index: 1;
}


/* Main Content */

.main-content-container {
    width: 1200px;
    padding: 0;
    margin: 0 auto;
}

.main-content-container .row {
    margin: 0;
}

.col-md-2.left-aside {
    max-width: 175px !important;
    margin: 0px 15px 15px 30px;
    padding: 0;
}

.list-group-head {
    background-color: #04a4ad;
    padding: 11px 12px;
    font-family: 'Roboto-Bold';
    font-size: 14px;
    color: #fffefe;
}

.left-aside .list-group-item {
    clear: both;
}

.left-aside .booksPublished .media-body .notification-block-sec p.notification-name {
    text-align: left;
}

.left-aside .list-group-item {
    border: none;
}

.left-aside .list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.left-aside .notification-block-sec {
    width: 70%;
}

.left-aside .media-body .notification-name {
    width: 100%;
}

.my-library > p {
    padding: 10px 15px;
    margin-bottom: 0;
}

.left-aside .list-group {
    margin-bottom: 0;
}

.my-reading-table,
.my-library,
.right-aside {
    border-radius: 5px;
    margin: 0 0 15px 0;
    border: 1px solid #dadada;
    background: #ffffff;
}

.lest-aside-icon {
    display: block;
    height: 40px;
    width: 40px;
    float: left;
    border: 1px solid #dadada;
}

.left-aside .list-group .lest-aside-icon {
    /*border-radius: 50%;*/
}

.notificationAgo {
    color: #9a9a9a;
    display: block;
    font-size: 12px;
    overflow: hidden;
    padding-left: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.left-aside .list-group.booksPublished .lest-aside-icon {
    border-radius: 0;
}

.my-reading-table .notification-li,
.my-library .notification-li {
    min-height: 46px;
    background: none !important;
}

.my-reading-table .panel-footer {
    background: none;
}

.my-library .panel-footer {
    background: none;
}

.right-aside {
    min-width: 212px;
    padding: 15px 10px !important;
    margin: 0px 30px 0px 0px
}

.copy-text {}

.right-aside .copy-text p {
    margin: 0;
    font-family: 'Roboto';
    font-size: 11px;
    color: #555;
    width: 175px;
}

.right-aside .copy-text p:last-child {
    margin-bottom: 0;
}

.right-aside-nav li {
    display: inline;
}

.right-aside-nav li a {
    font-family: 'Roboto';
    font-size: 11px;
    color: #afafaf;
    border-right: 1px solid #dadada;
    padding-right: 5px;
}

.right-aside-nav li:last-child a {
    border-right: none;
}

.right-aside-nav li:hover a,
.right-aside-nav li.active a {
    color: #757474;
    text-decoration: none;
}


/* /Main Content */


/* Footer */

.footer {
    clear: both;
    margin-top: 20px;
}

.footer-container {
    width: 1200px;
    margin: 0 auto;
    padding: 15px 0 15px 0;
    overflow: hidden;
}

.footer-links {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

.footer-links ul li {
    display: inline;
}

.footer-links ul li:last-child {
    border-right: none;
}

.footer-links ul li a {
    font-family: 'Roboto';
    font-size: 12px;
    color: #afafaf;
    border-right: 1px solid #dadada;
    padding: 0 10px;
}

.footer-links ul li:last-child a {
    border-right: none;
}

.footer-links ul li.active a,
.footer-links ul li a:hover {
    color: #757474;
    text-decoration: none;
}


/* .footer-container .footer-divide{ background: url('images/header-icons/footer-icon.png')no-repeat 50% 0; height: 20px; position: relative;} */


/* .foot-icon{ background: url('images/header-icons/footer-icon.png')no-repeat 50% 0; height: 20px;} */


/* .footer-container .footer-divide:after{ content: '';
border: 3px solid #000;
position: absolute;
width: 100%;} */

.footer-divide {
    width: 100%;
    height: 3px;
    background-color: #ececec;
    position: relative;
    margin-bottom: 20px;
}

.foot-icon {
    background: url('images/header-icons/footer-icon.png')no-repeat center center #FFF;
    height: 12px;
    position: absolute;
    width: 18px;
    left: 50%;
    padding: 16px;
    border-radius: 50%;
    top: -15px;
    margin-left: -16px;
}


/* /Footer */


/* Friends Section */

.col-md-8.middle-content {
    width: 724px;
    margin: 0;
    padding: 0;
    min-height: 650px;
}

.col-md-8.middle-content .container {
    width: 692px;
    margin: 0 auto;
    padding: 0;
}

.friend-message {
    width: 100%;
    margin: 0;
    padding: 0 0 15px 0;
}

.friend-message p {
    margin: 0 0 0 20px;
    font-family: 'roboto';
    font-size: 18px;
    color: #343434;
}

.friend-message p.mesg-subtext {
    font-family: 'Roboto';
    font-size: 12px;
    color: #8d8d8d;
}

.friends-mesg-block {
    margin: 0 0 20px 30px;
}

.friends-mesg-block .message-avatar {
    margin-left: 0;
    height: 57px;
    width: 57px;
}

.friends-mesg-block .media-body .notification-name {
    font-family: 'Roboto-Bold', 'Roboto-Regular';
    font-size: 18px;
    -moz-font-weight: bold;
}

.friends-mesg-block .media-body .follow-id {
    font-family: 'Roboto';
    font-size: 12px;
    color: #04a4ad;
}

.friends-mesg-block .media-body .notification-mesg {
    font-family: 'Roboto';
    font-size: 14px;
    color: #4f4f4f;
}

.friends-mesg-block .notification-block-sec {
    width: 65%;
    margin-left: 10px;
    margin-top: 10px;
}

.friends-mesg-block .notification-li {
    min-height: 80px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    border-radius: 2px;
    padding: 10px 0!important;
    position: relative;
}

.friends-mesg-block .notification-mesg {
    padding: 10px 0 0 10px;
    margin-top: 8px;
}

.friends-mesg-block .notification-action-btn {
    top: 10px;
    right: 12px;
    position: absolute;
}

.friends-mesg-block .notification-ago {
    top: 75%;
    font-family: 'Roboto';
    font-size: 11px;
}

.list-group-item:first-child {
    border-top-left-radius: 2px !important;
    border-top-right-radius: 2px !important;
}

.friends-mesg-block .notification-action-btn .accept .btn {
    font-family: 'RobotoMedium';
    font-size: 16px;
    color: #FFF;
    padding: 7.5px 19.5px;
}

.friends-mesg-block .notification-action-btn .decline .btn {
    font-family: 'RobotoMedium';
    font-size: 23px;
    color: #6a6a6a;
    padding: 7.5px 9.5px;
    background-color: #e1e1e1;
}

.friends-mesg-block .notification-action-btn .accept .btn:active {
    box-shadow: none;
    margin-top: 1px;
}

.friends-mesg-block .notification-action-btn .decline .btn:active {
    box-shadow: none;
    margin-top: 1px;
}


/* Friends Section */


/* Friends List Page */

.friends-list-block {
    width: 692px;
    border: 1px solid #dadada;
    margin: 0 0 15px;
    clear: both;
    float: left;
}

.friends-list-block .friends-list-block-sec {
    width: 630px;
    margin: 20px 30px;
}

.friends-list-block .friends-list-block-sec .search-box {
    float: right;
    width: 58%;
    display: inline-block;
    padding: 0;
}

.friends-list-block .friends-list-block-sec .search-box .form-control {
    height: 38px;
    padding: 6px 20px;
}

.friends-list-block .friends-list-block-sec .my-friends-count {
    float: left;
    display: inline-block;
    width: 40%;
}

.friends-list-block .friends-list-block-sec .my-friends-count .friends-added {
    font-family: 'RobotoLight', 'Roboto';
    font-size: 12px;
    margin: -10px 0 0 0;
}

.friends-list-block .friends-list-block-sec .my-friends-count .my-friends-list {
    font-family: 'Roboto-Regular', 'Roboto';
    font-size: 18px;
    color: #7A7D7F;
}

.authorBodyContainer .friends-list-block .friends-list-block-sec .my-friends-count .my-friends-list {
    font-family: "Roboto-Bold", "Roboto";
}

.friends-list-block .friends-list-block-sec .my-friends-count .my-friends-list span {
    font-family: 'Roboto-Bold', 'Roboto';
    font-size: 16px;
    color: #7A7D7F;
}

.friends-list-block .friends-list-block-sec .search-box .input-group input[type="text"] {
    font-family: 'RobotoLight', 'Roboto';
    font-size: 14px;
    color: #ababab;
}

.friends-pad-top {
    padding: 60px 20px 0 20px;
}

.friends-block-wrap .col-lg-3.col-sm-3 {
    padding: 0;
    margin-bottom: 65px;
}

.team-member {
    border: 1px solid #dadada;
    border-right: none;
}

.team-member .profile-pic {
    border-radius: 50%;
    height: 108px;
    margin: -54px auto 10px auto;
    overflow: hidden;
    width: 108px;
}

.team-member .profile-pic img {
    height: 100%;
    width: 100%;
    background-color: #6a6a6a;
}

.team-member .member-details {
    display: inline-block;
    /* padding-bottom: 10px; */
    position: relative;
    width: 100%;
}

.team-member h5 {
    color: #343434;
    position: relative;
    text-transform: capitalize;
    font-family: 'Roboto-Bold', 'Roboto';
    font-size: 18px;
    text-align: center;
    margin: 0;
    padding: 0;
}

.team-member .friend-follow-id {
    font-family: 'Roboto';
    font-size: 12px;
    text-align: center;
    color: #1aa5ad;
}

.status-wrap {
    position: relative;
    margin: 0 0 2px 145px;
}

.status.offline {
    background-color: transparent;
}

.status {
    position: absolute;
    right: 5px;
    text-align: center;
    top: 5px;
    cursor: pointer;
}

.status a,
.status a:hover,
.status a:visited,
.status a:link {
    color: #04a4ad;
}

.status .active {
    background-color: #fff;
    border: 1px solid #04a4ad;
    border-radius: 50%;
    color: #04a4ad;
    display: block;
    font-size: 20px;
    font-weight: bold;
    height: 25px;
    line-height: 0.8;
    padding: 3px;
    position: relative;
    text-align: center;
    width: 25px;
}

.status .active {
    display: block;
    width: 12px;
    height: 12px;
    background-color: #1aa5ad;
    border-radius: 50%;
    position: relative;
}

.view-friends {
    text-align: right;
    width: 100%;
    padding: 0 0 15px 0;
}

.view-friends a {
    font-family: 'Roboto-Bold', 'Roboto-Regular';
    font-size: 14px;
    -moz-font-weight: bold;
    color: #15a3ab;
}

.view-friends a:hover {
    text-decoration: none;
    color: #343434;
}


/* Friends List Page */


/* Scroll to top page */

.wire-normal {
    font-weight: normal;
    font-family: 'roboto';
    font-size: 14px;
}

.wire-bold {
    font-weight: bold;
    font-family: 'Roboto-Bold', 'Roboto-Regular';
    font-size: 14px;
    -moz-font-weight: bold;
}

.friends-mesg-block.wire-block .message-avatar {
    left: -30px;
    height: 57px;
    width: 57px;
    position: absolute;
    margin-left: 0;
    z-index: 1;
    overflow: hidden;
}

.friends-mesg-block.wire-block .message-avatar img {
    width: 100%;
    border-radius: 50%;
}

.write-comment-box .message-avatar {
    height: 45px !important;
    left: 0 !important;
    top: 15px !important;
    width: 45px !important;
}

.friends-mesg-block.wire-block .notification-block-sec {
    width: 100%;
    margin-left: 0px;
    margin-top: 0px;
    position: relative;
    padding: 10px 10px 10px 30px;
    border-bottom: 2px solid #d2d2d2;
}

.friends-mesg-block.wire-block .media-body .notification-name {
    width: 100%;
}

.wire-block .notification-mesg {
    font-family: 'RobotoMedium';
    font-size: 12px;
    color: #343434;
    clear: both;
    padding: 0 0 0 10px;
    margin: -5px 0 0 0;
    overflow: hidden;
    white-space: normal;
}

.wire-block.friends-mesg-block .notification-ago {
    top: 15px;
}

.wire-block.friends-mesg-block .notification-mesg {
    font-family: 'RobotoMedium';
    font-size: 12px;
    margin: 15px 0;
}

.wire-block.friends-mesg-block .wire-block-chat p {
    margin: 0;
    color: #101010;
    opacity: 0.9;
}

.wire-block.friends-mesg-block p,
.wire-block.friends-mesg-block p a {
    color: #101010;
    opacity: 0.9;
}

.wire-block.friends-mesg-block p a:hover {
    text-decoration: none;
    color: #04a4ad;
}

.wire-block.friends-mesg-block .wire-block-widget {
    position: relative;
    width: 100%;
    margin: 0 0 0 0;
    padding: 15px 10px 10px 20px;
}

.wire-block-widget .left-nav {
    float: left;
}

.wire-block-widget .right-nav {
    float: right;
}

.widget-divider-2 {
    width: 100%;
    border-top: 2px solid #d2d2d2;
    float: left;
}

.widget-divider {
    width: 100%;
    border-top: 1px solid #d2d2d2;
    float: left;
}


/* .wire-block-widget .left-nav, 
.wire-block-widget .right-nav {margin: 10px 0;} */

.wire-block-widget .right-nav ul li:last-child {}

.wire-block-widget .wire-social-icon {
    display: inline-block;
    height: 21px;
    width: 24px;
    vertical-align: bottom;
}

.wire-block-widget .left-nav a .ti-wire-green-icon {
    background: url('images/header-icons/wire-green-icon.png')no-repeat 100% 0px;
}

.wire-block-widget .right-nav a .ti-wire-gray-icon {
    background: url('images/header-icons/wire-icon.png')no-repeat 100% 0px;
}

.wire-block-widget .right-nav a .ti-wire-like {
    background: url('images/header-icons/like.png')no-repeat 100% 0px;
}

.wire-block-widget .right-nav a .ti-wire-share {
    background: url('images/header-icons/share.png')no-repeat 100% 0px;
}

.wire-block-widget .right-nav a:hover .ti-wire-gray-icon {
    background: url('images/header-icons/wire-icon.png')no-repeat 100% -21px;
}

.wire-block-widget .right-nav a:hover .ti-wire-like {
    background: url('images/header-icons/like.png')no-repeat 100% -21px;
}

.wire-block-widget .right-nav a:hover .ti-wire-share {
    background: url('images/header-icons/share.png')no-repeat 100% -21px;
}

.ti-wire-liked {
    background: url("images/header-icons/like.png") no-repeat scroll 100% -21px rgba(0, 0, 0, 0);
    color: #04a4ad;
}

.post-liked .ti-name {
    color: #04a4ad;
}

.wire-block-widget .left-nav ul li,
.wire-block-widget .right-nav ul li {
    display: inline;
    float: left;
    position: relative;
    width: 70px;
    border: none;
    padding: 0;
    margin: 0;
    min-height: 0;
}

.wire-block-widget .right-nav ul li a {
    color: #2f2f2f;
    text-decoration: none;
}

.wire-block-widget .right-nav ul li a:hover {
    text-decoration: none;
    color: #04a4ad;
}

.wire-block-widget .right-nav ul li.share a:hover {
    color: #f23f54;
}

.wire-block-widget .ti-name {
    font-family: 'Roboto';
    font-size: 12px;
    opacity: 0.9;
    text-transform: capitalize;
}

.wire-block-widget .left-nav .badge {
    left: -7px;
    top: -5px;
    border: transparent;
    height: 17px;
    width: 17px;
    padding: 4px 0;
}

.wire-block-widget .right-nav .badge {
    left: -8px;
    top: -6px;
    border: transparent;
    height: 17px;
    width: 17px;
    padding: 4px 0;
}

.friends-who-commented {
    float: left;
    position: relative;
    width: 100%;
    margin: 0;
    border-top: 1px solid #d2d2d2;
    ;
}

.friends-who-commented ul {
    /*overflow: hidden; height: 80px;*/
    width: 94%;
    float: left;
    padding: 0 10px;
}

.friends-who-commented .plus-sign {
    float: right;
    height: 70px;
    line-height: 70px;
    padding: 0 0 0 0px;
    margin-right: 10px;
}

.friends-who-commented .view-comments {
    width: 100%;
    float: left;
    text-align: right;
    padding: 0 10px;
}

.friends-who-commented .view-comments a {
    font-family: 'RobotoLight', 'Roboto';
    font-size: 12px;
    color: #aaaaaa!important;
}

.friends-who-commented .friends-avatar {
    margin-top: 15px;
    height: 45px;
    width: 45px;
    display: block;
    float: left;
    border-radius: 50%;
}

.write-comment-box {
    position: relative;
    width: 100%;
    margin: 0;
    float: left;
    padding: 0 10px 0 10px;
}

.write-comment-box .friends-avatar {
    margin-top: 15px;
    height: 45px;
    width: 45px;
    display: block;
    float: left;
    border-radius: 50%;
}

.friends-mesg-block .friends-who-commented ul li {
    width: 50px;
    float: left;
    border: none;
    padding: 0;
    position: relative;
}

.friends-who-commented img {
    border: 0 none;
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.wire-widget-search #custom-search-form .search-query {
    width: 97%;
    float: right;
    padding: 0 0 0 35px;
    background: #fcfcfc;
    font-family: 'RobotoLight';
    font-size: 12px;
    color: #000000;
}

.wire-widget-search .wire-widget-search-user-avatar {
    position: absolute;
    left: 0;
    top: -15px;
}

.loader {
    position: relative;
    width: 100%;
    text-align: center;
    margin: 15px 0;
    clear: both;
    margin: 0 auto;
    display: none;
}


/* Scroll to top page */


/* Wire Page */

.wire-communication-panel {
    float: left;
    width: 100%;
    position: relative;
    height: auto;
    border-top: 1px solid #d2d2d2;
    padding-top: 10px;
}

.wire-communication-panel .message-avatar {
    left: 10px !important;
    height: 45px !important;
    width: 45px !important;
    top: 10px;
}

.wire-communication-panel .notification-block-sec {
    width: 20%;
    margin-left: 10px;
    margin-top: 0;
}

.wire-communication-panel .notification-block-sec p {
    margin: 0;
    padding: 0 0 0 50px;
}

.wire-communication-panel .notification-block-sec .follow-id {
    color: #04a4ad;
    font-family: 'RobotoLight';
    font-size: 12px;
}

.wire-communication-panel .notification-block-sec .notification-ago {
    position: relative;
    float: left;
    text-align: left;
    top: 0;
    left: 0px;
    width: auto;
    color: #747474;
}

.wire-communication-panel .notification-block-sec .left-panel {
    float: left;
    min-width: 230px;
    max-width: 400px;
    position: relative;
    border-right: 2px solid #f3f3f3;
    padding-left: 40px;
}

.wire-communication-panel .notification-block-sec .left-panel p {
    padding: 0 0 0 0px;
}

.wire-communication-panel .notification-block-sec .left-panel p.wire-like-btn {
    position: relative;
    float: right;
    padding: 0 5px 0 0;
}

.wire-communication-panel .notification-block-sec .left-panel p.wire-like-btn .badge {
    left: -7px;
    top: -7px;
    border: none;
    width: 17px;
    height: 17px;
    padding: 4px 0;
}

.wire-communication-panel .notification-block-sec .left-panel p a .ti-wire-like {
    background: url('images/header-icons/like.png')no-repeat 100% 0px;
    height: 21px;
    width: 24px;
    display: inline-block;
    vertical-align: bottom;
}

.wire-communication-panel .notification-block-sec .left-panel p a .ti-wire-liked {
    background: url('images/header-icons/like.png')no-repeat 100% -21px;
    height: 21px;
    width: 24px;
    display: inline-block;
    vertical-align: bottom;
}

.wire-communication-panel .notification-block-sec .left-panel p a .ti-wire-like:hover {
    background: url('images/header-icons/like.png')no-repeat 100% -21px;
}

.wire-communication-panel .notification-block-sec .left-panel p a .ti-wire-like.no-notification {
    opacity: 0.6;
}

.wire-communication-panel .notification-block-sec .left-panel p a .ti-wire-like.no-notification:hover {
    opacity: 1;
}

.wire-communication-panel .notification-block-sec .right-panel {
    float: left;
    min-width: 380px;
    max-width: 220px;
}

.wire-communication-panel .notification-block-sec .right-panel p {
    padding: 0 0 0 10px;
    font-family: 'RobotoLight', 'roboto';
    font-size: 12px;
    color: #8b8b8b;
}

.wire-communication-panel .notification-block-sec .right-panel p.friends-post {
    width: 95%;
    float: left;
}

.wire-communication-panel .notification-block-sec .right-panel p.friends-post-delete {
    width: 5%;
    float: left;
    text-align: center;
    padding: 0;
    cursor: pointer;
    font-size: 16px;
    background: url(images/close-btn.png) no-repeat center;
    width: 8px;
    height: 9px;
}

.wire-communication-panel .notification-block-sec.friends-post-block {
    border-bottom: 1px solid #e8e8e8;
}

.wire-communication-panel .notification-block-sec.friends-post-block:last-child {
    margin-bottom: 15px;
}

.wire-communication-panel .older-comments {
    margin: 0 10px 10px;
}

.wire-communication-panel .older-comments a {
    text-decoration: none;
}

.wire-communication-panel .older-comments a:hover span {
    color: #04a4ad;
}

.wire-communication-panel .older-comments p img {
    padding: 0 5px 0 0;
}

.wire-communication-panel .older-comments p span {
    font-family: 'RobotoLight', 'roboto';
    font-size: 12px;
    color: #949494;
}

.wire-communication-panel .notification-name {
    font-family: 'Roboto-Bold';
}

.friends-mesg-block.wire-block .notification-block-sec {
    float: none;
    border-bottom: 1px solid #d2d2d2;
}

.wire-block .notification-block-three {
    position: absolute;
    top: 0px;
    right: 20px;
}

.notification-block-sec.friends-post-block .left-panel .notification-name {
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* Wire Page */


/* search Box */


/*
.search-box{
    width: 100%;
    position: relative;
    display: inline-block;
    height: auto;
    padding: 15px;
    text-indent: 15px;
    border-radius: 2px;
}*/

.message-list-block-sec .search-box {
    width: 57%;
    float: left;
}

#custom-search-form {
    margin: 0;
    padding: 0;
    width: 100%;
    /*height: 45px;*/
}

#custom-search-form .search-query {
    padding-right: 3px;
    padding-right: 4px \9;
    padding-left: 3px;
    padding-left: 4px \9;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 45px;
    width: 100%;
    background-color: transparent;
    border: 1px solid #d2d2d2;
    color: #c2c2c2;
    font-family: 'Roboto';
    font-size: 14px;
    padding-left: 16px;
    margin-bottom: 10px;
}

#custom-search-form button {
    border: 1px solid red;
    background: none;
    /** belows styles are working good */
    padding: 2px 5px;
    margin-top: 2px;
    position: relative;
    left: -28px;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#custom-search-form textarea {
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 45px;
    width: 100%;
    background-color: transparent;
    border: 1px solid #d2d2d2;
    color: #c2c2c2;
    font-family: 'Roboto';
    font-size: 14px;
    padding: 10px 60px 10px 16px;
}


/* .search-query:focus + button {
        z-index: 3;   
    } */


/* Home Page */


/*Popup*/

.wirePopupContainer,
.comingSoonPageContainer,
.stepContainer,
.popupDialogContainer {
    background: rgba(7, 162, 171, 0.6);
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.wirePopupContent,
.comingSoonPageContent,
.stepContent,
.popupDialogContent {
    background: #FFF;
    padding: 35px 40px;
    width: 662px;
    margin: 10% auto 0;
    position: relative;
}

.closeBtn a {
    background: url(images/close-btn.jpg) no-repeat;
    width: 11px;
    height: 11px;
    display: block;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.wirePopupContent h1,
.comingSoonPageContent h1,
.stepContent h1,
.popupDialogContent h1 {
    color: #343434;
    font-size: 18px;
    margin: 0 0 10px 0;
    font-family: 'RobotoMedium';
}

.wirePopupContent textarea,
.comingSoonPageContent textarea {
    width: 100%;
    background: #fbfbfb;
    border: 1px solid #cccccc;
    resize: none;
    padding: 10px;
    color: #343434;
    margin: 0 0 10px 0;
    height: 190px;
    font-family: 'RobotoLight';
    font-size: 14px;
}

.bioTabs input[type="text"]:focus,
.bioTabs textarea:focus {
    /*box-shadow:0 0 6px rgba(0, 0, 0, 0.1);*/
    background-color: #fcfcfc!important;
}

.wirePopupContent button,
.comingSoonPageContent button {
    float: right;
}

.comingSoonPageContent {
    text-align: center;
}

.wirePopupContainer .closeBtn,
.comingSoonPageContainer .closeBtn {
    width: auto;
    height: auto;
}

.banner-container .replacedImage {
    background-size: cover !important;
}

.friends-mesg-block .notification-action-btn .plus-sign {
    font-size: 30px;
}

.bio p {
    margin: 0;
    text-transform: uppercase;
    font-family: 'Roboto-Bold';
    font-size: 15px;
}

.user-name .navigation {
    float: left;
}

.bio-icon {
    background: url(images/user.png) no-repeat;
    width: 24px;
    height: 24px;
    display: block;
    margin: 0 auto;
}

.userNameContent {
    padding: 10px 0 10px 30px;
}

.wireIcon {
    background: url("images/wire-active.png") no-repeat center;
    display: block;
    height: 23px;
}

.stepContainer {
    position: absolute;
    left: 0;
}

.stepContent {
    padding: 30px 0;
    width: 686px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
    z-index: 10000;
    margin: -60% 0 0 0;
}

.stepContent h1 {
    font-size: 24px;
    color: #04a4ad;
    padding: 0 40px;
    margin: 0 0 25px 0;
}

.uploadBookContainer {
    padding: 0;
}

.uploadBook {
    float: left;
    width: 150px;
}

.uploadBookContainer .uploadBookDetails {
    float: right;
    width: 425px;
}

.uploadBookDetails ul {}

.uploadBookDetails ul li {
    margin: 0 0 10px 0;
}

.uploadBookDetails label {
    margin: 10px 0 0 0;
    font-size: 14px;
    color: #878787;
    font-family: 'Roboto-Regular';
    font-weight: normal;
    width: 100px;
    float: left;
}

.uploadBookDetails .inputBox {
    float: right;
    width: 76%;
    position: relative;
}

.uploadBookDetails input[type="text"],
.uploadBookDetails textarea {
    border: 1px solid #cfcfcf;
    background: #fcfcfc;
    width: 100%;
    padding: 10px;
    color: #8e8e8e !important;
    font-size: 13px;
}

.uploadBookDetails {}

.uploadBookDetails span.select {
    border: 1px solid #cfcfcf;
    color: #8e8e8e;
    background-position: 97% center;
    font-size: 13px;
}

.uploadBookDetails1 {
    padding: 0;
}

.uploadBookDetails1 .inputBox {
    width: 83%;
}

.uploadBookDetails1 span.select {
    background-position: 98% center;
}

.freeBook {
    float: left;
    width: 28%;
}

.uploadBookDetails .freeBook .inputBox {
    width: 39%;
}

.price {
    float: left;
    width: 72%;
}

.uploadBookDetails .price label {
    width: 50px;
}

.uploadBookDetails .price .inputBox {
    width: 88%;
}

.freeBook .chkBox .icheckbox_minimal-blue {
    background: url("images/chkbox.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 16px;
    width: 18px;
    cursor: pointer;
    margin: 12px 0 0 0;
}

.freeBook .chkBox .icheckbox_minimal-blue.checked {
    background-position: -36px 0;
}

.uploadBookContent {
    background-color: #e8e8e8;
    width: 150px;
    height: 148px;
    padding-top: 30px;
}

.uploadBookFile {
    background: url("images/upload-icon.png") no-repeat 10px center;
    height: 70px;
    width: 70px;
    cursor: pointer;
    overflow: hidden;
    margin: 0 auto;
}

.uploadBookFile input[type="file"] {
    opacity: 0;
    margin-top: 10px;
    height: 55px;
    width: 100%;
    cursor: pointer;
}

.uploadBook label {
    font-size: 12px;
    color: #545454;
    font-family: 'RobotoLight';
    font-weight: normal;
}

.uploadBook .chkBox .icheckbox_minimal-blue {
    background: url('images/check-box.png') no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin: 0 8px 0 0;
    cursor: pointer;
}

.uploadBook .chkBox .icheckbox_minimal-blue.checked {
    background-position: -22px 0;
}

.uploadBook .chkBox {
    margin-top: 10px;
}

.attachFile {
    background: #fcfcfc;
    border: 1px solid #cfcfcf;
    width: 100%;
    padding: 10px;
}

.stepContent .modal {
    background: rgba(0, 0, 0, 0.5);
}

.default-book-cover {
    cursor: default;
    pointer-events: none;
}

.btn-file {
    position: relative;
    overflow: hidden;
    background: #36b6bd !important;
    color: #FFF !important;
    font-family: 'Roboto-Bold';
    font-size: 18px !important;
    border: none !important;
    border-radius: 3px !important;
    padding: 13px 20px !important;
    margin-left: 10px !important;
}

.btn-file:hover {
    background: #04979f !important;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    cursor: inherit;
    display: block;
}

input[readonly] {
    cursor: text !important;
    color: #8e8e8e;
}

.popupDialogContent {
    padding: 20px 30px;
}


/*banner*/

.banner-container-slider .bx-wrapper .bx-viewport {
    border: none;
}

.banner-container-slider .bx-default-pager {
    display: none;
}

.banner-container-slider .bxslider {
    margin: 0;
}

.banner-container-slider .bxslider img {
    width: 100%;
}


/*.bx-has-controls-direction{ position: absolute; top: 150px; background: #475896;}*/

.bx-wrapper .bx-controls-direction a {
    width: 25px !important;
    top: 140px !important;
    background: url("images/banner-control.png") no-repeat;
    margin: 0 !important;
}

.bx-wrapper .bx-controls-direction a.bx-next {}

.bx-wrapper .bx-controls-direction a.bx-next:hover {
    background-position: -26px 0;
}

.bx-wrapper .bx-controls-direction a.bx-prev {
    background-position: -55px 0;
}

.bx-wrapper .bx-controls-direction a.bx-prev:hover {
    background-position: -81px 0px;
}

.socialMediaLinksContainer {
    margin: 20px 0 0 0;
}

.socialMediaLinksContainer h2 {
    font-size: 14px;
    color: #8b8b8b;
    font-family: 'Roboto-Regular';
    background: url("images/dot.png") repeat-x center;
    padding: 0 35px;
    margin: 0 0 20px 0;
}

.socialMediaLinksContainer h2 span {
    background-color: #FFF;
    padding: 0 5px;
}

.socialMediaLinks {
    padding: 0 40px;
}

.socialMediaLinks ul {
    margin: 0;
}

.socialMediaLinks ul li {
    width: 49%;
    float: left;
    margin: 0 2% 10px 0;
}

.socialMediaLinks ul li:nth-child(2n) {
    margin-right: 0;
}

.socialMediaLinks ul li label {
    background-image: url("images/social-icons1.png");
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
    float: left;
    width: 32px;
    height: 42px;
    margin: 0;
}

.socialMediaLinks ul li label.facebook {
    background-position: 3px center;
}

.socialMediaLinks ul li label.youtube {
    background-position: -81px center;
}

.socialMediaLinks ul li label.tweeter {
    background-position: -38px center;
}

.socialMediaLinks ul li label.ishook {
    background-position: -120px center;
}

.socialMediaLinks ul li .inputBox {
    float: left;
    width: 89%;
    padding: 0 0 0 5px;
}

.socialMediaLinks input[type="text"] {
    border: 1px solid #cfcfcf;
    background: #fcfcfc;
    width: 100%;
    padding: 10px;
    font-size: 13px;
}

.socialMediaLinks .btn.submitBtn {
    background-color: #faaf2c;
    color: #FFF;
    font-family: 'Roboto-Bold';
    font-size: 18px;
    float: right;
    margin: 10px 0 0 0;
    border-radius: 3px;
    padding: 10px 20px;
}

.socialMediaLinks .btn.submitBtn:hover {
    background-color: #e9a329;
}


/*Friends*/

.friends-mesg-block {}

.friends-mesg-block ul {}

.friends-mesg-block ul li {
    border: 1px solid #dadada;
    border-radius: 2px;
    padding: 10px 10px 10px 45px;
    position: relative;
    margin-bottom: 10px;
    min-height: 85px;
}

.friends-mesg-block ul#search-friend-result li {
    min-height: 85px;
}

.friends-mesg-block .friendDetails p {
    margin: 0 0 0 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.friends-mesg-block .friendDetails a {
    color: #343434;
}

.friends-mesg-block .friendDetails a:hover {
    color: #04a4ad;
}

.friends-mesg-block p.notification-mesg {
    margin-top: 8px;
}

.friendDetails .notification-name {
    font-size: 18px;
    font-family: 'Roboto-Bold';
    color: #343434;
    line-height: 22px;
}

.notification-ago {}

.friendDetails {}

.friendImg {
    height: 57px;
    left: -30px;
    position: absolute;
    top: 12px;
    width: 57px;
}

.friendImg img {
    border-radius: 50%;
    width: 100%;
}

.friendContent {
    width: 75%;
    float: left;
}

.friendBtns {
    float: right;
}

.notification {
    /*bottom: 10px; float: none;  position: absolute; right: 10px;*/
    text-align: right;
}

.noRecordsAutoComplete {
    border: 1px solid #d2d2d2;
    margin: -11px 0 10px;
    padding: 10px 15px;
}

.noRecordsAutoComplete ul {
    margin: 0;
}

.friendBtns .accept {
    margin-right: 8px;
}

.friendBtns .accept .btn {
    background-color: #04a4ad;
    color: #6a6a6a;
    font-family: 'RobotoMedium';
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
    font-size: 16px;
    padding: 0 10px;
    width: auto;
    height: 34px;
    box-shadow: 1px 2px 0 rgba(2, 137, 145, 1);
    color: #FFF;
}

.friendBtns .decline .btn {
    height: 34px;
    color: #6a6a6a;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
    font-size: 23px;
    padding: 0;
    width: 38px;
    box-shadow: 1px 2px 0 rgba(0, 0, 0, 0.3);
    background: #e1e1e1 url(images/close-btn1.png) no-repeat center;
}

.friendBtns .decline .btn:hover,
.friendBtns .decline .btn:focus {
    background: #c1c1c1 url("images/close-btn1.png") no-repeat scroll center center;
}

.friendBtns .accept .btn:hover,
.friendBtns .accept .btn:focus {
    color: #FFF;
    background: #04979f;
}

.friendBtns .btn span {
    float: left;
    margin-top: 1px;
    display: inline-block;
}

.friendBtns .btn .plus-sign {
    font-size: 30px;
    margin-right: 10px;
    margin-top: 0;
}


/*.friendBtns .decline .btn:hover, .friendBtns .decline .btn:focus { background: url("images/close-btn1.png") no-repeat scroll center center #cdcdcd;}*/

.friendList {
    padding: 0 20px;
}

.friendList ul {
    margin: 0 0 10px 0;
    border-radius: 2px;
}

.friendList ul li {
    width: 25%;
    float: left;
    text-align: center;
    padding: 10px 5px;
    position: relative;
    margin-top: 65px;
    border: 1px solid #dadada;
    border-right: 0;
}

.friendList ul li:nth-child(4n) {
    border-right: 1px solid #dadada;
}

.friendList ul li:last-child {
    border-right: 1px solid #dadada;
}

.friendList p {
    margin: 0;
}

#friend-list .mesg-subtext {
    padding-left: 10px;
    padding-bottom: 10px;
}

.friendProfilePic {
    margin: -58px auto 5px;
    width: 106px;
    height: 106px;
}

.friendProfilePic img {
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 100%;
}

.friendProfileContent {}

.friendProfileContent a {
    color: #343434;
}

.friendProfileContent a:hover,
.friendProfileContent a:focus {
    color: #04a4ad;
}

p.friendName {
    font-size: 18px;
    font-family: 'Roboto-Bold';
    color: #343434;
    line-height: 1.2;
    margin-bottom: 5px;
    word-wrap: break-word;
}

.friendUserId {
    font-size: 12px;
    color: #1aa5ad;
    font-family: 'RobotoLight';
}


/* Start Add Friend*/

.friendList .friendBtns {
    position: absolute;
    top: -50px;
    right: 38px;
}

.friendList .friendBtns .accept {}

.friendList .friendBtns .btn {
    background: #FFF url(images/add.png) center no-repeat;
    box-shadow: none;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    border: 1px solid #04a4ad;
}

.friendList .friendBtns .btn:hover {
    background: #FFF url(images/add.png) center no-repeat;
}

.friendList .friendBtns .btn span {
    float: none;
    text-indent: -9999px;
}

.friendList .btn-flat.btn-yellow.reject_request {
    background: #FC5252 url(images/cancel.png) center no-repeat;
    text-indent: -9999px;
    border-bottom: 0;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    padding: 0;
    position: absolute;
    top: -50px;
    right: 38px;
}


/* End Add Friend*/


/*Bio*/

.bioTabs {
    border: 1px solid #dadada;
    background: #FFF;
    position: relative;
    z-index: 2;
}

.bioTabs.clearfix.zoom {
    z-index: 12;
}

.bioTabs .tabList {
    float: left;
    width: 25%;
    padding: 0 0;
}

.bioTabs .tabList h4 {
    margin: 0;
    font-size: 14px;
    padding: 0 20px;
    margin-bottom: 20px;
}

.bioTabs .tabContainer {
    float: right;
    width: 75%;
    border-left: 1px solid #dadada;
    padding: 15px 20px;
    min-height: 260px;
}

.bioTabs .tabContainer h3 {
    display: none;
    background-color: rgb(244, 244, 244);
    border-bottom: 1px solid rgb(231, 231, 231);
    cursor: pointer;
    font-size: 15px;
    margin: 0;
    padding: 15px;
}

.bioTabs .tabContainer h4 {
    margin: 0 0 20px 0;
    font-size: 14px;
    font-family: 'Roboto-Bold';
    text-transform: uppercase;
    color: #545454;
}

.bioTabs .tabContainer ul {
    border-left: 3px solid #04a4ad;
    margin: 0;
}

.bioTabs .tabContainer ul li {
    border-bottom: 1px solid #efefef;
    background: #fcfcfc;
}

.bioTabs .tabContainer ul li:last-child {
    border-bottom: 0;
}

.bioTabs .tabList ul li {}

.bioTabs .tabList ul li.active a,
.bioTabs .tabList ul li a:hover {
    background: #f4f4f4;
    color: #000;
}

.bioTabs .tabList ul li a {
    color: #606060;
    display: block;
    padding: 15px 20px;
}

.bioTabs label {
    font-size: 14px;
    color: #a3a3a3;
    font-family: 'Roboto-Regular';
    font-weight: normal;
    padding: 10px 10px 10px 20px;
    margin: 0;
    width: 23%;
    float: left;
}

.bioTabs .inputBox {
    float: left;
    width: 77%;
    border-left: 2px solid #f2f2f2;
    background: #FFF;
}

.bioTabs .inputBox input[type="text"] {
    width: 100%;
    padding: 11px 10px;
    font-size: 12px;
    color: #9a9a9a !important;
}

button[disabled],
html input[disabled],
textarea[disabled] {
    background: #fefefe;
}

.bioTabs .inputBox textarea {
    width: 100%;
    resize: none;
    padding: 10px;
    /*font-family: 'Roboto-Regular';*/
    font-size: 12px;
    color: #9a9a9a !important;
}

.tabContainer .btn-flat.btn-green {
    background-image: none;
    padding: 7px 12px;
}

.saveBtn {
    text-align: right;
    margin: 10px 0 0 0;
    visibility: hidden;
}

.saveBtn.active {
    visibility: visible;
}

.overlay {
    background: rgba(48, 48, 48, 0.8);
    width: 100%;
    /*height:100%; */
    position: absolute;
    z-index: 1;
    display: none;
}

.banner-container .overlay {
    z-index: 0
}

.overlay.overlayScreen {
    position: fixed;
    top: 0;
    z-index: 11;
}

.banner-container .overlay {
    background: rgba(0, 0, 0, 0.6);
    height: 420px;
}

.profile-image .overlay {
    background: rgba(0, 0, 0, 0.5);
}

.tabContent .select-container {
    float: left;
    width: 20%;
    margin-left: 10px;
}

.tabContent span.select {
    border: none;
}

.bioTabs .tabContainer ul.languages {
    border: none;
}

.bioTabs .tabContainer ul.languages li {
    display: inline-block;
    border: none;
    padding: 10px 0;
}

.bioTabs .tabContent .inputBox p {
    margin: 0;
    padding: 11px 10px;
    font-size: 12px;
}

.bioTabs .tabContent .iradio {
    background: url("images/radio-btns.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    float: left;
    height: 19px;
    width: 19px;
}

.bioTabs .tabContent .iradio.checked {
    background-position: -18px 0;
}

.bioTabs .tabContent .inputBox label {
    padding: 0;
    width: auto;
    margin-left: 5px;
}

.bioTabs .radioBtns {
    padding: 10px;
}

.overviewContent p {
    font-size: 12px;
}

.tabContent .inactive {
    display: none;
}

.graduation {
    padding: 11px 10px;
    border: none !important;
}

.graduation .icheckbox_minimal-blue {
    float: left;
}

a.remove-coupon {
    float: right;
    padding: 0px 5px 2px 5px;
    background-color: #eee;
    display: inline-block;
    font-size: 11px;
    color: #A19A9A;
    cursor: pointer;
}

.graduation .chk {
    font-size: 12px;
    font-family: 'Source Sans Pro', sans-serif;
}

.bioTabs button.addBtn {
    background: url(images/add-sprite.png) no-repeat right 0;
    text-indent: -9999px;
    width: 12px;
    height: 13px;
    font-size: 13px;
    font-family: Roboto-Regular;
    padding-left: 16px;
    line-height: 18px;
    float: right;
    margin: 13px 0 14px 10px;
    border: none;
    clear: both;
}

.bioTabs button.addBtn:hover {
    background-position: right -14px;
    color: #04a4ad;
}

.bioTabs .tabContent .inputBox .editBtn {
    background: url("images/edit.png") no-repeat left center;
    text-indent: -9999px;
    width: 15px;
    height: 15px;
    cursor: pointer;
    font-size: 13px;
    font-family: Roboto-Regular;
    padding-left: 18px;
    line-height: 18px;
    color: #666;
    margin-left: 0;
    margin-top: 10px;
    float: left;
    border: none;
}

.bioTabs .tabContent .inputBox .editBtn:hover {
    background-image: url(images/edit-active.png);
    color: #04a4ad;
}

.twitter-typeahead {
    width: 87%;
    float: left;
}

.bioTabs .deleteBtn {
    background: url("images/delete.png") no-repeat scroll center rgba(0, 0, 0, 0);
    float: left;
    height: 20px;
    margin-top: 8px;
    position: static;
    text-indent: -9999px;
    width: 13px !important;
}

.bioTabs button.cancelBtn {
    background: url("images/minus.jpg") no-repeat scroll right center rgba(0, 0, 0, 0);
    float: right;
    height: 11px;
    margin-top: 8px;
    margin-right: 4px;
    position: static;
    text-indent: -9999px;
    width: 13px;
    opacity: 0.5;
    margin-bottom: 8px;
}

.bioTabs button.cancelBtn:hover {
    background-image: url(images/minus-active.jpg);
    opacity: 1;
    background-position: right center;
}

.bioTabs .user_highschool {
    float: right;
}

.bioTabs .deleteBtn:hover {
    background-image: url(images/delete-active.png);
}

.to {
    color: #03a4ae;
    display: inline-block;
    float: left;
    padding: 10px 0 10px 10px;
    text-align: center;
}

.employers-typeahead {
    background: url(images/job.png) no-repeat 8px center !important;
    padding-left: 30px !important;
}

.Position-typeahead {
    background: url(images/chair.png) no-repeat 10px center !important;
    padding-left: 30px !important;
}

.institutes-typeahead {
    background: url(images/education.png) no-repeat 8px center !important;
    padding-left: 30px !important;
}

.work-edu-location {
    background: url(images/location.png) no-repeat 8px center !important;
    padding-left: 30px !important;
}

.concentration {
    background: url(images/book.png) no-repeat 8px center !important;
    padding-left: 30px !important;
}

.graduation {
    background: url(images/pen.png) no-repeat 8px center !important;
    padding-left: 30px !important;
}

.bootstrap-tagsinput .twitter-typeahead {
    width: auto;
    float: none;
}

.bootstrap-tagsinput .tt-input {
    padding: 0 !important;
}

.languages {}


/*mySettings*/

.mySettings {
    border: 1px solid #dadada;
}

.mySettings h3 {
    margin: 0;
    background: #04a4ad;
    color: #FFF;
    font-size: 18px;
    font-family: 'RobotoMedium';
    padding: 10px;
}

.mySettings ul {
    margin: 0;
}

.mySettings ul li {
    border-bottom: 1px solid #dadada;
    font-family: 'Roboto-Regular';
    clear: both;
}

.mySettings ul li:last-child {
    border-bottom: 0;
}

.mySettings ul li a {
    color: #8d8d8d;
    display: block;
    padding: 10px;
    background: url(images/left-arrow.png) no-repeat 94% center;
}

.mySettings ul li.active a {
    background-color: #fcfcfc;
    font-family: 'Roboto-Bold';
}

.mySettings ul li a:hover {
    color: #04a4ad;
    background-image: url(images/left-arrow-active.png);
}

.mySettingsContainer {
    border: 1px solid #dadada;
}

.mySettingsContainer h2 {
    margin: 0 0 2px 0;
    font-family: 'Roboto-Bold';
    font-size: 22px;
    color: #484848;
}

.mySettingsContainer h4 {
    margin: 0;
    font-size: 14px;
    color: #8d8d8d;
    font-family: 'Roboto-Regular';
}

.settingsHeading {
    padding: 10px 20px 15px;
}

.settingContent {}

.settingContent ul {
    margin: 0;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    padding: 20px 20px;
    min-height: 310px;
}

.settingContent ul li {
    margin: 0 0 20px 0;
}

.settingContent ul li:last-child {
    margin-bottom: 0;
}

.settingContent label {
    margin: 8px 0 0 0;
    float: left;
    color: #5d5d5d;
    font-weight: normal;
    width: 15%;
    font-family: 'RobotoMedium';
}

.settingContent .inputBox {
    float: left;
    width: 39%;
    position: relative;
}

.settingContent input[type="text"],
.settingContent input[type="password"] {
    background: #fcfcfc;
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #d0d0d0;
    color: #5c5c5c;
}

.settingContent .inputContent {
    float: left;
    width: 46%;
    padding: 0 12px 0 15px;
}

.settingContent .inputContent p {
    font-size: 12px;
    color: #505050;
    font-family: 'Roboto-Regular';
    margin: 0;
}

.settingContent .inputContent a {
    color: #04a4ad;
}

.select-container {
    position: relative;
    text-align: left;
}

select.select {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 40px;
    line-height: 38px;
}

span.select {
    position: absolute;
    top: 0;
    float: left;
    left: 0;
    width: 100%;
    height: 40px;
    line-height: 38px;
    text-indent: 10px;
    background: #fcfcfc url(images/down-arrow.png) no-repeat 94% center;
    cursor: default;
    z-index: 1;
    font-size: 14px;
    color: #5c5c5c;
    border: 1px solid #dcdcdc;
    overflow: hidden;
}

.complete-profile-container span.select {
    text-indent: 7px;
}

.settingContent .btn-flat.btn-green {
    background-image: none !important;
    padding: 7px 12px;
}

.complete-profile-container .select-container {
    margin-bottom: 10px;
}

.complete-profile-container span.select {
    background-color: #f4f4f4;
    box-shadow: 1.5px 1px 0 0 #eaeaea;
    border: none;
    color: #ababab;
    cursor: pointer;
    text-transform: capitalize;
    text-indent: 10px;
}

.complete-profile-container option {
    color: #000;
}

.settingBtns {
    padding: 20px;
}

.settingBtns .btn {}

.settingBtns p {
    margin: 8px 0 0 0;
}

.settingBtn {
    float: left;
    width: 50%;
}

.settingLink {
    float: right;
    width: 50%;
    text-align: right;
}

.settingBtns a {
    color: #999999;
    font-family: 'RobotoMedium';
}

.settingBtns a:hover {
    color: #04a4ad;
}

.settingLeft {
    float: left;
    width: 32%;
    padding-right: 5px;
}

.settingLeft h5 {
    font-family: 'RobotoMedium';
    margin: 0 0 3px 0;
    color: #5d5d5d;
}

.settingLeft p {
    margin: 0;
    font-family: 'RobotoLight';
    color: #5d5d5d;
    font-size: 12px;
    color: #5d5d5d;
}

.settingRight {
    float: right;
    width: 68%;
}

.boldTxt {
    font-family: 'Roboto-Bold';
}

.mediumTxt {
    font-family: 'RobotoMedium';
}

.settingRight .iradio {
    background: url("images/radio-btns.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    float: left;
    height: 19px;
    width: 19px;
}

.settingRight .iradio.checked {
    background-position: -18px 0;
}

.settingRight label {
    margin: 2px 0 0 5px;
    font-size: 12px;
    font-family: 'RobotoLight';
    cursor: pointer;
    width: auto;
}

.radioBtns {}

.radioBtns span {
    float: left;
    margin-right: 50px;
}

.radioBtns span:last-child {
    margin: 0;
}

.settingRight ul {
    border: none;
    padding: 0;
}

.settingRight ul li {}

.settingRight .inputBox {
    width: 52%;
}

.settingRight .inputContent {
    width: 48%;
}

.settingRight .inputContent p {
    font-family: 'RobotoLight';
    margin: 8px 0 0 0;
}

.settingRight input[type="text"],
.settingRight input[type="password"] {
    text-align: center;
    font-size: 12px;
    color: #505050;
}

.settingContent input[disabled] {
    color: #c0c0c0;
}

.settingLeft h5.changePassword {
    color: #04a4ad;
}

.changePassword span {
    margin: 0 5px 0 0;
}

.notificationRadionBtns {}

.notificationRadionBtns span {
    float: none;
    display: block;
    width: auto;
    margin: 0 0 10px 0;
}

.settingRight .icheckbox_minimal-blue {
    float: left;
}

.settingRight .icheckbox_minimal-blue {
    background: url(images/chkbox.png) no-repeat;
    width: 18px;
    height: 16px;
}

.settingRight .icheckbox_minimal-blue.hover {
    background-position: -18px 0;
}

.settingRight .icheckbox_minimal-blue.checked {
    background-position: -36px 0;
}

.settingRight .notificationContent {}

.settingRight .chkBox span {
    float: left;
    margin: 0 45px 0 0;
}

.settingRight .notificationContent span {
    float: none;
    display: block;
    width: 100%;
    margin: 0 0 10px 0;
}

.settingRight .chkBox span:last-child {
    margin: 0;
}

.notificationContent label {
    margin-top: 1px;
}

.loginVerification {}

.loginVerification span {
    margin-right: 20px;
}


/*message*/

.message-mesg-block {}

.message-mesg-block ul {
    margin-bottom: 0
}

.message-list-block-sec {
    border: 1px solid #dadada;
    border-bottom: none;
    padding: 10px 20px;
    position: relative;
}

.message-list-block-sec .input-group {
    background-color: #fcfcfc;
    border: 1px solid #dadada;
    color: #ddd;
}

.message-list-block-sec .input-group input[type="text"] {
    background-color: #fcfcfc;
    margin: 5px 0;
    z-index: 0 !important;
}

.my-message-count {
    width: 38%;
    float: left;
}

.message-list-block-sec .my-message-count .my-message-list {
    font-size: 20px;
    font-family: 'Roboto-Bold';
    color: #585858;
    margin: 10px 0;
}

.message-list-block-sec .my-message-count .my-message-list span {
    color: #04a4ad;
    margin: 0px 5px;
}

.message-mesg-block ul li {
    border: 1px solid #dadada;
    border-radius: 2px;
    padding: 10px 10px 10px 20px;
    position: relative;
    margin-bottom: 0px;
    border-bottom: 0px;
}

.message-mesg-block ul li:last-child {
    border-bottom: 1px solid #dadada;
}

.message-mesg-block ul li:hover {
    background-color: #f0f0f0;
    cursor: pointer
}

.message-mesg-block .messageDetails p {
    margin: 0 0 0 0;
    padding: 0;
}

.message-mesg-block p.notification-mesg {
    margin-top: 5px;
    font-size: 12px;
    color: #404040;
    word-wrap: break-word;
}

.messageDetails .notification-name {
    font-size: 16px;
    font-family: 'Roboto-Bold';
    color: #343434;
    line-height: 20px;
}

.messageDetails .notification a {
    float: right;
    text-align: right;
    color: #aaaaaa;
}

.deleteMsg {
    background: url(images/close-btn.png) no-repeat;
    width: 8px;
    height: 9px;
    text-indent: -9999px;
    margin-top: 10px;
    text-align: left !important;
}

.userName {
    width: 100%;
}

.messageContent a {
    color: #343434;
}

.messageContent a:hover {
    color: #03a4ae;
}

.messageImg {
    height: 44px;
    position: relative;
    width: 44px;
    float: left;
    margin: 0 10px 0 0px;
    overflow: hidden;
    border-radius: 50%;
}

.messageImg img {
    width: 100%
}

.messageContent {
    width: 90%;
    float: left;
}

.messageBtns {
    float: right;
}

.message-mesg-block ul li .notification {
    top: 10px;
}

.messageDetails {
    width: 89%;
    float: left;
}

.message-mesg-block .messageDetails {
    width: 100%;
    float: left;
}

.messageBlockquote {
    border-left: rgb(218, 218, 218) 2px solid;
    padding: 0 0 0 10px !important;
}

.backBtn {
    position: absolute;
    top: 20px;
    right: 20px;
}

.backBtn a {
    background: url(images/back-btn.png) no-repeat left center;
    display: block;
    padding: 0 0 0 30px;
    color: #585858;
}

.backBtn a:hover {
    color: #04a4ad;
    background-image: url(images/back-btn-active.png);
}

.message-mesg-block.individualMessage ul li:hover {
    background-color: #fcfcfc;
    cursor: default
}

.message-mesg-block.individualMessage ul li .notification {
    top: -8px;
    background: #fcfcfc;
    padding: 0 10px;
    height: 20px;
}

.message-mesg-block.individualMessage ul li .notification .notification-ago {
    font-size: 12px;
    font-family: 'RobotoLight'
}

.writeMessage {
    border: 1px solid #dadada;
    padding: 20px 10px;
}

.writeMessage textarea {
    width: 100%;
    background-color: #fcfcfc;
    padding: 10px 10px;
    border: 1px solid #dadada;
    color: #dadada;
    font-size: 13px;
    margin-bottom: 10px;
}

.writeMessage input[type="text"] {
    width: 100%;
    background-color: #fcfcfc;
    padding: 10px 10px;
    border: 1px solid #dadada;
    color: #dadada;
    font-size: 13px;
    margin-bottom: 10px;
}

.writeMessage button {
    float: right;
}

.writeMessage .send-reply-message {
    float: right;
}

.writeMessage .send-message {
    float: right;
}

.writeMessage h4 {
    color: #666;
}

.view-comments {
    text-align: right;
    padding: 0 10px 0 0;
}

.view-comments .toggle-detail-comment-blocks {
    color: #AAA !important;
}


/* start toolTip*/

.toolTipGreen {
    font-size: 12px;
    position: absolute;
    background: #03a4ae;
    color: #FFF;
    left: 0;
    top: 50px;
    z-index: 2;
    width: auto;
    max-width: 400px;
    border-radius: 0 0 4px 4px;
}

.toolTipGreen p {
    margin: 0;
    color: #FFF !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 4px 5px;
    width: auto;
    max-width: 400px;
}

.toolTipGreenArrow {
    background: url(images/up-arrow.png) no-repeat center;
    width: 18px;
    height: 10px;
    margin: -9px 0 0 0;
    display: block;
}

.conn-btn {
    position: relative;
}

.toolTipWhite {
    position: absolute;
    top: 30px;
    left: 0;
    font-size: 12px;
    background: #ffffff;
    padding: 5px;
    display: block;
    line-height: 18px;
    z-index: 10000;
    color: #4f4f4f;
    border: 1px solid #dadada;
    width: 160px;
    border-radius: 0 0 4px 4px;
}

.toolTipWhite p {
    margin: 0;
}

.toolTipWhite .toolTipWhiteArrow {
    background: url(images/up-arrow2.png) no-repeat center;
    width: 18px;
    height: 10px;
    margin: -14px 0 0 0;
    display: block;
}


/* end toolTip*/


/*loader*/

#circularG {
    position: relative;
    width: 40px;
    height: 40px;
    position: relative;
    clear: both;
    margin: 0 auto;
}

.circularG {
    position: absolute;
    background-color: #04a4ad;
    width: 9px;
    height: 9px;
    -moz-border-radius: 6px;
    -moz-animation-name: bounce_circularG;
    -moz-animation-duration: 1.12s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: linear;
    -webkit-border-radius: 6px;
    -webkit-animation-name: bounce_circularG;
    -webkit-animation-duration: 1.12s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: linear;
    -ms-border-radius: 6px;
    -ms-animation-name: bounce_circularG;
    -ms-animation-duration: 1.12s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: linear;
    -o-border-radius: 6px;
    -o-animation-name: bounce_circularG;
    -o-animation-duration: 1.12s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: linear;
    border-radius: 6px;
    animation-name: bounce_circularG;
    animation-duration: 1.12s;
    animation-iteration-count: infinite;
    animation-direction: linear;
}

#circularG_1 {
    left: 0;
    top: 16px;
    -moz-animation-delay: 0.42s;
    -webkit-animation-delay: 0.42s;
    -ms-animation-delay: 0.42s;
    -o-animation-delay: 0.42s;
    animation-delay: 0.42s;
}

#circularG_2 {
    left: 4px;
    top: 4px;
    -moz-animation-delay: 0.56s;
    -webkit-animation-delay: 0.56s;
    -ms-animation-delay: 0.56s;
    -o-animation-delay: 0.56s;
    animation-delay: 0.56s;
}

#circularG_3 {
    top: 0;
    left: 16px;
    -moz-animation-delay: 0.7s;
    -webkit-animation-delay: 0.7s;
    -ms-animation-delay: 0.7s;
    -o-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

#circularG_4 {
    right: 4px;
    top: 4px;
    -moz-animation-delay: 0.84s;
    -webkit-animation-delay: 0.84s;
    -ms-animation-delay: 0.84s;
    -o-animation-delay: 0.84s;
    animation-delay: 0.84s;
}

#circularG_5 {
    right: 0;
    top: 16px;
    -moz-animation-delay: 0.98s;
    -webkit-animation-delay: 0.98s;
    -ms-animation-delay: 0.98s;
    -o-animation-delay: 0.98s;
    animation-delay: 0.98s;
}

#circularG_6 {
    right: 4px;
    bottom: 4px;
    -moz-animation-delay: 1.12s;
    -webkit-animation-delay: 1.12s;
    -ms-animation-delay: 1.12s;
    -o-animation-delay: 1.12s;
    animation-delay: 1.12s;
}

#circularG_7 {
    left: 16px;
    bottom: 0;
    -moz-animation-delay: 1.26s;
    -webkit-animation-delay: 1.26s;
    -ms-animation-delay: 1.26s;
    -o-animation-delay: 1.26s;
    animation-delay: 1.26s;
}

#circularG_8 {
    left: 4px;
    bottom: 4px;
    -moz-animation-delay: 1.4s;
    -webkit-animation-delay: 1.4s;
    -ms-animation-delay: 1.4s;
    -o-animation-delay: 1.4s;
    animation-delay: 1.4s;
}

@-moz-keyframes bounce_circularG {
    0% {
        -moz-transform: scale(1)
    }
    100% {
        -moz-transform: scale(.3)
    }
}

@-webkit-keyframes bounce_circularG {
    0% {
        -webkit-transform: scale(1)
    }
    100% {
        -webkit-transform: scale(.3)
    }
}

@-ms-keyframes bounce_circularG {
    0% {
        -ms-transform: scale(1)
    }
    100% {
        -ms-transform: scale(.3)
    }
}

@-o-keyframes bounce_circularG {
    0% {
        -o-transform: scale(1)
    }
    100% {
        -o-transform: scale(.3)
    }
}

@keyframes bounce_circularG {
    0% {
        transform: scale(1)
    }
    100% {
        transform: scale(.3)
    }
}

.loading {
    background: url(images/loading.GIF) no-repeat center;
    width: 40px;
    height: 40px;
    margin: 0 auto;
}

.loaderMd {
    width: 30px;
    height: 30px;
    background: url(images/loading.GIF) no-repeat center;
    background-size: 100%;
    margin: 0 auto;
}

.loadingMd {
    width: 30px;
    height: 30px;
    background: url(images/loading.GIF) no-repeat center;
    background-size: 100%;
    margin: 0 auto;
}

.loaderSm {
    width: 20px;
    height: 20px;
    background: url(images/loading.GIF) no-repeat center;
    background-size: 100%;
    margin: 0 auto;
}

.loadingSm {
    width: 20px;
    height: 20px;
    background: url(images/loading.GIF) no-repeat center;
    background-size: 100%;
    margin: 0 auto;
}

.loadMore {
    text-align: center;
}

.loadMore a {
    color: #101010;
}

.loadMore a:hover {
    color: #03a4ae;
}

#avatar-modal .loaderSm {
    margin-top: -20px;
}

.greenHeader {
    position: relative;
    width: 100%;
    top: 0px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    background-size: 100%;
}

.fixed {
    position: fixed;
    top: 100px;
    z-index: 10;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.greenHeader.fixed .user-pro-outer-wrapper-white {
    display: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.greenHeader.fixed .profile-image {
    width: 48px;
    height: 48px;
    border: 2px solid #fff;
    border-radius: 1px;
    margin: 8px 0 0 33px;
    background-size: 100%;
}

.avatar-view {
    border: none !important;
}

.profile-image .avatar-view {
    cursor: default !important;
}

.greenHeader.fixed .profile-image img {
    width: 100%;
}

.greenHeader.fixed .user-name h1 {
    font-size: 16px;
    color: #FFF;
    font-family: 'Roboto-Bold';
    margin-bottom: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.greenHeader.fixed .user-name p {
    font-size: 12px;
    color: #FFF;
    font-family: 'Roboto-Bold';
}

.greenHeader.fixed .userNameContent {
    float: left;
    width: 12%;
    padding: 12px 0;
}

.greenHeader.fixed .bioContainer {
    float: left;
    width: 88%;
}

.greenHeader.fixed .user-pro-outer-wrapper {
    margin: 0;
}

.greenHeader.fixed .bio p {
    font-size: 15px;
    color: #04a4ad;
}

.greenHeader.fixed .user-name {
    width: 91%;
    padding: 0 0 0 8px;
}

.greenHeader.fixed .navigation li a {
    padding: 10px 16px;
}

.greenHeader.fixed .user-pro-outer-wrapper-green {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

.greenHeader.fixed .edit-profile-cam {
    top: 0;
    display: none;
}


/*.greenHeader.fixed .profile-image:hover .edit-profile-cam{ display:block;}*/

.greenHeader.fixed .edit-profile-cam input[type="file"] {
    height: 44px;
}

.image-bg-fluid-height.active {
    height: 150px;
    z-index: 3;
    -webkit-transition: ease-in-out all 0.3s;
    transition: ease-in-out all 0.3s;
    -moz-transition: ease-in-out all 0.3s;
}

.image-bg-fluid-height.active .banner-container {
    position: fixed;
    height: 112px;
    z-index: 3;
}

.image-bg-fluid-height.active #social-hover {
    display: none;
}

.comingSoon {
    text-align: center;
}

.comingSoon img {
    width: 100%;
}

.btn-green:hover {
    background: url("../images/header-icons/wire.png") no-repeat scroll 6px 50% #038087;
}

#crop-pic {}

.greenHeader.fixed .profile-image .remove_profile_pic {
    display: none;
}

#cropContainerModalCoverPic {
    width: 1140px !important;
    margin: 0 auto;
    border: none !important;
}

#cropContainerModalCoverPic .cropControls {
    left: 0 !important;
    top: 75px !important;
    width: 35px;
    height: 35px;
    padding: 2px;
}

.greenHeader.fixed .cropControls {
    display: none;
}

.greenHeader.fixed .profile-image:hover .cropControls {
    display: block;
}

.cropControls i.cropControlRemoveCroppedImage {
    background-position: -180px 0px !important;
    position: relative !important;
    float: right !important;
    margin-top: -125px !important;
}

.image-bg-fluid-height.active #cropContainerModalCoverPic .cropControls {
    display: none;
}

.friends-list-block .friends-list-block-sec .search-box .input-group input[type="text"] {
    z-index: 0 !important;
}

.liked {
    color: #04A4AD;
}

.messageListing {
    float: left;
    width: 5%;
    position: relative;
}

.messageListing span {
    display: block;
    margin: 20px 0 0 20px;
}

.messageListing ul {
    margin: 0;
    display: none;
    position: absolute;
    text-align: right;
    border: 1px solid #DADADA;
    z-index: 1;
    background: #FFF;
    top: 30px;
    right: 0;
}

.messageListing ul li {}

.messageListing ul li a {
    color: #585858;
    display: block;
    padding: 5px 10px;
}

.messageListing ul li a:hover {
    color: #04a4ad;
    background: #F5F5F5;
}

.listArrow {
    background: url(images/down-arrow1.png) no-repeat;
    width: 10px;
    height: 9px;
    display: block;
    width: 18px;
}

.listArrow:hover,
.listArrow.active {
    background-image: url(images/down-arrow-active.png);
}

.messageListing ul li {
    font-size: 12px;
    border-bottom: 1px solid #eee;
}

.messageListing ul li:last-child {
    border-bottom: 0;
}

.deleteBtn,
delete-post-comment {
    background: url(images/close-btn.jpg) no-repeat;
    width: 11px;
    height: 11px;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.delete-post.friends-post-delete.deleteBtn {
    top: -2px;
    right: -30px;
    border: 1px solid #ddd;
    background-position: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #FFFFFF url(images/down-arrow.png) no-repeat center;
}

.delete-post.friends-post-delete.deleteBtn:hover,
.delete-post.friends-post-delete.deleteBtn.active {
    background-image: url(images/down-arrow-active1.png);
}

.removeFriendsPost {
    border: 1px solid #dadada;
    background: #FFF;
    position: absolute;
    top: 20px;
    right: -30px;
    display: none;
    width: 95px;
}

.removeFriendsPost .arrow {
    background: url(images/up-arrow1.png) no-repeat;
    width: 10px;
    height: 5px;
    display: block;
    margin: -5px 0 0 0;
}

.friends-mesg-block ul.removeFriendsPost li {
    padding: 0;
    border: none;
    margin: 0;
    font-size: 12px;
    line-height: 18px;
    border-bottom: 1px solid #dadada;
    min-height: inherit;
}

.friends-mesg-block ul.removeFriendsPost li:last-child {
    border-bottom: 0;
}

.friends-mesg-block ul.removeFriendsPost li a {
    color: #585858;
    padding: 5px 10px;
    display: block;
    background: none;
    border: none;
    font-weight: normal;
}

.friends-mesg-block ul.removeFriendsPost li a:hover {
    color: #03a4ae;
    text-decoration: none;
}

.noActivity {
    border: 1px solid #dadada;
    padding: 10px;
}

.noActivity p {
    margin: 0;
}

.sendNewMessage {
    float: left;
    line-height: 18px;
    padding: 0;
}

.sendNewMessage:hover {
    background: none;
    color: #04a4ad;
}

.viewAllBtn {
    float: right;
    line-height: 18px;
    padding: 0;
}


/*Message*/

.messageError,
.messageSuccess {
    display: none;
}

.messageError {
    background: #eccfcf;
}

.messageError .messageContent {
    color: #a94442;
}

.closeBtn {
    /*background:url(images/close-btn1.png) no-repeat;*/
    width: 11px;
    height: 11px;
    display: block;
    position: absolute;
    top: 18px;
    right: 10px;
}

.messageSuccess {
    background: #d0e9c5;
}

.messageSuccess .messageContent {
    color: #3c763d;
}

.display {
    display: block;
}

.sendNewMessage {
    padding: 0;
}

.sendNewMessage:hover {
    background: none;
}

.alert-success {
    font-weight: bold;
}

.middle-content .my-library .list-group {
    margin-bottom: 0;
}

.middle-content .my-library .list-group .list-group-item {
    float: left;
    width: 172px;
    border: none;
}

.middle-content .my-library .list-group .list-group-item .lest-aside-icon {
    height: 205px;
    width: 150px;
}

.middle-content .my-library .list-group .list-group-item .notification-block-sec {
    width: 100%;
}

.middle-content .my-library .list-group .list-group-item .notification-block-sec .notification-name {
    padding: 2px 0 0 0;
}

.middle-content .my-library .list-group .list-group-item .notification-block-sec .follow-id.id {
    padding: 0;
}

.ui-dialog {
    box-shadow: 0 0 400px rgba(0, 0, 0, 0.3);
    z-index: 100 !important;
}

.ui-widget-header {
    background: none !important;
    border: none !important;
}

.ui-dialog-title {
    color: #343434;
    font-family: 'RobotoMedium';
    font-size: 18px;
    font-weight: normal;
}

.ui-widget-content {
    background: #FFF !important;
    border-radius: 2px !important;
    padding: 35px 40px;
}

.ui-dialog .ui-dialog-titlebar-close {
    background: url("images/close-btn.jpg") no-repeat !important;
    border: none!important;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: 0 0 0 10px !important;
    background-color: #ffffff;
    border-radius: 2px;
    color: #04a4ad !important;
    font-family: 'Roboto-Bold';
    padding: 5px 12px;
    border: 1px solid #dddddd;
    border-bottom: 2px solid #dddddd;
}

.ui-dialog .ui-dialog-buttonpane button:hover {
    background: #03a4ae !important;
    color: #FFF !important;
    border-color: #038a92 !important;
}

.ui-dialog .ui-dialog-buttonpane {
    border: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #dadada !important;
    background: #f0f0f0 !important;
    color: #343434 !important;
}

.ui-menu-item .messageImg {
    margin: 0;
}

.ui-menu-item .messageDetails {
    width: 80%;
    padding: 10px 0 0 10px;
}

.ui-menu .ui-menu-item {
    padding: 8px 1em 8px 0.4em !important;
    /*border-bottom: 1px solid #dddddd;*/
    line-height: 0;
}

.ui-menu-item .messageDetails .notification-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-size: 14px;
    margin-bottom: 0;
}

.ui-menu-item .messageDetails .follow-id {
    padding-left: 0;
}

.ui-state-default .ui-icon {
    background: none !important;
}

.ui-button-text-only .ui-button-text {
    padding: 0 !important;
}

.ui-dialog .ui-dialog-titlebar-close:hover {
    border: none !important;
    background: url("images/close-btn.jpg") no-repeat !important;
}

.ui-dialog .ui-dialog-buttonpane button:hover {
    background: none repeat scroll 0 0 #03a4ae;
    border-color: #038a92;
    color: #fff !important;
}

.ui-widget-content .ui-dialog-buttonset .ui-state-default {
    background: none !important;
    border-bottom: 2px solid #dadada !important;
}

.ui-widget-content .messageImg {
    overflow: visible;
}

.ui-widget-content .iAuthorProfilePic {
    height: 44px;
    width: 44px;
    left: 0;
}

.ui-widget-content .iAuthorProfilePic .iAuthorIcon {
    right: -15px;
}

.allResult {
    font-family: 'Roboto', 'Roboto-Regular';
}

.allResult a {
    color: #696969 !important;
    display: block;
    font-size: 10px;
    padding: 10px;
}

.allResult a:hover {
    color: #04a4ad !important;
    text-decoration: none;
}

.send-new-message {
    position: relative;
}


/*bootstrap properties overwritten*/

.bootstrap-tagsinput {
    border: none !important;
    box-shadow: none !important;
    line-height: 1 !important;
    margin-bottom: 0 !important;
    min-height: 40px;
}

.bootstrap-tagsinput .tag {
    display: inline-block;
    margin-bottom: 5px;
}


/*.twitter-typeahead .tt-input{ padding:3px !important;}*/

.bioTabs .label-info {
    background: #04a4ad !important;
}

.bootstrap-tagsinput .tag {
    cursor: pointer;
}

.col-md-8.middle-content .my-library .list-group .media-body {
    display: block;
}


/* Start Upload*/

.avtar-preview-txt {
    /*position: absolute;*/
    background-color: #FFF;
    /*padding: 5px 46px;*/
    margin: 15px 0;
    text-align: center;
}

#avatar-modal .modal-content {
    border-radius: 0;
    box-shadow: none;
}

#avatar-modal .modal-title {
    color: #343434;
    font-size: 18px;
    font-family: "RobotoMedium";
}

#avatar-modal .modal-header {
    padding: 15px 30px;
}

#avatar-modal .avatar-wrapper {
    box-shadow: none;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #CCC;
}

#avatar-modal .preview-lg {
    margin-top: 0;
    margin-right: 0;
    border-radius: 0;
}

#avatar-modal .preview-md {
    border-radius: 50%;
    margin: 10px auto;
}

#avatar-modal .preview-sm {
    border-radius: 50%;
    margin: 10px auto;
}

#avatar-modal .btn-default {
    background: #FFF;
    padding: 8px 12px;
    color: #04A4AD;
    font-family: "Roboto-Bold";
    border-radius: 2px;
    border-bottom: 2px solid #EAEAEA;
    margin-top: 20px;
    border: 1px solid #EAEAEA;
    border-bottom: 2px solid #E3E3E3;
}

#avatar-modal .btn.avatar-save {
    background: #03a4ae;
    padding: 8px 12px;
    color: #FFF;
    border-bottom: 2px solid #028991;
    border-radius: 2px;
    font-family: "Roboto-Bold";
    margin-top: 20px;
}

#avatar-modal .avatar-upload input[type="file"] {
    opacity: 0;
    cursor: pointer;
}

.avatar-upload {
    background: url(images/upload.png) no-repeat 110px 0;
    cursor: pointer;
    padding-bottom: 7px;
    position: relative;
}

#crop-pic #avatar-modal .col-md-9 {
    padding: 0;
}

#crop-cover .modal-footer {
    padding: 15px 30px;
}

.modal-footer {
    clear: both;
    padding: 15px 30px !important;
}

.txt_zoom_in_out {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

.col-md-9.cover-preview-pr {
    padding: 0;
    margin: 0 auto 20px;
    float: none;
}

#avatar-modal .avatar-preview.preview-lg.cover-preview {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 201px;
}

#avatar-modal .col-md-3 {
    padding: 0 0 0 20px;
}

.cropper-viewer {
    outline: 1px solid rgba(3, 164, 174, 1) !important;
}

.cropper-line {
    background-color: #03a4ae !important;
}

.cropper-point {
    background-color: #03a4ae !important;
}

#avatar-modal .row {
    margin: 0;
}

.avatar-preview:hover {
    border-color: #eee !important;
}

#avatar-modal .col-md-12 {
    padding: 0;
}

.cover-pic-hover {
    background: rgba(255, 255, 255, 0.5);
    height: 38px;
    position: absolute;
    width: 100%;
    bottom: 0;
}


/* End Upload*/

.mapContainer {
    width: 100% !important;
}

.mapContainer img {
    width: 100%;
    padding: 15px 15px 0;
}

.tabContent img {
    width: 100%;
}

#FullAddress.login-box {
    background: none;
    box-shadow: none;
}

.complete-profile-container #FullAddress.login-box {
    background: none repeat scroll 0 0 #f4f4f4;
    box-shadow: 1.5px 1px 0 0 #eaeaea;
}

.icon-github {
    background: no-repeat url('../img/github-16px.png');
    width: 16px;
    height: 16px;
}

.bootstrap-tagsinput {
    width: 100%;
}

.accordion {
    margin-bottom: -3px;
}

.accordion-group {
    border: none;
}

.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
    margin-bottom: 0;
}

.twitter-typeahead .tt-hint {
    display: none;
}

.tt-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.tt-suggestion > p {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: nowrap;
}

.tt-suggestion > p:hover,
.tt-suggestion > p:focus,
.tt-suggestion.tt-cursor p {
    color: #343434;
    text-decoration: none;
    outline: 0;
    background-color: #e1e1e1;
}

.ipadError {
    display: none;
    text-align: center;
    margin-top: 250px;
}

.ipadError p {
    font-size: 20px;
}

.ipadError img {
    border: none
}


/*iAuthor*/

.iAuthorHeader {}

.iAuthorHeader .user-pro-outer-wrapper-white {
    background: rgba(250, 175, 44, 0.9);
    width: 100%;
    height: 73px;
}

.iAuthorHeader .user-name h1 {
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.iAuthorHeader .user-name .userNameContent p {
    color: #FFF;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    opacity: 1;
}

.btn.submitBookBtn {
    background: #fbb02c;
    color: #FFF;
    font-family: 'Roboto-Bold';
    border-radius: 2px;
    box-shadow: 2px 2px 0 #c27000;
    width: 161px;
    margin: 0 5px 0 0;
}

.btn.submitBookBtn:hover {
    background-color: #e9a329;
    color: #FFF;
}

.socialIcons {
    float: left;
    margin: 1px 0 0 0;
    border-left: 1px solid #36b6bd;
    border-right: 1px solid #36b6bd;
    padding: 0 15px;
}

.socialIcons li {
    float: left;
    padding: 16px 15px;
}

.socialIcons li a {
    background: url(images/social-icons.png) no-repeat;
    display: block;
}

.socialIcons li a.facebook {
    background-position: 0 0;
    width: 31px;
    height: 31px;
}

.socialIcons li a.twitter {
    background-position: -37px 0px;
    width: 35px;
    height: 30px;
}

.socialIcons li a.youTube {
    background-position: -78px 0;
    width: 30px;
    height: 30px;
}

.socialIcons li a.iShook {
    background-position: -114px 0;
    width: 38px;
    height: 30px;
}

.iAuthorIcon {
    background: url(images/iauthor-yellow.png) no-repeat;
    width: 19px;
    height: 21px;
    display: block;
    position: absolute;
    top: 5px;
    right: 12px;
}

.booksPublished {}

.booksPublished .lest-aside-icon {
    float: none;
    width: 154px;
    height: 135px;
}

.booksPublished .notification-block-sec {
    float: none;
    width: 100%;
    margin: 10px 0 0 0;
}

.left-aside .booksPublished .media-body .notification-name {
    padding: 0;
    text-align: center;
    overflow: visible;
    text-overflow: inherit;
    white-space: inherit;
    font-size: 13px;
    line-height: 16px;
    color: #2e2a2a;
}

.wire-block.friends-mesg-block .notification-mesg p {
    color: #575757;
}

.wire-block.friends-mesg-block .notification-mesg a {
    color: #575757
}

.iAuthorProfilePic {
    position: relative;
    width: 82px;
    height: 82px;
    position: absolute;
    left: -30px;
    z-index: 1;
}

.wire-communication-panel .iAuthorProfilePic {
    left: 10px;
    width: 72px;
}

.friends-who-commented .iAuthorProfilePic {
    width: 58px;
    height: 65px;
    left: 0;
}

.friends-who-commented .iAuthorProfilePic .iAuthorIcon {
    top: 5px;
    right: 0;
}

.write-comment-box .iAuthorProfilePic {
    height: 47px;
    left: 0;
    top: 15px;
    width: 60px;
}

.write-comment-box .iAuthorProfilePic .iAuthorIcon {
    right: 0;
}

.friends-who-commented .iAuthorProfilePic .friends-avatar {
    border: 3px solid #fbb02c;
}

.btn.leaveBtn {
    background: url("images/plus.png") no-repeat 10px center #fbb02c;
    color: #FFF;
    font-family: 'Roboto-Bold';
    border-radius: 2px;
    box-shadow: 2px 2px 0 rgba(194, 112, 0, 0.3);
    width: auto;
    margin: 0 5px 0 0;
    color: #FFF;
    padding: 7px 10px 7px 33px;
}

.btn.leaveBtn:hover {
    background: url("images/plus.png") no-repeat 10px center #e9a329;
    color: #FFF;
}

.friends-mesg-block.wire-block .iAuthorProfilePic .message-avatar {
    position: static;
    left: 0;
    border: 3px solid #fbb02c;
}

.iAuthorProfilePic .iAuthorIcon {
    top: -7px;
    right: 10px;
}

.stepContent .tabs {
    margin: 0 40px;
    border: 1px solid #cfcfcf;
}

.stepContent .tabList {}

.stepContent .tabList ul {
    margin: 0;
}

.stepContent .tabList ul li {
    float: left;
    cursor: default;
    /*pointer-events: none;*/
}

.stepContent .tabList ul li.active {
    cursor: pointer;
    pointer-events: auto;
}

.stepContent .tabList ul li a {
    cursor: pointer;
    color: #878787;
    display: block;
    padding: 15px 13px;
    background: url("images/left-arrow2.png") no-repeat 100% center;
}

.stepContent .tabList ul li.active a {
    color: #04a4ad;
    background-image: url("images/left-arrow1.png");
}

.stepContent .tabList ul li:last-child a {
    background: none;
}

.stepContent .tabList ul li:last-child .txt {
    margin-top: 10px;
    width: 70px;
}

.stepContent .tabList ul li a:hover {
    color: #04a4ad;
}

.stepContent .tabList ul li a .number {
    background-color: #878787;
    color: #fff;
    border-radius: 50%;
    padding: 4px 12px;
    float: left;
    font-size: 20px;
    margin: 0 5px 0 0;
}

.stepContent .tabList ul li.active a .number {
    background-color: #04a4ad;
    color: #fff;
}

.stepContent .tabList ul li a .txt {
    display: block;
    float: left;
    width: 87px;
    line-height: 16px;
}

.stepContent .tabContainer {
    padding: 10px 20px 15px;
}

.stepContent .tabContent {}

.stepContent .tabContent label {
    font-weight: normal;
    font-size: 14px;
    color: #878787;
    font-family: "Roboto-Regular";
    margin: 0;
}

.stepContent .tabContent input[type="text"],
.tabContent input[type="password"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #cfcfcf;
    background: #fcfcfc;
    font-size: 13px;
}

.stepContent .tabContent .stepDetails ul {
    padding: 0 40px;
}

.stepContent .tabContent .stepDetails h2 {
    margin: 0 0 15px 0;
    color: #878787;
    font-family: 'RobotoMedium';
    background: url("images/dot.png") repeat-x scroll center center rgba(0, 0, 0, 0);
    padding: 0 35px;
    font-size: 14px;
}

.stepContent .tabContent .stepDetails h2 span {
    background-color: #fff;
    padding: 0 5px;
}

.stepContent .tabContent .stepDetails ul li {
    margin: 0 0 10px 0;
}

.stepContent .tabContent .stepDetails label {
    float: left;
    margin-top: 10px;
    width: 131px;
}

.stepContent .tabContent .stepDetails .inputBox {
    float: right;
    width: 70%;
}


/*.stepContent .tabContent .socialMediaLinks ul li .inputBox{ width: 86%;}*/

.stepContent .tabContent .socialMediaLinksContainer h2 span {
    background-color: #fcfcfc;
}

.stepBtns {
    text-align: right;
}

.stepBtns button {
    background: #04a4ad;
    border-bottom: 2px solid #028991;
    font-family: "RobotoBlack";
    padding: 7px 12px;
}

.stepBtns button:hover {
    background: #04979f;
    color: #FFFFFF;
}

.stepContent .socialMediaLinksContainer {
    margin: 0;
}

.tabContent .stepDetails .select-container {
    width: 100%;
    float: none;
    margin: 0;
}

.tabContent .stepDetails span.select {
    background-color: #fcfcfc;
    border: 1px solid #cfcfcf;
    color: #8e8e8e;
    font-size: 13px;
    background-position: 97% center;
}

.paymentStepsContainer {
    width: 70%;
    margin: 75px auto 25px;
    padding: 52px 55px;
    background-color: rgba(7, 162, 171, 0.6);
    color: #fff;
}

.paymentStepsContainer .stepContent {
    width: 100%;
    margin-top: 0;
    z-index: 1;
}

.paymentStepsContainer .stepContent h1 {
    text-align: center;
}

.expDate {}

.tabContent .stepDetails .expDate .select-container {
    float: left;
    width: 30%;
    margin: 0 10px 0 0;
}

.tabContent .stepDetails .expDate span.select {
    background-position: 90% center;
}

.details {
    margin: 0 0 25px 0;
}

.importantNoticeWrap .CouponCodeWrap h3 {
    margin: 0 0 15px 0;
    color: #0e9aa7;
    font-family: 'Roboto-Regular';
    font-size: 22px;
}

.importantNoticeWrap p {
    font-family: 'Roboto-Regular';
}

.importantNoticeWrap .CouponCodeWrap {
    border: 2px dotted #ccc;
    padding: 10px 20px 15px;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 10px;
}

.importantNoticeWrap .CouponCodeWrap span {
    float: left;
    width: 18%;
    font-size: 23px;
    background-color: #939393;
    padding: 0 3px 0 25px;
    background-image: url("images/line.png");
    background-position: 15px top;
    background-repeat: no-repeat;
    font-family: 'Roboto-Bold';
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 35px;
}

.importantNoticeWrap .CouponCodeWrap input {
    float: left;
}

.importantNoticeWrap .CouponCodeWrap input[type="text"] {
    width: 60%;
    border: none;
    padding: 7px 10px;
    height: 35px;
    background: rgba(234, 234, 234, 0.6);
}

.importantNoticeWrap .CouponCodeWrap input[type="button"] {
    width: 20%;
    padding: 6px;
    background-color: #0e9aa7;
    height: 35px;
    font-family: 'Roboto-Bold';
    text-transform: uppercase;
}

.importantNoticeWrap #coupon_message {
    font-size: 14px;
    font-family: 'Roboto-Regular';
    text-align: center;
    color: #0e9aa7;
}

.importantNoticeWrap #coupon_message.info {
    color: #BDBDBD;
}

.importantNoticeWrap #coupon_message.error {
    color: #f23f54;
}

.importantNoticeWrap .notice {
    overflow: hidden;
}

.importantNoticeWrap .notice .subscription_pack_list {
    float: left;
    width: 30%;
    background-color: #949494;
}

.importantNoticeWrap .notice .subscription_pack_list li {
    min-height: 40;
    line-height: 40px;
    margin: 0 !important;
    width: 100%;
    display: inherit;
}

.importantNoticeWrap .notice .subscription_pack_list li label {
    text-align: center;
    font-family: 'Roboto-Bold';
    font-size: 15px;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: bold !important;
    padding: 7px 0;
    line-height: 1.2;
    width: 100%;
    cursor: pointer;
}

.importantNoticeWrap .notice .subscription_pack_list li.active {
    background-color: #686868;
    background-image: url("images/left-whiteArrow.png");
    background-position: 101% center;
    background-repeat: no-repeat;
}

.importantNoticeWrap .notice .subscription_pack_list_2 {
    float: left;
    width: 70%;
    padding: 0 !important;
    margin: 0;
}

.importantNoticeWrap .notice .subscription_pack_list_2 li {
    margin: 0;
}


/*.importantNoticeWrap .notice .subscription_pack_list_2 li p{float: left; width: 70%; font-size: 15px; font-family: 'RobotoLight'; padding: 18px; background-color: #e3e3e3;color:#2c2c2c; text-align: center; min-height: 82px;}*/

.importantNoticeWrap .notice .subscription_pack_list_2 li p strong {
    font-weight: normal;
}


/*.importantNoticeWrap .notice .subscription_pack_list_2 li p.amount{float: left; width: 30%;font-size: 43px; color: #129ba6;padding: 10px;background-color: #fff;margin-bottom:0;}*/

.importantNoticeWrap .notice .subscription_pack_list_2 li p.amount .dollarSign {
    font-size: 26px;
}

.importantNoticeWrap .notice .subscription_pack_list_2 li span.stroke {
    display: none;
}

.importantNoticeWrap .notice .subscription_pack_list_2 li p.amount {
    float: left;
    width: 26%;
    font-size: 43px;
    color: #129ba6;
    padding: 10px;
    background-color: #fff;
    margin-bottom: 0;
}

.importantNoticeWrap .notice .subscription_pack_list_2 li p {
    float: left;
    width: 74%;
    font-size: 15px;
    font-family: 'RobotoLight';
    padding: 18px;
    background-color: #e3e3e3;
    color: #2c2c2c;
    text-align: center;
    min-height: 82px;
}

.importantNoticeWrap .notice .subscription_pack_list_2.discounted li span.stroke {
    display: block;
    width: 14%;
    float: left;
    color: #E00C0C;
    text-align: center;
    padding: 5px 10px;
    text-decoration: line-through;
    font-size: 18px;
}

.importantNoticeWrap .notice .subscription_pack_list_2.discounted li p.amount {
    float: left;
    width: 26%;
    font-size: 43px;
    color: #129ba6;
    padding: 10px;
    background-color: #fff;
    margin-bottom: 0;
}

.importantNoticeWrap .notice .subscription_pack_list_2.discounted li p {
    float: left;
    width: 60%;
    font-size: 15px;
    font-family: 'RobotoLight';
    padding: 18px;
    background-color: #e3e3e3;
    color: #2c2c2c;
    text-align: center;
}

.notice {
    padding: 0 40px;
}

.paymentStepsContainer .select-container option {
    color: #000000;
}

.paymentStepsContainer .tabContainer .btn-flat.btn-green {
    background: #04a4ad;
    border-bottom: 2px solid #028991;
    font-family: "RobotoBlack";
    display: block;
    margin: 0 0 0 5px;
    float: right;
}

.paymentStepsContainer .tabContainer .btn-flat.btn-green:hover {
    background: #04979f;
    color: #FFFFFF;
}

.stepBtns a.skip {
    background: none repeat scroll 0 0 #04a4ad;
    border-bottom: 2px solid #028991;
    border-radius: 4px;
    color: #fff;
    font-family: "RobotoBlack";
    font-size: 15px;
    padding: 7px 12px;
    text-decoration: none;
    display: block;
    float: right;
    margin: 0 0 0 5px;
}

.paymentTabs .chkBox .icheckbox_minimal-blue {
    float: left;
    margin: 0 10px 0 0;
}

.paymentTabs .stepContent .tabContent .stepDetails .chkBox label {
    margin: 0 0 0 0;
    width: 80%;
}

.paymentTabs .stepContent .tabContent .stepDetails .chkBox {
    margin: 10px 0 0 0;
}

.paymentStepsContainer .check.i_agree.aquamarine {
    padding: 0 40px;
}

.successContainer {
    width: 71%;
    margin: 60px auto;
}

.successImg {
    width: 118px;
    float: left;
}

.successContent {
    float: left;
    padding: 0 0 0 30px;
}

.successContent h2 {
    margin: 0 0 10px 0;
    font-size: 30px;
    color: #575757;
    font-family: 'RobotoMedium';
    border-bottom: 1px solid #dadada;
    padding: 0 20px 10px 0;
}

.successContent p {
    font-size: 16px;
    color: #575757;
}

.successContent p span {
    color: #1799a8;
    font-family: 'RobotoMedium';
}

.successContent .btn-green {
    background: #1799a8;
    font-size: 12px;
    border-radius: 5px;
    padding: 3px 20px;
}

.successContent .btn-green:hover {
    color: #FFFFFF;
    background: #04979f;
}


/*Book Details*/

.bookDetailsContainer {
    border: 1px solid #dadada;
    padding: 0 0 20px;
    position: relative;
}

.bookDetailsTitle {
    padding: 20px;
}

.bookDetailsTitle h2 {
    margin: 0;
    font-size: 20px;
    font-family: 'Roboto-Bold';
    color: #585858;
    float: left;
    background: url("images/arrow1.png") no-repeat 100% center;
    padding: 0 15px 0 0;
}

.bookDetailsTitle p {
    font-size: 12px;
    color: #4c4c4c;
    float: left;
    margin: 3px 0 0 10px;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bookDetailsContentContainer {
    padding: 0 20px;
}

.bookDetailsImg {
    float: left;
    width: 150px;
}

.bookDetailsImg img {
    width: 150px;
    height: 205px;
}

.bookDetailsContent {
    float: left;
    width: 76%;
    padding: 0 0 0 20px;
}

.bookDetailsContent h3 {
    margin: 0 0 20px 0;
    color: #4c4c4c;
    font-family: "Roboto-Regular";
    font-size: 20px;
}

.bookDetailsContent h4 {
    margin: 0;
    font-size: 15px;
    color: #4c4c4c;
    font-family: "Roboto-Regular";
    margin: 0 0 15px 0;
}

.bookDetailsContent h5 {
    margin: 0;
    font-size: 13px;
    font-weight: bold;
    color: #4c4c4c;
}

.bookDetailsContent p {
    font-size: 13px;
    color: #4c4c4c;
}

.bookDetailsContent1 {
    float: none;
    width: 100%;
    padding: 0 20px;
    margin-top: 20px;
}

.booksPublishedContainer {
    border: 1px solid #dadada;
    padding: 20px;
    margin: 20px 0 0 0;
}

.booksPublishedContainer h2 {
    margin: 0;
    font-size: 20px;
    margin: 0 0 20px 0;
    font-family: "Roboto-Bold";
    color: #585858;
}

.booksPublishedContainer ul {
    margin: 0;
}

.booksPublishedContainer ul li {
    width: 150px;
    float: left;
    margin: 0 16px 10px 0;
}

.booksPublishedContainer ul li:last-child {
    margin-right: 0;
}

.booksPublishedContainer p {
    font-size: 13px;
    color: #4c4c4c;
    line-height: 18px;
    margin: 10px 0 0 0;
}

.publishedImg {
    position: relative;
}

.publishedImg img {
    width: 150px;
    height: 205px;
}

.download {
    background: rgba(0, 0, 0, 0.8) url("images/download.png") no-repeat 3px center;
    color: #FFF;
    font-size: 13px;
    padding: 2px 8px 2px 25px;
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
}

.download a {
    color: #FFF;
}

.download a:hover {
    color: #FFF;
}

.publishedImgDownload {
    display: block;
}

.publishedImg:hover .download {
    display: block;
}

.bookDetailsContainer .socialMediaLinks input[type="text"] {
    border: none;
    background: none;
}

.listingBooks {
    position: absolute;
    top: 23px;
    right: 20px;
}

.listingBooks .listArrow {
    background: url("images/arrow-toggle.png") no-repeat 0 0;
    width: 10px;
    height: 7px;
}

.listingBooks .listArrow:hover,
.listingBooks .listArrow.active {
    background-position: -12px 0;
}

.allBooks {
    display: none;
    position: absolute;
    top: 10px;
    right: 0;
    width: 123px;
    text-align: right;
    border: 1px solid #dadada;
    padding: 4px 10px;
    background: #FFF;
    font-size: 13px;
}

.allBooks a {
    color: #585858;
}

.allBooks a:hover {
    color: #04a4ad;
}

.bookDetailsContainer .socialMediaLinks ul li {
    width: 100%;
    margin: 0 0 25px 0;
    font-size: 13px;
}

.bookDetailsContainer .socialMediaLinks ul li:last-child {
    margin-bottom: 0;
}

.bookDetailsContainer .socialMediaLinks ul li label {
    height: 23px;
    margin-right: 10px;
    color: #828282;
}

.bookDetailsContainer .socialMediaLinks ul li a {
    color: #999999;
    margin-top: 3px;
    display: inline-block;
    width: 83%;
}

.bookDetailsContainer .socialMediaLinks ul li a:hover {
    color: #04a4ad;
}

.image-bg-fluid-height.active .banner-container-slider {
    position: fixed;
    height: 112px;
    overflow: hidden;
    z-index: 1;
}

.noPost {
    margin: 10px auto;
    width: 100%;
    text-align: center;
}

.noPost img {
    opacity: 0.5;
}

.noPost p {
    color: #575757 !important;
    margin-top: 10px;
    font-size: 20px;
}

.bookContainer {
    background-color: #01a4ad;
    color: #fff;
    height: 205px;
    padding: 20px 0;
    text-align: center;
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

.bookTitle {}

.bookTitle h3 {
    margin: 0;
    font-family: "bridgnorth_regular";
}

.bookDetails {
    bottom: 20px;
    position: absolute;
    width: 100%;
}

.bookDetails h5 {
    padding: 0 0 5px 0;
    margin: 0;
}

.bookDetails p {
    font-size: 12px;
    margin: 0;
    color: #FFF;
}

.uploadBookContainer .profile-image {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    background: #e8e8e8;
    height: 205px;
    width: 100%;
    float: none;
}

.uploadBookContainer .edit-profile-cam {
    bottom: 0;
    top: auto;
}

.cover-preview {
    height: 300px;
    width: 187px;
    border-radius: 0 !important;
    background-color: #e8e8e8 !important;
}

.booksPublished .notification-name {
    width: 100%;
}

.booksPublished .notification-name a {
    overflow: hidden;
    text-overflow: ellipsis;
}


/*newsDetailsContent*/

.facebookFeedContainer {
    border: 1px solid #dadada;
    padding: 0 0 20px;
    position: relative;
}

.facebookFeedTitle {
    padding: 20px;
    border-bottom: 1px solid #dadada;
}

.facebookFeedTitle h2 {
    margin: 0 20px 0px 0px;
    font-size: 20px;
    font-family: 'Roboto-Bold';
    color: #585858;
    float: left;
    /*background: url("images/arrow1.png") no-repeat 100% center;*/
    padding: 0 15px 0 0;
}

.facebookFeedTitle p {
    font-size: 12px;
    color: #4c4c4c;
    float: left;
    margin: 3px 0 0 10px;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.facebookFeedContentContainer {
    padding: 20px 20px;
    border-bottom: 1px solid #dadada;
    clear: both;
}

.fbfeedimg {
    float: left;
    width: 20%;
    margin-right: 15px;
}

.feedbody {
    float: left;
    width: 75%;
}

.feedbody h3 {
    margin: 0 0 10px 0;
}

.feedbody a {
    color: #03a4ae;
}

.facebookFeedContent img {
    margin: 0px 20px 20px 0px;
}

.facebookFeedContent p {
    font-size: 14px;
    color: #4c4c4c;
    font-family: "Roboto-Regular";
}

.facebookFeedContent h3 {
    color: #4c4c4c;
    font-family: "Roboto-Regular";
    font-size: 20px;
    font-weight: bold;
    clear: both;
}


/*newsDetailsContent*/

.facebookCoverFeedContainer {
    padding: 20px;
    position: relative;
}

.facebookCoverFeedTitle {
    padding: 20px;
}

.facebookCoverFeedTitle h2 {
    margin: 0;
    font-size: 20px;
    font-family: 'Roboto-Bold';
    color: #585858;
    float: left;
    /*background: url("images/arrow1.png") no-repeat 100% center;*/
    padding: 0 15px 0 0;
}

.facebookCoverFeedTitle p {
    font-size: 12px;
    color: #4c4c4c;
    float: left;
    margin: 3px 0 0 10px;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.facebookCoverFeedContentContainer {
    padding: 20px 20px;
    border-bottom: 1px solid #dadada;
}

.facebookcoverImg {
    display: block;
    margin: 0px 0px 10px 0px;
}

.facebookcoverImg img {
    height: auto;
    width: 100%;
}

.facebookCoverFeedContent p {
    font-size: 13px;
    color: #4c4c4c;
}

.facebookCoverFeedContent h3 {
    color: #4c4c4c;
    font-family: "Roboto-Regular";
    font-size: 20px;
}


/*Feed Container*/

.feedContainerSection {
    padding: 10px 0;
}

.feedContainerSection h2 {
    font-family: "Roboto-Bold";
    font-size: 22px;
    margin: 0 0 25px;
    padding: 0 10px;
}

.feedContainer {
    margin: 0 0 25px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #dadada;
    font-family: 'Roboto-Regular';
    font-size: 14px;
    clear: both;
    display: inline-block;
}

.feedContainer:nth-child(2) {
    margin: 25px 0;
    padding: 10px 0;
}

.feedContainer:last-child {
    border-bottom: 0 none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.post-header {
    margin: 0 0 10px 0;
    padding: 0 10px;
}

.post-user-profile-image {
    float: left;
    margin: 0 10px 0 0;
}

.post-user-profile-image img {
    max-width: 48px;
}

.postProfileDetails {
    float: left;
    width: 88%;
}

.post-body {
    margin: 0 0 20px 0;
    padding: 0;
}

.post-body a {
    color: #04a4ad;
}

.post-body a:hover {
    color: #04979f;
}

.post-footer {
    font-family: 'Roboto-Regular';
    font-size: 14px;
}

.post-links {
    float: left;
    margin: 0 40px 0 0;
}

.post-links img {
    margin-right: 5px;
}

.post-repost {
    float: left;
}

.post-repost img {
    margin-right: 5px;
}

.postHeader {
    overflow: hidden;
    margin-bottom: 5px;
}

.post-username {
    font-weight: bold;
    float: left;
    margin-right: 10px;
}

.post-screenname {
    float: left;
    color: #03a4ae;
}

.post-created-on {
    float: right;
    color: #999999;
    font-size: 12px;
}

.post-message {
    padding: 0 10px;
    margin: 0 0 10px 0;
}

.post-message a {
    color: #04a4ad;
}

.post-message a:hover {
    color: #04979f;
}


/*Clique*/

.cliqueContainer {}


/*.cliqueBtns{ float: right; width: 35%;}*/

.createClique {
    float: left;
}

.cliqueBtns .btn-yellow {
    background: #fbb02c;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'Roboto-Bold';
    border-bottom: 2px solid #d08500;
    border-radius: 4px;
    padding: 10px 12px;
}

.cliqueBtns .btn-yellow:hover {
    background: #e9a329;
    color: #FFFFFF;
}

.cliqueSearch {
    margin: 10px 0 0 0;
}

.cliqueSearch input[type="text"] {
    width: 100%;
    background: #fcfcfc;
    border: 1px solid #dadada;
    padding: 10px;
}

.cliqueList {
    padding: 0 30px;
    margin-left: 50px;
}

.cliqueList ul li {
    float: none;
    width: 100%;
    min-height: 100px;
    margin: 0 0 10px 0;
    text-align: left;
    border: 1px solid #dadada;
    padding: 0;
}


/*.cliqueList .friendProfilePic{ margin: 0; width: 100px; height: 100px; position: absolute; top: 0; left: -50px;}*/

.cliqueList .friendProfilePic {
    margin: auto;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -60px;
}

.cliqueList .friendProfileContent {
    float: right;
    width: 91%;
    padding: 7px 10px;
}

.profileDetails {
    float: left;
    width: 65%;
}

.profileDetails p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profileDetails p.friendName {
    float: left;
    max-width: 85%;
}

.teamMembers {
    color: #616161;
    font-size: 14px;
    margin: 4px 0 0 !important;
}

.totalMembers {
    color: #858585;
    font-family: 'Roboto-Regular';
    font-size: 16px;
    float: left;
    margin: 0 0 0 10px;
}

.addMemebers {
    float: right;
    width: 33%;
}

.addMemebers span {
    float: left;
    font-size: 14px;
    color: #383838;
    margin: 7px 8px 0 0;
}

.addBtn {
    float: right;
    width: 34px;
    height: 35px;
    background: url("images/plus1.png") no-repeat center #36b6bd;
    border-bottom: 2px solid #028991;
    border-radius: 4px;
}

.addBtn:hover {
    background-color: #04979f;
}

.createdDate {
    text-align: right;
}

.createdDate p {
    font-size: 12px;
    color: #626262;
}

.gridList {
    float: left;
    background: #f2f2f2;
    padding: 7px 4px;
}

.gridList ul {
    margin: 0;
}

.gridList ul li {
    height: 24px;
    float: left;
    margin: 0 4px;
}

.gridList ul li.grid {
    width: 24px;
}

.gridList ul li.list {
    width: 27px;
}

.gridList ul li a {
    background: url("images/grid-list.png") no-repeat;
    width: 100%;
    height: 100%;
    display: block;
}

.gridList ul li.grid a {
    background-position: 0 0;
}

.gridList ul li.grid.active a,
.gridList ul li.grid a:hover {
    background-position: -62px 0;
}

.gridList ul li.list a {
    background-position: -30px 0;
}

.gridList ul li.list.active a,
.gridList ul li.list a:hover {
    background-position: -92px 0;
}

.friends-list-block.cliqueContainer .friends-list-block-sec .search-box {
    float: left;
    margin-left: 10px;
}

.friends-list-block.cliqueContainer .friends-list-block-sec .my-friends-count .friends-added {
    color: #343434;
}

.cliqueMemberContainer {
    background: #f5f5f5;
}

.left-aside .cliqueMemberContainer .list-group .lest-aside-icon {
    border-radius: 50%;
}

.cliqueMemberContainer .list-group-item {
    margin-bottom: 0;
    border-bottom: 1px solid #dadada;
    padding: 5px 10px !important;
}

.searchFriends {
    padding: 10px;
}

.searchFriends input[type="text"] {
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #dadada;
}

.searchFriends input[type="button"] {
    background: #04a4ad;
    color: #FFFFFF;
    width: 100%;
    font-size: 14px;
    font-family: 'Roboto-Bold';
    margin: 5px 0 0 0;
    padding: 7px 0;
    border-bottom: 2px solid #028991;
}

.searchFriends input[type="button"]:hover {
    background-color: #04979f;
}

.searchFriends input[type="submit"] {
    background: #04a4ad;
    color: #FFFFFF;
    width: 100%;
    font-size: 14px;
    font-family: 'Roboto-Bold';
    margin: 5px 0 0 0;
    padding: 7px 0;
    border-bottom: 2px solid #028991;
}

.searchFriends input[type="submit"]:hover {
    background-color: #04979f;
}

.user-name p.bookDescription {
    color: #5c5c5c;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    width: 90%;
}

.clickArrow {
    width: 18px;
    height: 9px;
    display: block;
    float: right;
}

.clickArrow a {
    background: url("images/down-arrow-active.png") no-repeat;
    width: 100%;
    height: 100%;
    display: block;
}

.greenHeader.fixed .clickArrow {
    display: none;
}

.createCliquePopup {
    margin: 20px 0 0 0;
}

.createLeft {
    float: left;
    width: 30%;
    text-align: center;
    border-right: 1px solid #dadada;
    min-height: 400px;
}

.cliqueTitle {}

.cliqueTitle p {
    color: #343434;
    margin: 0;
}

.createRight {
    float: right;
    width: 70%;
    /*padding:0 3%;*/
    box-sizing: border-box;
    font-weight: normal;
}

.createRight .input_text > label {
    font-weight: normal;
    font-size: 14px;
    color: #878787;
    font-family: "Roboto-Regular";
    /* margin: 0;*/
}

.createRight .input_text > input[type="text"],
.input_text > input[type="password"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #cfcfcf;
    background: #fcfcfc;
    font-size: 13px;
}


/*.createRight .input_text input {border:1px solid #cccccc;width:100%;padding:8px 12px;}
.input_text > label {font-weight: normal;color:#9a9a9a;}*/

.createRight .radio_btn {
    padding: 14px 0px 12px 0px;
    color: #9a9a9a;
}

.radio_btn > label {
    float: left;
    margin-right: 10px;
    font-weight: normal;
}

.createRight .css-label {
    font-weight: normal;
    padding: 0px 5px;
}

.createRight .radio_btn span {
    display: block;
    float: none;
    margin: 0 0 10px;
    width: auto;
}

.radio_btn .iradio {
    background: url("images/radio-btns.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    float: left;
    height: 19px;
    width: 19px;
}

.create_radio_box .notificationRadionBtns span {
    display: inline-block;
    margin: 0px;
}

.createRight .radioBtns span {
    margin-right: 20px;
}

.radio_btn .iradio.checked {
    background-position: -18px 0;
}

.createRight .settingBtns {
    float: right;
    padding: 12px 0px 14px 0px;
}

.create_radio_box {
    float: left;
}

.creat_profile_listbox .cliqueProfile {
    border-top: none;
    margin: 7px 0px 7px 12px;
}

.creat_profile_listbox .cliqueprofilein {
    width: auto;
    text-align: left;
}

.creat_profile_listbox .infodetails {
    width: 74%;
}

.infodetails a:hover {
    color: #333;
}

.closeBtn2 {
    /*float: left;*/
    float: right;
}

.closeBtn2 a {
    background: url("images/close-btn.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 11px;
    width: 11px;
}

.cliqueProfilePic {
    width: 112px;
    height: 112px;
    margin: 0 auto 7px;
}

.cliqueProfilePic img {
    width: 100%;
    border-radius: 50%;
}

.cliqueProfilePic a {
    display: block;
}

.cliqueProfile {
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    padding: 5px 0;
    margin: 15px 0px;
}

.createCliquePopup .thumbPic {
    width: 45px;
    height: 45px;
    float: left;
    margin: 0px 13px 0px 0px;
}

.createCliquePopup .thumbPic img {
    width: 100%;
    border-radius: 50%;
}


/*.infodetails {float:left;text-align: left;}*/


/*.cliqueprofilein{width:130px;margin:0 auto;}*/

.infodetails a {
    color: #179299;
    display: block;
    font-size: 11px;
}


/*=====04-02-15=====*/

.chk > span {
    color: red;
}

ul.subscription_pack_list {
    padding: 0px!important;
}

ul.subscription_pack_list li {
    display: inline-block;
}

ul.subscription_pack_list li input {
    float: left;
}

ul.subscription_pack_list li label {
    float: left;
    margin-top: 0px!important;
}


/*======05-02-15====*/

.compulsary-field-red-star {
    color: red;
}

.overviewContentauthor .inputBox > input {
    width: 50% !important;
}

.bookLike .ti-wire-liked.wire-social-icon {
    display: inline-block;
    height: 24px;
    width: 24px;
    vertical-align: bottom;
}

.bookLike .ti-wire-like.wire-social-icon {
    display: inline-block;
    height: 22px;
    width: 24px;
    vertical-align: bottom;
}

.bookLike .badge.badge-info.like-count {
    left: 12px;
    position: relative;
}

.bookLike {
    margin-right: 20px;
    text-align: right;
}

.bookLike a .ti-wire-like {
    background: url("images/header-icons/like.png") no-repeat scroll 100% 0 rgba(0, 0, 0, 0);
}

.bookLike a {
    color: #2F2F2F;
    text-decoration: none;
}

.bookLike .ti-name {
    font-family: 'Roboto';
    font-size: 12px;
    opacity: 0.9;
    text-transform: capitalize;
}


/*---Refer A Friend---*/

.referafrndWrapper {
    width: 100%;
    max-width: 340px;
    /*  height: 230px;*/
    /*    border: 1px solid red;*/
    float: right;
    /*margin-right: 10%;*/
    padding: 50px;
    background-color: #ffffff;
    position: relative;
    -webkit-box-shadow: -1px 0px 8px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -1px 0px 8px 0px rgba(0, 0, 0, 0.3);
    box-shadow: -1px 0px 8px 0px rgba(0, 0, 0, 0.3);
}


/*.referafrndWrapper:before{
    content: url(images/bgCards.png);
    left: -64%;
    position: absolute;
    z-index: -1;
    bottom: 0;
}*/

img.pageFold {
    position: absolute;
    top: 0;
    right: 0;
}

.referafrndWrapper h3 {
    text-align: center;
    font-size: 30px;
    font-family: 'RobotoLight';
    color: #676767;
    margin: 0 0 20px 0;
}

.authorBodyContainer .referafrndWrapper h3 {
    position: relative;
    z-index: 11;
}

.referafrndWrapper input[type="text"] {
    height: 35px;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    display: block;
    margin-bottom: 15px;
    width: 100%;
    padding: 5px 10px;
}

.referafrndWrapper button {
    display: block;
    font-size: 20px;
    font-family: 'Roboto-Bold';
    padding: 15px;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
}

.btn-primary {
    background-color: #00afbe !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-color: #0095a1 !important;
    color: #fff !important;
}


/*chat-box*/

.slimScrollBar {
    right: 1px !important;
}

#jsxc_roster {
    width: 184px !important
}

#jsxc_roster .slimScrollDiv {
    width: 100% !important;
}

#jsxc_buddylist .jsxc_offline {
    width: 100% !important;
}

#jsxc_buddylist .jsxc_online {
    width: 100% !important;
}

#jsxc_buddylist {
    width: 100% !important;
}

.chat-section {
    width: 100% !important;
    background-color: #03a4ac !important;
}

#jsxc_roster {
    top: 50px !important;
    margin-left: 0 !important;
    box-shadow: 1px 0 0px 2px #02848a inset !important;
    border-left: none !important;
}

.jsxc_name {
    color: #fff !important;
    font-size: 13px;
    text-transform: capitalize;
}

#jsxc_roster .jsxc_bottom div span {
    color: #fff !important;
    font-size: 16px;
}

#jsxc_buddylist li {
    width: 180px !important;
    height: auto !important;
    padding: 1px 0 3px 9px !important;
    margin: 0 0 0 3px !important;
    border-bottom: 1px solid #22afb6 !important;
}

#jsxc_buddylist .jsxc_online,
#jsxc_buddylist .jsxc_offline {
    border-left: none !important;
    display: inline-table;
    vertical-align: middle;
}

#jsxc_roster .slimScrollDiv {
    margin-bottom: 0 !important;
    left: 0 !important;
}

#jsxc_roster .jsxc_avatar {
    border: 3px solid #0c8086;
    border-radius: 100%;
    height: 35px !important;
    line-height: 28px !important;
    width: 35px !important;
    display: table-cell;
}

#jsxc_roster .jsxc_bottom {
    width: 100% !important;
    height: 50px !important;
    left: 0 !important;
    background-color: #0d8e94 !important;
    border-left: none !important;
    border-top: none !important;
}

#jsxc_buddylist .jsxc_name {
    display: table-cell;
    vertical-align: middle;
    width: 186px;
}

#jsxc_buddylist li:hover .jsxc_avatar,
.jsxc_avatar {
    border-radius: 100% !important;
}

#jsxc_roster #search {
    width: 167px;
    border-radius: 0 !important;
    font-size: 16px !important;
    left: 49px !important;
    height: 30px !important;
    border-bottom: 1px solid #fff !important;
    padding: 5px !important;
    margin-top: 0 !important;
    top: 21% !important;
    background-color: #0d8e94;
}

#jsxc_roster #submit_btn {
    left: 213px !important;
    border-radius: 0 !important;
    height: 30px !important;
    border-bottom: 1px solid #fff !important;
    margin-top: 0 !important;
    top: 21% !important;
    width: 30px !important;
    background-color: #0d8e94;
    background-image: url("../public/images/search-btn.png");
    background-repeat: no-repeat;
    background-position: center;
}

.jsxc_bar {
    background-color: #e5e5e5 !important;
    height: 50px !important;
}

.jsxc_window input.jsxc_textinput {
    background-color: #ededed !important;
}

.jsxc_window .slimScrollDiv {
    height: 199px !important;
    background-color: #fff !important;
    margin: 0 !important;
    padding: 0 0 6px !important;
    max-height: 199px !important;
    overflow-y: scroll;
}

.jsxc_window input.jsxc_textinput {
    text-align: left !important;
    padding: 6px 0 6px 42px !important;
    height: 50px !important;
    font-size: 16px !important;
}

.jsxc_window .jsxc_emoticons {
    left: 0 !important;
}

.jsxc_window .jsxc_emoticons::after {
    width: 42px !important;
    height: 20px !important;
}

.jsxc_window .jsxc_emoticons {
    top: 86% !important;
}

.jsxc_window {
    width: 262px !important;
}

.jsxc_out {
    background-color: #03a4ac !important;
    border: 1px solid #03a4ac !important;
    border-radius: 14px !important;
    font-size: 16px !important;
    color: #fff !important;
}

.jsxc_in {
    background-color: #03a4ac !important;
    border: 1px solid #03a4ac !important;
    border-radius: 14px !important;
    font-size: 16px !important;
    color: #fff !important;
}

.jsxc_out::after {
    border-color: transparent #03a4ac !important;
}

.jsxc_in::after {
    border-color: transparent #03a4ac !important;
}

.jsxc_bar {
    border-bottom: 1px solid #03a4ac !important;
    position: relative !important;
    display: table !important;
}

.jsxc_timestamp {
    color: #fff !important;
    font-size: 10px !important;
}

#jsxc_roster .jsxc_bottom ul {
    top: -30px !important;
    bottom: 50px !important;
}

.jsxc_window .ui-resizable-n {
    background: none !important;
}

.jsxc_bar .jsxc_avatar {
    width: 35px !important;
    height: 36px !important;
    margin: 6px !important;
    line-height: 38px !important;
}

.jsxc_window .jsxc_tools {
    width: 61px !important;
    display: table-cell !important;
    vertical-align: middle;
    position: absolute !important;
    right: 0 !important;
    top: 25% !important;
}

.jsxc_name {
    width: 211px;
    display: table-cell !important;
    vertical-align: middle !important;
}


/*#jsxc_buddylist li.jsxc_unreadMsg .jsxc_name::before{float: right !important; margin-top:10px !important; background-color: #73c40a !important;}*/

.jsxc_cycle {
    bottom: 35px !important;
    right: 216px !important;
    background-color: #73c40a !important;
    border: 3px solid #e5e5e5;
}

.jsxc_bar .jsxc_name {
    color: #575757 !important;
    font-size: 15px !important;
}

#jsxc_windowList > ul > li.jsxc_unreadMsg .jsxc_name {
    font-style: normal !important;
}

.jsxc_window {
    box-shadow: 0 0 2px 2px #999999 !important;
    left: 5px !important;
}

.top-nav {
    position: relative !important;
}

.top-nav .status-info {
    position: absolute;
    right: -60px;
    width: 35px;
}

.status-active {
    background-image: url("../public/images/s-active.png");
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
    width: 35px !important;
    height: 50px !important;
}

.status-inactive {
    background-image: url("../public/images/s-inactive-btn.png");
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
    width: 35px !important;
    height: 50px !important;
}

.pull-right {
    margin-right: 17px;
}

#jsxc_presence input[type="text"] {
    color: #fff !important;
}

#jsxc_windowList .jsxc_offline {
    border-left: none !important;
}

#jsxc_windowList > ul > li {
    margin: 0 17px 0 0 !important;
}

#jsxc_windowList > ul > li:last-child {
    margin-right: 0px !important
}

#jsxc_windowList .jsxc_online {
    border-left: none !important;
}

#jsxc_roster #jsxc_toggleRoster {
    background-image: url("./images/chat-arrow.png");
    background-position: left center;
    background-repeat: no-repeat;
    height: 50px !important;
    left: -11px !important;
    top: 44% !important;
}

#jsxc_toggleRoster:hover {
    background-color: rgba(255, 255, 255, 0) !important;
}

div.jsxc_settings {
    width: 35px !important;
    margin-top: 1px !important;
    background-size: 21px 19px !important;
    opacity: 1 !important;
}

.jsxc_window .jsxc_close {
    color: #bababa !important;
    font-size: 29px !important;
}

div.jsxc_settings:hover,
div.jsxc_settings .hover {}

.jsxc_window .jsxc_emoticons::after {
    opacity: 0.5 !important;
}

.jsxc_wink {}

#jsxc_roster .slimScrollDiv,
#jsxc_buddylist {
    max-height: 100% !important;
    overflow-y: scroll;
}

#jsxc_avatar {
    margin: 6px 13px !important;
}

.user_offline {
    background-color: #c5c5c5 !important;
}

.jsxc_window .jsxc_emoticons ul {
    right: -186px !important;
    bottom: 38px !important;
}

.jsxc_window .jsxc_emoticons ul::after {
    right: 190px !important;
}

.jsxc_window .jsxc_textarea {
    max-height: 199px !important;
}

.ishook_user_online {
    background-image: url("../public/images/greenicon.png");
    background-repeat: no-repeat;
    background-position: 94px center;
    background-size: 8px 8px;
}

.jsxc_window .jsxc_emoticons div {
    margin: 2px !important;
}

#jsxc_buddylist .jsxc_name {
    padding: 0 0 0 5px !important;
}

.jsxc_window .jsxc_fade {
    position: relative;
    z-index: -999 !important;
}

div.jsxc_settings ul {
    background-color: #7f7f7f !important;
    color: #fff;
    box-shadow: 0 0 0px 0px #000 !important;
    left: -100px !important;
    top: 24px !important;
    width: 120px !important;
    border-radius: 4px !important;
    position: absolute;
    z-index: 9999 !important;
}

div.jsxc_settings li:first-child {
    border: none !important;
}

div.jsxc_settings li {
    width: auto !important;
    text-align: center !important;
}

div.jsxc_settings li:hover:not(.jsxc_disabled) {
    background-color: #22afb6 !important;
    color: #fff;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.jsxc_bar {
    overflow: auto !important;
}


/*chat-box*/

.invite-friends-container {
    width: 450px;
    background-color: rgba(7, 162, 171, 0.6);
    color: #fff;
    float: left;
    margin: 75px auto 25px;
    text-align: center;
}

.invite-friends-container .one-fourth {
    height: 440px;
    padding: 20px 0;
    width: 100%;
}

.invite-friends-container .invite-friends-div {
    padding-left: 40px;
    padding-right: 40px;
}

.invite-friends-container h2 {
    font-family: "Roboto-Bold";
    font-size: 22px;
    line-height: 45px;
    color: #35a7ae;
}

.invite-friends-container .gplus_block {
    background: url("images/invite-friend-1-bg.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    height: 231px;
    margin: 0 auto;
    position: relative;
    width: 271px;
}

.invite-friends-container .gplus_block span {
    left: 80px;
    position: absolute;
    top: 60px;
}

.invite-friends-container .gplus_block_2 {
    display: block;
    font-family: "Roboto-Regular";
}

.invite-friends-container .gplus_block_2 .google_icon {
    width: 50px;
    height: 50px;
    display: block;
    margin: 0 auto;
}

.invite-friends-container .gplus_block_2 .google_icon img {
    width: 100%;
}

.invite-friends-container .gplus_block_2 .lists_block {
    background-color: #f6f6f6;
    margin-top: 30px;
    position: relative;
    padding: 30px 0px 1px 0px;
}

.invite-friends-container .gplus_block_2 .lists_block .select_all_box {
    left: 30%;
    position: absolute;
    top: -10px;
    background: #fff;
    border: 1px solid #e8e8e8;
    padding: 3px 20px;
    font-size: 11px;
}

.invite-friends-container .gplus_block_2 .lists_block .list {
    text-align: left;
    height: 140px;
    overflow-y: auto;
}

.invite-friends-container .gplus_block_2 .lists_block .list ul li {
    border-bottom: 1px solid #e8e8e8;
    padding: 5px 20px;
}

.invite-friends-container .gplus_block_2 .lists_block .list ul li:last-child {
    border-bottom: none;
}

.invite-friends-container .gplus_block_2 .lists_block label {
    font-size: 11px;
    color: #b7b5b6;
    font-weight: normal;
    margin-bottom: 0;
    line-height: 15px;
    margin-left: 5px;
    vertical-align: middle;
}

.invite-friends-container .submit {
    background: none repeat scroll 0 0 #08a2ac;
    color: #fff;
    width: 100%;
    margin-top: 10px;
    clear: both;
    overflow: hidden;
}

.middle-content .my-library .list-group .list-group-item .notification-block-sec .notification-name {
    padding: 2px 0 0 0;
    position: relative;
    display: block;
    width: 100%;
}

.publishedImgDownload {
    overflow: hidden;
    width: 75%;
}

a.book-wishlist {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    float: right;
}

a.book-wishlist span.add_wishlist {
    background-image: url("images/RemovefromWishlist.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 70% auto;
    height: 100%;
    position: absolute;
    width: 100%;
}

a.book-wishlist span.remove_wishlist {
    background-image: url("images/AddToWishlist.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 70% auto;
    height: 100%;
    position: absolute;
    width: 100%;
}


/*Main menu*/

.leftSection {
    float: left;
}

.menuTopBar,
.menuBottom {
    display: none;
}

.rightSection {
    float: right;
}

.top-nav .nav-left,
.top-nav .nav-right {
    float: none !important;
}

.smallDeviceMenu {
    display: none;
}

#hamburger:before,
#hamburger:after,
#hamburger span {
    transition-delay: 0.5s;
    transition-duration: 0.5s;
    transition-property: transform, top, bottom, left, opacity;
    transition-timing-function: ease;
}

#hamburger:before {
    top: 10px;
}

#hamburger:before,
#hamburger:after,
#hamburger span {
    background: none repeat scroll 0 0 #fff;
    content: "";
    display: block;
    height: 5px;
    left: 20px;
    position: absolute;
    width: 30px;
}

#hamburger:before,
#hamburger:after,
#hamburger span {
    transition-delay: 0.5s;
    transition-duration: 0.5s;
    transition-property: transform, top, bottom, left, opacity;
    transition-timing-function: ease;
}

#hamburger:after {
    top: 30px;
}

#hamburger:before,
#hamburger:after,
#hamburger span {
    background: none repeat scroll 0 0 #04a4ad;
    content: "";
    display: block;
    height: 5px;
    left: 0px;
    position: absolute;
    width: 30px;
}

#hamburger {
    box-sizing: border-box;
    display: none;
    height: 45px;
    /*left: 0;*/
    /*position: fixed;*/
    position: relative;
    /*top: 10px;*/
    /*width: 70px;*/
    z-index: 4;
    width: 32px;
}

.mm-slideout {
    transition: transform 0.4s ease 0s;
    -moz-transition: transform 0.4s ease 0s;
    -webkit-transition: transform 0.4s ease 0s;
    -ms-transition: transform 0.4s ease 0s;
}

#hamburger span {
    top: 20px;
}

html.mm-opening #hamburger:before {
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

html.mm-opening #hamburger:before,
html.mm-opening #hamburger:after {
    top: 20px;
}

html.mm-opening #hamburger:after {
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

html.mm-opening .mm-slideout {
    transform: translate(440px, 0px);
    -moz-transform: translate(440px, 0px);
    -webkit-transform: translate(440px, 0px);
    -ms-transform: translate(440px, 0px);
}

html.mm-opening .mm-slideout {
    /*transform: translate(80%, 0px);*/
    transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -webkit-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
}

html.mm-opening #hamburger span {
    left: -50px;
    opacity: 0;
}


/*New author page css*/

.authorBodyContainer {
    background: url("images/texture.jpg") top center fixed;
    background-size: cover;
}

.authorBodyContainer .col-md-2.left-aside {
    max-width: none !important;
    width: 24%;
    margin: 0;
}

.authorBodyContainer .col-md-8.middle-content {
    background: #FFF;
    width: 50%;
    min-height: auto;
    margin: 0 1%;
    border-radius: 5px;
    height: auto;
}

.authorBodyContainer .col-md-8.middle-content .search-box {
    background: #e7e8e8;
    border-radius: 5px 5px 0 0;
    padding: 13px 20px;
    display: inline-block;
    width: 100%;
}

.authorBodyContainer #custom-search-form .search-query {
    background: #FFF;
    border-radius: 5px;
    height: 32px;
    padding: 5px 10px;
    width: 92%;
    float: left;
}

.authorBodyContainer #custom-search-form .search-query:focus {
    border: 1px solid rgba(47, 197, 243, 0.3);
}

.authorBodyContainer #custom-search-form .btnWire {
    background: #04a4ad url("images/wire1.png") no-repeat center;
    border-radius: 5px;
    width: 30px;
    height: 30px;
    padding: 0;
    position: relative;
    float: right;
}

.authorBodyContainer .col-md-8.middle-content .container {
    width: 100%;
}

.authorBodyContainer .col-md-2.right-aside.pull-right {
    width: 24%;
    margin: 0;
    padding: 0 !important;
    background: none;
    border: 0;
}

.authorBodyContainer .authorListContainer {
    background: #FFF;
    border-radius: 5px;
    margin: 0 0 10px 0;
}

.authorBodyContainer .authorTopContainer .authorListContainer {
    margin: 0px;
}

.authorBodyContainer .authorTopContainer .col-md-8.middle-content {
    background: none;
    min-height: 195px;
}

.authorBodyContainer .list-group-head {
    background: #f2f2f2;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #e5e5e5;
    color: #7a7d7f;
    font-size: 18px;
    padding: 18px 12px;
}

.authorBodyContainer .list-group-head span {
    color: #b6b6b6;
}

.authorBodyContainer .listContent {
    padding: 10px 0;
}

.authorBodyContainer .listContent input[type="text"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 92%;
    border: 1px solid #f2f2f2;
    text-align: center;
    font-family: "RobotoLight";
    padding: 5px 10px;
    display: block;
    margin: 0 auto;
}

.authorBodyContainer .listView {
    margin: 0;
}

.authorBodyContainer .listView li {
    border-bottom: 1px solid #e7e8e8;
    padding: 10px 20px;
}

.authorBodyContainer .listView li:last-child {
    border-bottom: 0;
}

.authorBodyContainer .listImg {
    float: left;
    width: 47px;
    height: 47px;
}

.authorBodyContainer .listImg img {
    max-width: 100%;
    border-radius: 50%;
}

.authorBodyContainer .listDetails {
    float: right;
    width: 77%;
    padding: 5px 0 0 0;
}

.authorBodyContainer .listDetails p {
    margin: 0;
}

.listDetails .name {
    font-family: "Roboto-Bold";
    font-size: 14px;
    color: #343434;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.listDetails .name a {
    color: #343434;
}

.listDetails .nameId {
    font-family: "RobotoLight";
    font-size: 12px;
    color: #04a4ad;
    line-height: 14px;
}

.listDetails .nameId a {
    color: #04a4ad;
}

.authorListContainer .listContent .viewAll {
    float: none;
    text-align: right;
    padding: 0 20px;
}

.authorListContainer .listContent .viewAll p {
    margin: 0;
    padding: 0;
}

.authorListContainer .listContent .viewAll a {
    color: #a6a7a8;
}

.authorListContainer .listContent .viewAll a:hover {
    color: #04a4ad;
}

.authorBodyContainer .copy-text {
    background: #FFF;
    border-radius: 5px;
    padding: 10px;
}

.authorBodyContainer .right-aside .copy-text p:last-child {
    width: 100%;
}

.authorBodyContainer .right-aside .copy-text p {
    color: #afafaf;
    margin: 0 0 10px 0;
    text-align: justify;
}

.authorBodyContainer .booksPublishedContainer {
    border: 0;
    margin: 0 0 10px 0;
}

.authorListContainer.bookPublished .listDetails {
    padding: 0 0 0 10px;
    width: 65%;
    box-sizing: border-box;
}

.authorBodyContainer .bookPublished .listImg {
    width: 35%;
    height: 60px;
}

.authorBodyContainer .bookPublished .listImg img {
    border-radius: 0;
    height: 100%;
}

.authorBodyContainer .bookPublished .listDetails .nameId {
    color: #afafaf;
}

.bookPublished .listDetails .viewBookInfo p {
    font-family: "RobotoMedium";
}

.bookPublished .listDetails .viewBookInfo a {
    color: #afafaf;
}

.bookPublished .listDetails .viewBookInfo .fa-heart {
    bottom: 0;
    color: rgb(255, 255, 255);
    font-size: 11px;
    height: 10px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 12px;
}

.bookPublished .viewBookInfo {
    margin: 5px 0 0 0;
    cursor: pointer;
    width: 60%;
    width: 60px;
}

.bookPublished .viewIcon {
    /*background: #04a4ad;*/
    width: 24px;
    height: 23px;
    display: block;
    border-radius: 4px;
    float: left;
    position: relative;
}

.bookPublished .viewText {
    float: left;
    margin: 0 0 0 5px;
}


/*.bookPublished .viewBookInfo:hover .viewIcon, .bookPublished .viewBookInfo.active .viewIcon{ background-color: #b2b2b2;}
.bookPublished .viewBookInfo:hover .viewText, .bookPublished .viewBookInfo.active .viewText{ color: #04a4ad;}
*/

.bookPublished .booksInfo {
    margin: 8px 0 0 0;
    display: none;
}

.bookPublished .booksInfo p {
    font-size: 12px;
    line-height: 16px;
    text-align: justify;
}

.bookPublished .booksInfo a {
    color: #04a4ad;
}

.bookPublished .addIcon {
    background: #04a4ad;
    border-radius: 4px;
    width: 27px;
    height: 26px;
    display: block;
    text-align: center;
    position: relative;
    float: right;
}

.bookPublished .addIcon:hover {
    background-color: #7a7d7f;
}

.bookPublished .addIcon .fa-plus {
    bottom: 0;
    color: rgb(255, 255, 255);
    font-size: 14px;
    height: 12px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 12px;
}

.authorBodyContainer .listDetails .total {
    color: #999999;
}

.bookLovers {
    line-height: 13px;
}

.cliques .addIcon {
    width: 46px;
    height: 27px;
    float: right;
    background: url("images/header-icons/clique-add.png") no-repeat;
}

.authorBodyContainer .list-group-head span.cliqueIcon {
    background: url("images/header-icons/clique-icon.png") no-repeat left center;
    padding-left: 26px;
    color: #7a7d7f;
}

.authorBodyContainer .profileIcon {
    float: left;
    height: 37px;
    width: 7.5%;
}

.authorBodyContainer .profileIcon img {
    width: 100%;
    border-radius: 50%;
}

.authorBodyContainer .input-append.span12 {
    width: 92%;
    float: right;
    padding: 2px 0 0 0;
}

.authorBodyContainer #custom-search-form {
    height: auto;
}


/*.authorBodyContainer .chat-section{ display: none;}*/

.authorBodyContainer .friends-who-commented .search-box.wire-widget-search {
    background: none;
    padding: 0px;
}

.authorBodyContainer .banner-container-slider .bx-viewport {
    background: none;
    border-radius: 5px;
}

.authorTopContainer {
    margin: 95px 0px 10px 0px;
}

.midBanner.image-bg-fluid-height {
    margin-top: 0px;
    height: 195px;
}

.authorBodyContainer .authorListContainer > img {
    width: 100%;
    border-radius: 5px 5px 0px 0px;
}

.authorBodyContainer .leftAuthorListViews .listImg {
    width: 72px;
    height: 53px;
    margin: -30px 0px 0px 0px;
    position: relative;
}

.authorBodyContainer .authorTopContainer .col-md-2.left-aside {
    background: #fff;
    border-radius: 5px;
}

.authorBodyContainer .authorTopContainer .leftAuthorListViews {
    padding: 0px 14px;
}

.authorBodyContainer .authorTopContainer .listDetails {
    width: 68%;
    padding: 0px;
}

.authorBodyContainer .authorTopContainer .listDetails .name {
    font-size: 20px;
}

.authorBodyContainer .bx-wrapper .bx-controls-direction a {
    top: 50%!important;
}

.authorBodyContainer .bioContainer {
    margin-top: 6px;
}

.authorBodyContainer .authorTopContainer .bioContainer ul li {
    float: left;
}

.authorBodyContainer .authorTopContainer .bioContainer ul {
    margin: 0px;
}

.authorBodyContainer .authorTopContainer .bioContainer ul li a {
    line-height: 24px;
    display: block;
    text-transform: capitalize;
    text-align: center;
    font-size: 12px;
    font-family: 'Roboto';
    color: #666666;
    padding: 2px 8px;
}

.authorBodyContainer .authorTopContainer .bioContainer ul li span {
    /*padding-top:4px;*/
    display: block;
}

.authorBodyContainer .authorTopContainer .bioContainer ul li a span > .fa {
    font-size: 19px;
    color: #04a4ad;
    text-align: center;
    line-height: 23px;
}

.authorBodyContainer .authorTopContainer .bioContainer ul li a:hover span > .fa {
    color: #fff;
}

.authorBodyContainer .authorTopContainer .fa-edit::before,
.authorBodyContainer .authorTopContainer .fa-pencil-square-o::before {
    font-size: 16px!important;
}

.authorBodyContainer .authorTopContainer .bioContainer {
    padding: 0px 13px;
}

.authorBodyContainer .authorTopContainer .bioContainer .font-awesome-icons .row > li {
    padding: 20px 0 0;
    text-align: center;
}

.fa-edit::before,
.fa-pencil-square-o::before {
    font-size: 16px;
}

.authorBodyContainer #followingsCount {
    font-size: 16px;
    line-height: 26px;
}

.authorBodyContainer .authorTopContainer .bioContainer ul li a:hover {
    ;
    background: #04a4ad;
    border-radius: 5px 5px 0px 0px;
    color: #fff;
}

.authorBodyContainer .authorTopContainer .bioContainer ul li a:hover {
    color: #fff;
}

.rightAutorVideoSection {
    background: #fff;
    border-radius: 5px;
    text-align: center;
    padding: 12px 13px 4px 13px;
}

.rightAutorVideoSection span.videoLoadingIcon {
    cursor: pointer;
    background: url(images/video-loading-icon.png) no-repeat center center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0px;
}

a.view-btn {
    font-size: 12px;
    text-align: right;
    color: #343434;
    display: block;
}

.authorBodyContainer .friends-mesg-block {
    margin: 0px;
    clear: both;
}

.authorBodyContainer .friends-mesg-block.wire-block .message-avatar {
    width: 35px;
    height: 35px;
}

.rightAutorVideoSection .viewAllBtn p {
    margin: 0px;
}

.rightAutorVideoSection .viewAllBtn a {
    color: #a6a7a8;
    position: relative;
    z-index: 4;
}

.authorBodyContainer .friends-mesg-block.wire-block .notification-block-sec {
    padding-left: 62px;
}

.authorBodyContainer .friends-mesg-block .notification-li {
    padding: 16px 0px;
}


/*.authorBodyContainer .friends-mesg-block.wire-block .notification-block-sec{padding-top:0px;}*/

.authorBodyContainer .friends-mesg-block.wire-block .notification-block-sec span.post_data {
    color: #101010;
    font-family: "Roboto";
    font-size: 13px;
    padding-left: 10px;
}

.wire-block.friends-mesg-block .notification-mesg {
    font-family: 'Roboto-Regular';
    color: #333333;
}

.authorBodyContainer .friends-mesg-block.wire-block .notification-block-sec {
    border-bottom: none;
}

.authorBodyContainer .friends-mesg-block ul li {
    margin-bottom: 0px;
    border: none;
    border-radius: none;
}

.authorBodyContainer .friends-mesg-block ul li.list-group-item {
    border-bottom: 1px solid #dadada;
    border-radius: 0px;
}

.authorBodyContainer .friends-mesg-block ul li.list-group-item:first-child {
    border-radius: 0px!important;
}

.authorBodyContainer .friends-mesg-block ul li.list-group-item:last-child {
    border-radius: 0px 0px 5px 5px;
}

.authorBodyContainer .friends-who-commented ul {
    float: left;
    height: 70px;
    overflow: hidden;
    padding: 0 10px;
    width: 94%;
}

.authorBodyContainer .friends-who-commented .plus-sign > a {
    display: table-cell;
    height: 70px;
    line-height: 70px;
    vertical-align: middle;
    width: 21px;
}

.authorBodyContainer .wire-widget-search #custom-search-form .search-query {
    background: #fcfcfc none repeat scroll 0 0;
    color: #000000;
    float: right;
    height: 45px;
    font-family: "RobotoLight";
    font-size: 12px;
    padding: 0 0 0 35px;
    width: 97%;
}

.authorBodyContainer .wire-widget-search .search-box {
    display: inline-block;
    height: auto;
    padding: 0 0 5px;
    position: relative;
    width: 100%;
    background: none;
}

.authorBodyContainer.wire-widget-search .wire-widget-search-user-avatar {
    left: 0;
    position: absolute;
    top: -15px;
}

.authorBodyContainer .wire-widget-search .input-append.span12 {
    float: none;
    width: auto;
    padding: 0px;
}

.authorBodyContainer .wire-block.friends-mesg-block .notification-mesg {
    margin: 15px 0px 0px 0px;
}

.authorBodyContainer .friends-who-commented .write-comment-box {
    margin-top: 10px;
}

.authorBodyContainer .friends-who-commented {
    border-top: none;
}

.authorBodyContainer .viewBookImg > img {
    width: 100%;
    padding: 10px 0px;
}

.authorBodyContainer .bookPublished .socialMediaLinks ul li {
    float: left;
    border: none;
    width: 20%;
    padding: 2% 0%;
    margin: 0px;
}

.authorBodyContainer .bookPublished .socialMediaLinks ul li label {
    cursor: pointer;
}

.authorBodyContainer .bookPublished .socialMediaLinks {
    padding: 0px;
}

.authorBodyContainer .bookPublished .socialMediaLinks ul li .ishook {
    background-position: -120px center;
}

.authorBodyContainer .bookPublished .socialMediaLinks ul li label:hover {
    background-image: url("images/social-icons3.png");
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
    float: left;
    width: 32px;
    height: 42px;
    margin: 0;
}

.authorBodyContainer .bookPublished .socialMediaLinks ul li label.facebook:hover {
    background-position: 3px center;
}

.authorBodyContainer .bookPublished .socialMediaLinks ul li label.youtube:hover {
    background-position: -81px center;
}

.authorBodyContainer .bookPublished .socialMediaLinks ul li label.tweeter:hover {
    background-position: -38px center;
}

.authorBodyContainer .bookPublished .socialMediaLinks ul li label.ishook:hover {
    background-position: -120px center;
}

.authorBodyContainer .wire-block.friends-mesg-block .wire-block-widget {
    padding: 5px 10px 10px 20px
}

.authorBodyContainer .bioContainer2 {
    display: none;
}

.friendProfilePic .iAuthorProfilePic {
    left: 0px;
    margin: auto;
    right: 0;
}

.authorListContainer .conn-btn {
    float: right;
}

.authorListContainerImgbox {
    width: 100%;
}

.authorListContainerImgbox > img {
    border-radius: 5px 5px 0 0;
    height: 93px;
    width: 100%;
}

.authorBodyContainer .footer .footer-links ul li a {
    color: #fff;
}

.authorBodyContainer .footer-links ul li.active a,
.authorBodyContainer .footer-links ul li a:hover {
    color: #757474;
}

.authorBodyContainer .leftAuthorListViews #social-hover a {
    background: transparent;
}

.authorBodyContainer #social-hover li.ts-cam .ts-icon {
    background: transparent url("images/header-icons/camera.png") no-repeat scroll center center;
}

.authorBodyContainer .leftAuthorListViews #social-hover li.ts-cam a {
    background-color: rgba(0, 0, 0, 0);
}

.authorBodyContainer .leftAuthorListViews .edit-cover-cam {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    width: 34%;
}

.authorBodyContainer .leftAuthorListViews .listImg #social-hover li.ts-cam .ts-icon {
    height: 23px;
    width: 23px;
}

.authorBodyContainer .notification-block-sec .message-avatar {
    left: 13px;
    top: 0px;
}

.authorBodyContainer .wire-widget-search .wire-widget-search-user-avatar {
    left: 13px;
    top: 0px;
}


/*=====================09-07-15=======================*/

.authorBodyContainer .col-md-8.middle-content .search-box.wire-widget-search {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.authorBodyContainer .friends-mesg-block.wire-block .media-body .iAuthorProfilePic .iAuthorIcon {
    right: 30px;
}

.authorBodyContainer .write-comment-box .iAuthorProfilePic {
    height: 47px;
    left: 0px;
    top: 13px;
    width: 60px;
}

.authorBodyContainer .profileIcon .iAuthorIcon {
    right: 30px;
}

.authorBodyContainer .profileIcon .message-avatar {
    height: 35px;
    width: 35px;
}

.authorBodyContainer .friends-mesg-block.wire-block .media-body .notification-name {
    width: auto;
    max-width: 65%;
    overflow: visible;
    /*white-space: pre-wrap;  float: left;*/
}

.authorBodyContainer .friends-mesg-block .media-body .follow-id {
    float: left;
    margin: 4px 0px 0px 0px;
}


/*#jsxc_windowList ul{width:83%;}*/

.createCliquePopup #cliqueProfilePic {
    height: 112px;
    margin: 0 auto 7px;
    width: 112px;
    position: relative;
}

.createCliquePopup #cliqueProfilePic img {
    border-radius: 50%;
    width: 100%;
}

.createCliquePopup .profile-image {
    background-color: transparent;
    border: none;
    border-radius: 0px;
    margin: 0px;
    box-shadow: none;
}

.popupDialogContent h1 {
    color: #343434;
    font-family: "RobotoMedium";
    font-size: 18px;
    margin: 0 0 10px;
}

.createCliquePopup .edit-profile-cam:hover,
.edit-profile-cam.active {
    top: 2px;
    box-shadow: 2px #ccc;
}

.createCliquePopup .edit-profile-cam:hover span,
.edit-profile-cam.active span {
    opacity: 1;
}

.createCliquePopup .profile-image:hover .edit-profile-cam span {
    opacity: 1;
    display: none;
    /*background-color: rgba(0,0,0,0.3);*/
}

.createCliquePopup .profile-image:hover .edit-profile-cam {
    position: absolute;
    background: url("images/header-icons/camera.png") no-repeat center;
}

.createCliquePopup .edit-profile-cam {
    float: left;
    position: absolute;
    background: url("images/header-icons/camera.png") no-repeat center;
    top: 0px;
    bottom: 0px;
    cursor: pointer;
    overflow: hidden;
    margin: auto;
}

.createCliquePopup .edit-profile-cam span {
    margin-left: 50px;
    margin-top: 24px;
    color: #FFF;
    font-size: 14px;
    font-family: 'Roboto-Bold';
    float: left;
    line-height: 4px;
    opacity: 0;
}

.createCliquePopup .uploadBook {
    width: 100%;
}

.createCliquePopup .profile-image {
    width: 100%;
    height: auto;
}

.createCliquePopup .input-group {
    background: #fcfcfc none repeat scroll 0 0;
    width: 100%;
}

.createCliquePopup .input-group .form-control {
    padding: 10px;
    border-radius: none;
    background: #fcfcfc none repeat scroll 0 0;
    border: 1px solid #cfcfcf;
    font-size: 13px;
    padding: 10px;
    height: auto;
}

.createClique h1 {
    color: #343434;
    font-family: "RobotoMedium";
    font-size: 18px;
    margin: 0 0 10px;
}

.createCliquePopup .infodetails a {
    color: #179299;
    display: block;
    font-size: 11px;
}

.createCliquePopup .creat_profile_listbox .creat_profile_content {
    padding: 15px 0px;
    height: 225px;
}

.createCliquePopup .creat_profile_listbox .mCustomScrollBox {
    width: 100%;
}

.createCliquePopup .creat_profile_listbox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #35a7ae none repeat scroll 0 0;
}

.createCliquePopup .creat_profile_listbox .mCustomScrollBox > .mCSB_scrollTools {
    width: 4px;
}

.createCliquePopup .creat_profile_listbox .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: #35a7ae none repeat scroll 0 0;
}

.createCliquePopup .mCSB_container {
    margin-right: 13px;
}

.search-box .iAuthorProfilePic .message-avatar {
    border: 3px solid #fbb02c;
    left: 0;
    position: static;
}

.margin_top25 {
    margin: -25% 0 0;
}

.authorBodyContainer .booksPublishedContainer {
    padding: 20px;
}

.authorBodyContainer .bookDetailsContainer .bookDetailsTitle p {
    width: 68%;
}

.authorBodyContainer .bookDetailsContentContainer .bookDetailsContent {
    width: 69%;
}

.authorBodyContainer .booksPublishedContainer .publishedImg .publishedImgDownload {
    overflow: visible;
    width: auto;
}

.friends-list-block .cliqueSearch .form-control {
    background: #fcfcfc none repeat scroll 0 0;
    width: 100%;
    height: auto;
}

.friends-list-block .cliqueSearch input[type="text"] {
    border: 1px solid #dadada;
    padding: 10px;
    border-radius: 0px;
}

.friends-list-block .cliqueSearch .form-control:focus {
    box-shadow: none;
    outline: none;
}

.bookPublished .viewIcon {
    background-color: #afafaf;
}


/*2861*/

.bookPublished .viewBookInfo:hover .viewIcon,
.bookPublished .viewBookInfo.active .viewIcon {
    background-color: #04a4ad;
}


/*2863*/

.bookPublished .viewBookInfo.active .viewText {
    color: #afafaf;
}


/*2864*/

.bookPublished .viewBookInfo:hover .viewText {
    color: #04a4ad;
}


/*.authorBodyContainer .friends-list-block .friends-list-block-sec{width: 538px;}*/

.authorBodyContainer .friends-list-block {
    width: 100%;
}

.authorBodyContainer .cliqueList .profileDetails {
    width: 55%;
}


/*.authorBodyContainer .cliqueList .addMemebers{width:38%;}*/

.authorBodyContainer .friends-list-block {
    border: none;
}


/*===========13-07-15============*/

.authorBodyContainer .write-comment-box {
    padding: 0px;
}

.authorBodyContainer .friends-mesg-block.wire-block .media-body .iAuthorProfilePic {
    left: 13px;
}

.authorBodyContainer .profileIcon {
    left: 13px;
    position: absolute;
    z-index: 1;
}

.authorBodyContainer .form-search .iAuthorProfilePic {
    left: 0px;
}

.authorBodyContainer .friends-mesg-block.wire-block .message-avatar {
    left: 13px;
    top: 22px;
}

.authorBodyContainer .wire-communication-panel .notification-block-sec .left-panel {
    padding-left: 15px;
}

.authorTopContainer .col-md-8.middle-content .bx-viewport {
    overflow: hidden;
}

.authorTopContainer .listImg .edit-profile-cam {
    width: 32px;
    right: 0;
    margin: auto;
    background:none;
}
.authorTopContainer .listImg:hover .edit-profile-cam{
    background: rgba(0, 0, 0, 0.2) url("images/header-icons/camera.png") no-repeat scroll center;
}

.authorTopContainer .listImg #social-hover {
    height: 28px;
}

.authorBodyContainer .friends-list-block .friends-list-block-sec .search-box {
    background: none;
    padding: 0px;
    width: 54%;
}

.authorBodyContainer .friendList .friendProfilePic .iAuthorProfilePic .message-avatar {
    height: auto;
    /*border: 3px solid #fbb02c;*/
}

.authorBodyContainer .friendList .friendProfilePic .iAuthorProfilePic .iAuthorIcon {
    right: -6px;
    top: -8px;
}

.friends-mesg-block.wire-block .notification-block-sec .iAuthorProfilePic .message-avatar {
    border: 2px solid #fbb02c;
}

.authorBodyContainer .notification-block-sec .friends-mesg-block.wire-block .iAuthorProfilePic .message-avatar {
    border: 2px solid #fbb02c;
}

.friendList .iAuthorProfilePic .message-avatar img {
    border: 3px solid #fbb02c;
    height: auto;
}

.authorBodyContainer .friendList .iAuthorProfilePic .iAuthorIcon {
    right: -6px;
    top: -8px;
}


/*.createCliquePopup .ui-autocomplete{z-index: 500;width:32.5%;}*/

.authorBodyContainer .friendList .friendProfilePic {
    width: 106px;
}

.stepContent {
    z-index: 10000;
}

.authorBodyContainer .ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
    z-index: 50000;
}

.authorBodyContainer .midBanner {
    height: 195px;
    overflow: hidden;
}

.authorBodyContainer .midBanner .banner-container-slider .bxslider img {
    border-radius: 5px;
}

.authorBodyContainer .authorListContainer .listContent .friendList1 {
    padding: 10px 14px;
}


/*.authorBodyContainer .authorListContainer .listContent .booklist{padding: 10px 20px;}*/

.authorBodyContainer .col-md-8.middle-content {
    min-height: inherit;
}

.authorBodyContainer .cliqueList .friendProfilePic {
    top: 6px;
}

.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
    z-index: 11000;
    position: absolute;
}


/*=============16-07-15=====================*/

.creat_profile_listbox .thumbPic .iAuthorProfilePic {
    float: left;
    height: 45px;
    margin: 0 13px 0 0;
    width: 45px;
}

.cliqueProfile .thumbPic .message-avatar {
    width: 45px;
    height: 45px;
    float: left;
    margin: 0px 13px 0px 0px;
}

.cliqueProfile .thumbPic .iAuthorProfilePic {
    left: 0px;
    position: relative;
}

.cliqueProfile .thumbPic .iAuthorProfilePic .iAuthorIcon {
    right: -8px;
}

.navigation li .bio a p {
    color: #04a4ad;
    font-size: 15px;
}

.navigation .bio a {
    padding: 10px 27px;
}

.navigation .bio {
    float: left;
    /*width:78px;*/
    background: #FFF;
    text-align: center;
    /* padding:9px 0 10px;*/
    position: relative;
}


/*===========17-07-15========================*/


/*.authorBodyContainer .stepContent{width: auto;}*/

.StepContentPopup .stepContent.margin_top25.createClique {
    /*width:86%;*/
    margin: auto;
    position: relative;
    float: none;
}

.authorBodyContainer .stepContent {
    width: 100%;
}

.authorBodyContainer .uploadBookContainer .uploadBookDetails {
    width: 65%;
}

.authorBodyContainer .uploadBookDetails .inputBox {
    width: 68%;
}

.authorBodyContainer .uploadBookDetails1 .inputBox {
    width: 79%;
}


/*=============21-07-15===============*/

.image-bg-fluid-height #crop-clique-cover {
    margin: 0 auto;
    position: relative;
    width: 1140px;
}

.cliqueBtns {
    float: right;
    width: auto;
}

.createClique {
    margin-right: 20px;
}

.authorBodyContainer .cliqueList .addMemebers {
    width: auto;
}

.authorBodyContainer .mySettings {
    background-color: #fff;
}


/*=========22-07-15==============*/

#my-friend-list .friendProfilePic .iAuthorProfilePic {
    width: 82px;
    height: 106px;
}

#jsxc_roster .chat-section p {
    color: #fff;
}

.infodetails > p {
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 5px 0px;
    overflow: hidden;
}

.cliqueprofilein {
    margin: 0 auto;
    width: 130px;
}

.infodetails {
    text-align: left;
}

.postOverlayScreen {
    display: none;
}


/*==========23-07-15==================*/

.authorBodyContainer .friends-mesg-block.wire-block .media-body .notification-name {
    line-height: 24px;
}

.authorBodyContainer .friends-mesg-block.wire-block .media-body .iAuthorProfilePic {
    top: 20px;
}

#jsxc_buddylist li.jsxc_unreadMsg .jsxc_name::before {
    float: right !important;
    margin-top: 10px !important;
    background-color: #03a4ac!important;
    background-image: url(images/unreadmsgicon.png)!important;
    background-repeat: no-repeat!important;
    width: 30px!important;
    height: 30px!important;
    background-size: 60%!important;
    background-position: 46% 14% !important;
}

.authorTopContainer #youmax1-video-list-div {
    background-color: none;
    padding: 0px;
}

.authorTopContainer #youmax1-encloser {
    border: none;
    padding-top: 0px;
}

.authorTopContainer #youmax1 {
    background-color: transparent;
    min-height: 100%;
}

.authorTopContainer .youmax1-video-tnail-box {
    margin: 0%;
}

.authorTopContainer .youmax1-video-tnail {
    height: 160px;
    background-size: 100% 100%;
    float: left;
    display: block;
    width: 100%;
}

.authorTopContainer #youmax1-video-list-div {
    /*display: block;*/
    display: table;
}

.authorBodyContainer .feedContainerSection {
    padding: 0px;
}


/*=================24-07-15===================*/

.createdDate {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.createRight .input_text > label {
    margin: 0px 0px 10px 0px;
}

.creat_profile_listbox .cliqueprofilein .infodetails {
    float: left;
}

.creat_profile_listbox .cliqueprofilein .closeBtn2 {
    margin-top: 8px;
}

.creat_profile_listbox .cliqueProfile {
    width: 94%;
}

.createCliquePopup .createRight .input_text {
    position: relative;
}

.createRight {
    padding: 0% 3.5%;
}

.authorBodyContainer .chat-section {
    display: block;
}

.friendList .iAuthorProfilePic .iAuthorIcon {
    right: 0px;
}


/*==========25-07-15==================*/

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #f4f4f4 inset;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}


/*==================28-07-15====================*/

.authorBodyContainer .delete-post.friends-post-delete.deleteBtn {
    right: -26px;
}

.authorBodyContainer .youmax-video-tnail-box:nth-child(3n) {
    clear: none !important;
    margin-right: 0;
}

.authorBodyContainer .booklist p {
    padding: 0 12px;
}

.authorBodyContainer #youmax {
    padding: 10px 20px;
    background-color: #ffffff;
}

.authorBodyContainer .youmax-video-list-title {
    color: #04a4ad;
}

.authorBodyContainer .listContent .list-group-item.li-item.notification-li {
    padding: 0px!important;
}

.authorBodyContainer .uploadBookDetails .freeBook .inputBox {
    width: auto;
}

.authorBodyContainer .uploadBookDetails .freeBook {
    width: 24%;
}

.authorBodyContainer .uploadBookDetails .price {
    /*margin-left:20px;*/
    float: right;
}


/*.authorBodyContainer .uploadBookDetails label{width: 106px;}*/

.authorBodyContainer .uploadBookDetails .price label {
    width: auto;
}

.authorBodyContainer .createCliquePopup .thumbPic {
    display: inline-block;
    float: none;
}

.authorBodyContainer .infodetails {
    display: inline-block;
    max-width: 75%;
}

.authorBodyContainer .createCliquePopup .thumbPic img {
    margin-bottom: 21px;
}

.authorBodyContainer .createCliquePopup .infodetails a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.authorBodyContainer .stepContent {
    border-radius: 5px;
}

.authorBodyContainer .createLeft .cliqueprofilein {
    width: 75%;
}

.authorBodyContainer .friends-list-block .friends-list-block-sec {
    width: 93%;
}


/*========================================29-07-15============================*/

.authorBodyContainer .wire-communication-panel .notification-block-sec .right-panel {
    min-width: 55%;
}

.authorBodyContainer .friends-list-block .friends-list-block-sec {
    margin: 20px;
}

.menuTopBar .navigation .iAuthorIcon {
    right: -21px;
    top: -4px;
}

.authorBodyContainer .cliqueList {
    padding: 0px 20px;
}

.refercontent {
    background: url("images/bgCards.png") no-repeat scroll 0 center;
    margin: 0 auto;
    width: 81%;
}

.authorBodyContainer .bioTabs {
    border-radius: 5px;
}

.overviewContentauthor .inputBox span {
    display: block;
    padding: 12px 10px 0;
}

.authorBodyContainer .bioTabs label {
    width: 25%;
}

.authorBodyContainer .bioTabs .inputBox {
    width: 75%;
}

.authorBodyContainer #youmax-header {
    margin: 0 auto;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    color: #9a9a9a;
    font-size: 0px;
}

.authorBodyContainer #youmax-video-list-div {
    background-color: #ffffff;
    padding: 0px;
}

.authorBodyContainer .authorListContainer #social-hover {
    left: 10px;
}

.authorBodyContainer .leftAuthorListViews #social-hover {
    left: 0px;
}

.authorBodyContainer .creat_profile_listbox .cliqueprofilein {
    width: 100%;
}

.authorBodyContainer .createCliquePopup .cliqueprofilein .thumbPic {
    float: left;
}

.authorBodyContainer .createCliquePopup .createLeft .cliqueprofilein .thumbPic {
    float: none;
}


/*==============30-07-15====================*/

.authorBodyContainer .feedContainerSection .list-group-head {
    padding: 18px 20px;
}

.authorBodyContainer .feedContainerSection .youmax-video-list-title {
    line-height: 24px;
    max-height: 25px;
}

.authorBodyContainer .feedContainerSection .youmax-video-tnail-box {
    margin: 2%;
}

.authorBodyContainer .feedContainerSection div#youmax-load-more-div {
    display: inline-block;
    margin: 15px auto;
    width: auto;
}

.authorBodyContainer .feedContainerSection #youmax-encloser {
    border: none;
}

.authorBodyContainer .createRight .creat_profile_listbox .cliqueProfile .thumbPic .iAuthorProfilePic .iAuthorIcon {
    right: -13px;
    top: -10px;
}


/*=============30-07-15===================*/

.publishedImgDownload {
    text-overflow: ellipsis;
}

.authorBodyContainer .feedContainerSection .youmax-subscribe {
    right: 15px;
    width: auto;
}

.authorBodyContainer .feedContainerSection #youmax-header-logo {
    margin: 0px;
}

.authorBodyContainer .feedContainerSection div#youmax-load-more-div {
    background: #04a4ad none repeat scroll 0 0;
    color: #fff;
    font-family: "RobotoBlack";
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 4px;
    border: none;
    border-bottom: 2px solid #028991;
}

.authorBodyContainer .socialMediaLinksContainer .socialMediaLinks ul li .inputBox {
    width: 100%;
}

.paymentStepsContainer .socialMediaLinks ul li .inputBox {
    width: 100%;
}

.authorBodyContainer .mySettingsContainer {
    border: none;
}

.paymentStepsContainer .successContainer {
    width: 74%;
    margin: 60px auto;
}


/*==============31-07-15================*/

.authorBodyContainer .mySettings {
    border-radius: 5px;
}

.authorBodyContainer .mySettingsContainer .settingsHeading {
    background: #f2f2f2 none repeat scroll 0 0;
    border-radius: 5px;
    padding: 12px 20px;
}


/*.authorBodyContainer .mySettings ul{background: #f2f2f2 none repeat scroll 0 0;}*/

.authorBodyContainer .mySettingsContainer .settingContent ul {
    border-radius: 0px 0px 5px 5px;
}

.authorBodyContainer .refercontent {
    margin: 25px auto;
}


/*==============03-08-15================*/

.highlighttxt {
    color: #129ba6;
    font-weight: bold;
}

.authorBodyContainer .friendImg {
    left: 0
}

.authorBodyContainer .friends-mesg-block.noRecordsAutoComplete ul li {
    padding: 10px 10px 10px 75px;
}


/*==============06-08-15================*/

.authorBodyContainer .col-md-2.left-aside .authorListContainer .list-group-head {
    padding: 17px 12px 11px;
}

.authorBodyContainer .col-md-2.left-aside .authorListContainer .list-group-head .btn-flat.btn-green {
    padding: 6px 12px;
}

.authorBodyContainer .list-group-head span.follow_text {
    width: 65%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    color: #7A7D7F;
    font-size: 18px;
}

.listContent .cliquelist .mesg-subtext {
    padding: 6px 12px 0;
}


/*====Error page====*/

.error_html {
    position: relative;
    min-height: 100%
}

body.error_body {
    box-sizing: border-box;
    position: static;
    background-color: #04a4ad;
    padding: 0 0 150px 0;
    margin: 0;
    text-align: center;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif
}

footer {
    background-color: #ffffff;
    padding: 0;
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 10px 0;
    text-align: center;
    min-height: 100px;
}

.socialMedia ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    margin: 20px 0
}

.socialMedia ul li {
    list-style: none;
    display: inline;
    padding: 20px;
}

.copyright {
    color: #333;
    font-family: Arial, Helvetica, sans-serif
}

.oops {
    margin: 0 auto;
    font-size: 30px;
    width: 1000px;
}

.oops img {
    padding: 50px 0;
    margin: 10% 0 0 0
}

.oops p {
    width: 100%;
    color: #ffffff;
}

.oops p a {
    text-decoration: underline;
    color: #fff
}


/*====Error page====*/

#youmax-header-logo {
    height: 60px;
    margin: 0;
    position: absolute;
    top: 15px;
    left: 15px;
}


/*--10-08-15--*/

.authorBodyContainer .mySettingsContainer .settingsHeading h2 {
    color: #7A7D7F;
    font-size: 18px;
}

.authorBodyContainer .friends-mesg-block li .friendImg {
    left: 10px;
}

.authorBodyContainer .feedContainerSection p.feeds {
    padding: 20px;
    clear: both;
}

.authorBodyContainer .friends-mesg-block ul li {
    padding: 10px 10px 10px 75px
}

.authorBodyContainer .wire-block-widget .left-nav ul li,
.authorBodyContainer .wire-block-widget .right-nav ul li {
    padding: 0
}

.search-box.visible-md.visible-lg {
    display: block !important;
}

.booklist .listDetails p {
    padding: 0;
}


/*--10-08-15--*/


/*--11-08-15--*/

.booksPublishedContainer li a.publishedImgDownload {
    color: #999999;
    font-size: 13px;
}

.booksPublishedContainer li a.publishedImgDownload:hover {
    color: #04A4AD;
}


/*--11-08-15--*/

.authorBodyContainer .friends-list-block.cliqueContainer .friends-list-block-sec .my-friends-count .friends-added {
    color: #7a7d7f;
}

.cliqueContainer p.friendName,
.cliqueContainer p.friendUserId {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    min-height: 21px;
}

.cliqueContainer .cliqueList p.friendName,
.cliqueContainer .cliqueList p.friendUserId {
    min-height: inherit;
}

.friendList #my-friend-list .friendProfilePic .iAuthorProfilePic {
    width: 106px;
}

.friendProfilePic a.message-avatar {
    height: 100%;
}

.ui-menu-item .iAuthorProfilePic .img-circle {
    border: 3px solid #fbb02c;
}

.ui-menu .ui-menu-item .messageImg a {
    padding: 0;
    height: 100%;
}

.authorTopContainer #youmax1-video-list-div .no_video {
    height: 160px;
    display: table-cell;
    vertical-align: middle;
}

#ui-id-1 {
    position: fixed;
}


/*--19-08-15--*/

.socialMediaLinksContainer .socialMediaLinks {
    padding: 0 20px;
}

.authorBodyContainer .friends-mesg-block ul.removeFriendsPost li {
    padding: 0;
}

.friends-mesg-block .text-muted ul.removeFriendsPost li a {
    padding: 0 0 0 18px;
    line-height: 22px;
}


/*--19-08-15--*/

.settingul.showul {
    display: block !important;
}

.settingul {
    display: none;
}

.view-cliques {
    text-align: right;
    width: 100%;
    padding: 0 0 15px 0;
}

.view-cliques a {
    font-family: 'Roboto-Bold', 'Roboto-Regular';
    font-size: 14px;
    -moz-font-weight: bold;
    color: #15a3ab;
}

.view-cliques a:hover {
    text-decoration: none;
    color: #343434;
}

.profile-image .remove-upload-image {
    position: absolute;
    right: 0;
    color: #fff;
    opacity: 1;
    padding: 1px 7px;
    background-color: rgba(0, 0, 0, 0.29);
    cursor: pointer;
}

.media-list-container {
    /*width:25%;*/
    height: 150px;
}

.album-cover-icon {
    float: left;
    height: 197px;
    /*width: auto!important;*/
    width:100%;
}

.grid-image {
    width: 150px;
    height: 150px;
}

.grid-image-upload {
    width: 100%;
    height: 100%;
}

.media-list-1 {
    height: auto;
    width: 50%;
    /*   max-height: 250px;*/
}

.media-list-2-or-plus {
    height: 250px;
    width: 100%;
    padding: 5px 0px 5px 0px;
}

.media-image-div {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.media-image {
    display: block;
}

.media-data-list {
    font-family: 'Roboto';
    font-size: 14px;
    width: 50%;
    background: rgba(4, 164, 173, 0.7);
    bottom: 0px;
    color: white;
    font-size: 1em;
    left: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 5px;
    position: absolute;
    text-align: center;
    top: 0px;
    right: 0;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

.media-data-list:hover {
    opacity: 1;
}

.media-data-list:after,
.media-data-list:before {
    bottom: 1em;
    content: '';
    left: 1em;
    opacity: 0;
    position: absolute;
    right: 1em;
    top: 1em;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: 0.6s 0.2s;
    transition: 0.6s 0.2s;
}

.media-data-list:hover:after,
.media-data-list:hover:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.media-data-list-child {
    float: left;
    text-align: left;
    height: 50%;
    width: 100%;
}

.profile-image.browse-image-list {
    border: 2px solid #fff;
    box-shadow: 0 0 10px #666;
    height: 180px;
    margin: 12px 0;
    width: 180px;
}

#imageHolder {
    margin: 20px 0 0;
    padding: 0;
}

.notification-mesg {
    position: relative;
}

.view-all-button {
    /*position: absolute;*/
    /*top: 90%;*/
    color: #15a3ab !important;
    font-family: "Roboto-Bold", "Roboto-Regular";
    font-size: 14px;
    float: right;
    text-align: right;
    margin-right: 14px;
    margin-top: 15px;
}

.view-all-button:hover {
    color: #575757 !important;
}

.view-more-button {
    float: right;
    color: #15a3ab;
    font-family: "Roboto-Bold", "Roboto-Regular";
    font-size: 14px;
}

.view-more-button:hover {
    color: #575757;
}

.removeFriendsPost.media-setting-dropdown > li {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    border-right: 0 none !important;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
}

.removeFriendsPost.media-setting-dropdown {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 55px;
}

.ui-state-default.ui-corner-all.delete-image {
    background-color: #fff;
    border: 0 none;
    border-radius: 0;
    display: inline-block;
    padding: 0;
    width: 100%;
}

.ui-state-default.ui-corner-all {
    background-color: #fff;
    border: 0 none;
    border-radius: 0;
}

.privacy-list > li {
    display: block;
    float: left;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

.privacy-list {
    width: 100%;
    z-index: 9999;
}

.ui-state-default.ui-corner-all.privacy-media {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.media-setting {
    position: absolute;
    right: 0 !important;
    top: -21px !important;
}

.comment-list {
    display: inline-block;
    width: 100%;
}

.comment-user-icon {
    border-top: 1px solid #dadada;
    margin: 15px 0;
    padding: 5px 0;
}

.media-comments {
    position: relative;
    border: 1px solid #ccc;
    float: left;
    margin: 10px 0;
    padding: 5px;
    width: 100%;
}

.media-comments .message-avatar > img {
    border-radius: 100%;
    width: 100%;
}

.media-comments .message-avatar {
    float: left;
    width: 50px;
}

.media-comments .left-panel-comment {
    display: inline-block;
    float: right;
    width: 58%;
}

.media-comments .notification-name-comment {
    display: inline-block;
    float: left;
    line-height: 15px;
    margin-bottom: 5px;
    width: auto;
}

#commentsContainer {
    padding-left: 0;
}

.media-comments .follow-id {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
}

.media-comments .right-panel-comment {
    float: left;
    width: 100%;
}

.delete-media-comment {
    float: right;
    position: absolute;
    right: 4px;
    top: 0;
}

.wire-like-btn-comment .badge.badge-info.like-count {
    left: 11px;
    position: relative;
    top: -11px;
}

.wire-widget-search-user-avatar .message-avatar > img {
    border-radius: 100%;
    width: 100%;
}

.wire-widget-search-user-avatar .message-avatar {
    float: left;
    width: 50px;
}

.request-list-items {
    background-color: #e6e6e6 !important;
}

.request-list-items:hover {
    background-color: #04a4ad !important;
    font-color: #FFF !important;
}

.request-list-items > a:hover {
    background-color: #04a4ad !important;
    font-color: #FFF !important;
    color: #FFF !important;
}

.creat_profile_content .album-image-list-item {
    width: 25%;
    height: 150px;
    margin-left: 0px;
    margin-top: 0px;
    border: 2px solid #fff;
}

.createRight > div {
    display: inline-block;
    float: none;
    padding-top: 10px;
    text-align: right;
}

.clearfix.album-items-listing > li {
    margin: 0px 0px 30px;
}

.album-setting-button {
    background-color: #f9af2c;
    border-bottom: 2px solid #d08500;
    border-radius: 2px;
    float: left;
    margin: 3px;
    padding: 6px 0;
    text-align: center;
    width: 40px;
}

.album-setting-button:hover {
    background-color: #04a4ad;
    border-bottom: 2px solid #028991;
}

.upload-image-label {
    float: left;
    font-size: 17px;
    margin: 0px 20px 20px 0px;
}

.media-view-container {
    position: relative;
    left: 11%;
    width: 80%;
}

.friends-mesg-block.wire-block .new-image-container {
    padding: 0px !important;
    width: 59%;
    border: 0px solid !important;
    margin-right: 1%;
    background-color: #000;
    float: left;
    height: 650px;
}

.notification-block-sec.new-image-container {
    float: left;
}

.pop-up-right-comment-bar {
    border: 1px solid #d2d2d2;
    display: inline-block !important;
    float: right;
    height: auto;
    max-height: 355px;
    margin-right: 15px;
    margin-top: 0px;
    padding-top: 10px;
    position: relative;
    width: 38%;
}

.new-comment-box {
    width: 39.5%;
    margin-top: 20px;
}


/* new css added by Sonali */

.album_list_main {
    margin: 20px 7px;
    width: 97%;
}

.album_list_main ul {
    display: inline-block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.album_list_main ul li {
    border: medium none !important;
    float: left;
    /*height: 265px;*/
    margin-right: 31px;
    margin-top: 0;
    padding: 0;
    width: 30%;
}

.album_images {
    background-image: url("images/album_bg.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    display: inline-block;
    float: left;
    margin: 0 0 0px;
    padding: 0;
    position: relative;
    width: 100%;
}

.album_images > a {
    border: 1px solid #d7d7d7;
    float: left;
    position: relative;
    top: 4px;
    width: 97%;
}

.album_list_main ul li p {
    border: 1px solid #e1e1e1;
    color: #555555;
    display: inline-block;
    font-family: 'Roboto';
    font-size: 14px;
    line-height: 40px;
    margin-top: -13px;
    text-align: left;
    text-indent: 10px;
    width: 97%;
    position: relative;
    top: -9px;
    /*z-index: -1;*/
    float: left;
}

.edit_but {
    display: block;
    float: right;
    position: relative;
    right: 6px;
    top: 20px;
    z-index: 1;
}

.edit_but span {
    background-image: url('images/setting_icon_sprit.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    float: left;
}

.edit_but span:hover {
    background-position: 0 -25px;
    background-repeat: no-repeat;
}

.album_images:hover .edit_but {
    display: block;
}

.edit_but:hover .album_dropdown_menu {
    display: block;
}

.hide {
    display: none;
}

.show {
    display: block !important;
}

#album_main li.left-child {
    border: medium none;
    /*margin: 0;*/
}

#album_main li.right-child {
    border: medium none;
    margin: 0;
}

.media_box {
    background-color: #04a4ad;
    bottom: 18px;
    display: inline-block;
    float: left;
    height: 22px;
    margin: 0 auto;
    opacity: 0.9;
    position: relative;
    text-align: center;
    width: 99%;
}

.album_images .media_box li {
    color: #fff;
    float: left;
    font-family: 'Roboto';
    font-size: 12px;
    margin: 0;
    opacity: 1;
    padding: 2px 4px 0;
    width: auto;
}

.album_images:hover .media_box {
    display: inline-block;
}

#cssmenu {
    display: block;
    font-family: "Roboto";
    line-height: 1;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

.album_dropdown_menu {
    background-color: #fff;
    border-bottom: 2px solid #04a4ad;
    border-radius: 3px;
    display: block;
    float: left;
    position: absolute;
    right: 0;
    top: 243px;
    width: 110px;
    z-index: 1;
}

.friends-mesg-block .post_privacy_dropdown_menu .privacy_menu_dropdown ul li {
    min-height: 20px;
}

.post_privacy_dropdown_menu {
    background-color: #fff;
    border-bottom: 2px solid #04a4ad;
    border-radius: 3px;
    display: block;
    float: left;
    position: absolute;
    top: 18px;
    width: 110px;
    z-index: 1;
    right: -24px;
}

#cssmenu ul {
    display: block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

#cssmenu ul::after,
#cssmenu::after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

#cssmenu ul li {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
}

#cssmenu ul li a {
    box-sizing: border-box;
    display: block;
    margin: 0;
    text-decoration: none;
    transition: color 0.2s ease 0s;
}

#cssmenu ul li ul {
    left: -9999px;
    margin-top: 0px;
    position: relative;
    top: auto;
    z-index: 9999;
}

#cssmenu ul li ul li {
    background-color: #fff;
    max-height: 0;
    position: absolute;
    transition: max-height 0.4s ease-out 0s;
}

#cssmenu ul li ul li.has-sub::after {}

#cssmenu.align-right ul li ul li.has-sub::after {
    left: 15px;
    right: auto;
}

#cssmenu ul li ul li.has-sub::before {}

#cssmenu.align-right ul li ul li.has-sub::before {
    border-left-color: transparent;
    border-right-color: #ffffff;
    left: 15px;
    right: auto;
}

#cssmenu ul li ul li a {
    color: #8f8f8f;
    display: inline-block;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0;
    padding-left: 30px;
    text-align: left;
    text-transform: none;
    width: 100%;
}

#cssmenu ul li ul li:hover > a,
#cssmenu ul li ul li.active > a {
    color: #04a4ad;
}

#cssmenu ul li ul li:hover::after,
#cssmenu ul li ul li.active::after {
    background: #4cb6ea none repeat scroll 0 0;
}

#cssmenu ul li ul li:hover > ul {
    left: 100%;
    top: 0;
}

#cssmenu ul li ul li:hover > ul > li {
    max-height: 72px;
    position: relative;
}

#cssmenu > ul > li {
    float: left;
}

#cssmenu.align-center > ul > li {
    display: inline-block;
    float: none;
}

#cssmenu.align-center > ul {
    text-align: center;
}

#cssmenu.align-center ul ul {
    text-align: left;
}

#cssmenu.align-right > ul {
    float: right;
}

#cssmenu.align-right > ul > li:hover > ul {
    left: auto;
    right: 0;
}

#cssmenu.align-right ul ul li:hover > ul {
    left: auto;
    right: 100%;
}

#cssmenu.align-right ul ul li a {
    text-align: right;
}

#cssmenu > ul > li::after {
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 0;
    transition: height 0.2s ease 0s;
    width: 100%;
    z-index: 0;
}

#cssmenu > ul > li.has-sub > a {
    padding-right: 40px;
}

#cssmenu > ul > li.has-sub > a::after {
    border-radius: 13px;
    content: "";
    display: block;
    height: 12px;
    position: absolute;
    right: 14px;
    top: 16px;
    width: 12px;
}

#cssmenu > ul > li.has-sub > a::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #525252 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 4px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 12px;
    top: 15px;
    width: 0;
    z-index: 2;
}

#cssmenu > ul > li > a {
    color: #595959;
    font-family: "roboto";
    font-size: 12px;
    font-weight: normal;
    padding: 7px 13px;
    position: relative;
    text-align: left;
    text-transform: none;
    z-index: 2;
}

#cssmenu > ul > li:hover {
    background-color: #03a4ac;
}

#cssmenu > ul > li:hover::after,
#cssmenu > ul > li.active::after {
    height: 100%;
}

#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
    color: #FFF;
}

#cssmenu > ul > li:hover > a::after,
#cssmenu > ul > li.active > a::after {}

#cssmenu > ul > li:hover > a::before,
#cssmenu > ul > li.active > a::before {}

#cssmenu > ul > li:hover > ul {
    left: 0;
}

#cssmenu > ul > li:hover > ul > li {
    color: #000;
    max-height: 72px;
    position: relative;
}

#cssmenu #menu-button {
    display: none;
}

#cssmenu > ul > li > a {
    display: block;
}

#cssmenu > ul > li {
    background-color: #e8e8e8;
    margin-bottom: 0px;
    width: 100%;
}

#cssmenu > ul > li > ul {
    background-color: #fff;
    display: block;
    padding-bottom: 5px;
    width: 109px;
}

#cssmenu > ul > li > ul > li {
    display: block;
    line-height: 15px;
    width: 80%;
}

.authorBodyContainer #cssmenu > ul > li > a {
    padding: 10px;
}

@media all and (max-width: 800px),
not all,
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),
not all,
not all,
only screen and (min-resolution: 192dpi) and (max-width: 1024px),
only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    #cssmenu > ul {
        max-height: 0;
        transition: max-height 0.35s ease-out 0s;
    }
    #cssmenu > ul > li > ul {
        display: block;
        width: 100%;
    }
    #cssmenu.align-right ul li a {
        text-align: left;
    }
    #cssmenu > ul > li > ul > li {
        display: block;
        width: 100%;
    }
    #cssmenu.align-right ul ul li a {
        text-align: left;
    }
    #cssmenu > ul > li > ul > li > a {
        display: block;
        width: 100%;
    }
    #cssmenu ul li ul li a {
        width: 100%;
    }
    #cssmenu.align-center > ul {
        text-align: left;
    }
    #cssmenu.align-center > ul > li {
        display: block;
    }
    #cssmenu > ul.open {
        border-top: 1px solid rgba(110, 110, 110, 0.25);
        max-height: 1000px;
    }
    #cssmenu ul {
        width: 100%;
    }
    #cssmenu ul > li {
        float: none;
        width: 100%;
    }
    #cssmenu ul li a {
        box-sizing: border-box;
        padding: 12px 20px;
        width: 100%;
    }
    #cssmenu ul > li::after {
        display: none;
    }
    #cssmenu ul li.has-sub > a::after,
    #cssmenu ul li.has-sub > a::before,
    #cssmenu ul li ul li.has-sub::after,
    #cssmenu ul li ul li.has-sub::before {
        display: none;
    }
    #cssmenu ul li ul,
    #cssmenu ul li ul li ul,
    #cssmenu ul li ul li:hover > ul,
    #cssmenu.align-right ul li ul,
    #cssmenu.align-right ul li ul li ul,
    #cssmenu.align-right ul li ul li:hover > ul {
        left: 0;
        position: relative;
        right: auto;
    }
    #cssmenu ul li ul li,
    #cssmenu ul li:hover > ul > li {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        max-height: 999px;
        position: relative;
    }
    #cssmenu ul li ul li a {
        color: #ffffff;
        padding: 8px 20px 8px 35px;
    }
    #cssmenu ul li ul ul li a {
        padding: 8px 20px 8px 50px;
    }
    #cssmenu ul li ul li:hover > a {
        color: #000000;
    }
    #cssmenu #menu-button {
        box-sizing: border-box;
        color: #ffffff;
        cursor: pointer;
        display: block;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 1px;
        padding: 15px 20px;
        text-transform: uppercase;
        width: 100%;
    }
    #cssmenu #menu-button::after {
        border-bottom: 2px solid #ffffff;
        border-top: 2px solid #ffffff;
        content: "";
        display: block;
        height: 3px;
        position: absolute;
        right: 20px;
        top: 16px;
        width: 22px;
    }
    #cssmenu #menu-button::before {
        border-top: 2px solid #ffffff;
        content: "";
        display: block;
        height: 3px;
        position: absolute;
        right: 20px;
        top: 26px;
        width: 22px;
    }
}

.create-album-icon {
    width: 100%;
    margin-bottom: 9px;
    float: left;
}

.create-album-icon > img {
    padding: 53px 0;
}

.album_list_main ul li p.create-album-label {
    margin-top: 3px;
    width: 97%;
}

.album-setting-bar {
    bottom: 0px;
    float: left;
    /*position: relative;*/
    width: 97%;
}

.album-title-label {
    margin-top: 13px !important;
}

.friends-mesg-block ul.removeFriendsPost li a.post-privacy-checkmark {
    background-image: url("images/checkmark_tick.png");
    background-position: 3px 4px;
    background-repeat: no-repeat;
}

.post-privacy-only-me {
    background-image: url("images/privacy_only_me.png");
    background-position: 4px 5px;
    background-repeat: no-repeat;
    float: left;
    height: 20px;
    width: 20px;
}

.post-privacy-friends {
    background-image: url("images/privacy_friends.png");
    background-position: 0px 3px;
    background-repeat: no-repeat;
    float: left;
    height: 20px;
    width: 20px;
}

.post-privacy-public {
    background-image: url("images/privacy_public.png");
    background-position: 2px 3px;
    background-repeat: no-repeat;
    float: left;
    height: 20px;
    width: 20px;
}

.ui-state-default.ui-corner-all.change-privacy > span {
    display: inline-block;
    width: 100%;
}

.album-privacy-checkmark {
    background-image: url("images/checkmark_tick.png");
    background-position: 13px 9px;
    background-repeat: no-repeat;
}

.album-privacy-checkmark:hover {
    background-image: url("images/checkmark_tick_hover.png");
    background-position: 13px 9px;
    background-repeat: no-repeat;
}

.album-delete-span {
    background-image: url("images/album_delete_icon.png");
    background-position: 16px 2px;
    background-repeat: no-repeat;
    float: left;
    height: 20px;
    width: 35px;
}

.album_setting_list > span {
    padding-left: 3px;
}

.album-privacy-only-me {
    background-image: url("images/privacy_only_me.png");
    background-position: 15px 0px;
    background-repeat: no-repeat;
    float: left;
    height: 20px;
    width: 35px;
}

.album-privacy-friends {
    background-image: url("images/privacy_friends.png");
    background-position: 12px 0px;
    background-repeat: no-repeat;
    float: left;
    height: 20px;
    width: 35px;
}

.album-privacy-public {
    background-image: url("images/privacy_public.png");
    background-position: 13px 0px;
    background-repeat: no-repeat;
    float: left;
    height: 20px;
    width: 35px;
}

.privacy_menu_dropdown li:hover i.album-privacy-only-me {
    background-image: url("images/privacy_only_me_hover.png");
}

.privacy_menu_dropdown li:hover i.album-privacy-friends {
    background-image: url("images/privacy_friends_hover.png");
}

.privacy_menu_dropdown li:hover i.album-privacy-public {
    background-image: url("images/privacy_public_hover.png");
}

.privacy_menu_dropdown li:hover i.album-delete-span {
    background-image: url("images/album_delete_icon_hover.png");
}

.reverse-drop-up {
    position: absolute;
    bottom: 100%;
}

.edit_but_image {
    display: block;
    float: right;
    position: absolute;
    right: 4px;
    top: 1px;
    z-index: 1;
}

.edit_but_image span {
    background-image: url('images/setting_icon_sprit.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    float: left;
}

.edit_but_image span:hover {
    background-position: 0 -25px;
    background-repeat: no-repeat;
}

.setting_but_image {
    display: block;
    float: right;
    position: absolute;
    right: 8px;
    top: 23px;
    z-index: 1;
}

.setting_but_image span {
    background-image: url('images/setting_icon_transperent.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    float: left;
}

.setting_but_image span:hover {
    background-position: 0 -23px;
    background-repeat: no-repeat;
}

.image_setting_menu {
    top: 23px;
    right: 6px;
}

.view_media_setting_menu {
    top: 44px;
    right: 6px;
}

.media_list_album li .album_images_list_new img {
    height: 175px;
    /*width: 155px;*/
    border: 1px solid #ccc;
}

.album-media-list-image {
    width: 96%;
}

.media_list_main {
    margin: 0;
    width: 100%;
}

.media_list_album .media_list_li {
    margin-bottom: 8px;
    width: 25%;
    margin-right: 0px !important;
}

.add_more_images {
    border: 1px solid #01014d;
}

.edit_album_add_images {
    float: left;
    width: 100%;
}

.media_list_album li .edit_album_add_images > img {
    display: inline-block;
    padding: 40px 30px;
}

.add_more_media {
    bottom: 10px;
    color: #8b8b8b;
    font-size: 15px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 95%;
}

.show-original-image {
    /*border: 1px solid #7b7b7b;*/
    display: block;
    height: auto;
    margin: auto;
    max-width: 80%;
    position: relative;
    top: 47%;
    max-height: 650px;
    transform: translateY(-50%);
    vertical-align: middle;
    width: auto;
}

.view-media-popup {
    margin: 0px;
    height: 650px;
    width: 100%;
}

.view-media-popup ul li {
    border: none;
    border-radius: 0px;
    margin: 0 !important;
    padding-top: 0 !important;
}

.friends-mesg-block.wire-block .view-media-setting-bar {
    width: 38%;
    float: left;
    padding: 5px 10px 0px 15px;
}

.save_clique_btn {
    width: 100%;
}

.save_clique_btn span {
    float: right;
}

.setting-btn-image {}

.view-media-popup .view-media-popup-container li {
    padding: 0px !important;
}

#no_comments .view-media-no-comments {
    text-indent: 15px;
    color: #ababab;
}

#commentsContainer div:last-child {
    border: 0 none;
}

.new-image-container .prev {
    display: none;
    position: absolute;
    top: 45%;
    left: 10px;
    z-index: 9;
}

.new-image-container .next {
    display: none;
    position: absolute;
    top: 45%;
    right: 10px;
    z-index: 9;
}

.notification-block-sec.new-image-container:hover .next,
.notification-block-sec.new-image-container:hover .prev {
    display: block;
    opacity: 0.6;
}

#attachRewireMedia .rewire-image-container {
    height: 200px;
    width: 100%;
    margin: 0px 0px 10px;
    border: 2px solid #fff;
}

.authorBodyContainer .album_list_main ul li {
    border: medium none !important;
    float: left;
    margin-right: 31px;
    margin-top: 0;
    padding: 0;
    width: 35%;
}

@media only screen and (max-width: 1024px) {
    .friends-list-block .friendList ul li {
        width: 32.6%;
    }
    .media_list_album li a img {
        width: 96%;
    }
    .album_setting_list > span {
        float: left;
        margin: -4px -1px;
        padding-left: 3px;
        width: 88px;
    }
    .friends-list-block .friendList .album_list_main ul li {
        width: 39%;
        margin-right: 31px !important;
    }
    /*.friends-mesg-block.wire-block .view-media-setting-bar{width: 30%;}*/
}

@media only screen and (max-width: 980px) {
    .friends-list-block .friendList ul li {
        width: 18.4%;
    }
    .friends-list-block .friendList .album_list_main ul li {
        width: 22%;
        margin-right: 20px !important;
    }
    .authorBodyContainer .friends-list-block .friendList .album_list_main ul li {
        width: 44%;
    }
    .authorBodyContainer .media_list_album li a img {
        width: 96%;
    }
    .notification-mesg .media-list-2-or-plus {
        height: 175px;
    }
    .view-media-user-details-main .view-media-left-panel {
        width: 25%;
    }
}

@media only screen and (max-width: 880px) {
    .friends-list-block .friendList ul li {
        width: 22.6%;
    }
    .friends-list-block .friendList .album_list_main ul li {
        width: 26.6%;
    }
    .wire-communication-panel .notification-block-sec .right-panel {
        margin: 0px 0px !important;
    }
    .friends-mesg-block.wire-block .notification-block-sec {
        padding-top: 0px !important;
    }
    /*.friends-mesg-block.wire-block .view-media-setting-bar{width: 95%;}
.new-comment-box {width: 97%;}*/
    .authorBodyContainer .authorTopContainer .col-md-2.left-aside {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 780px) {
    .media_list_li {
        width: 100%;
    }
    .friends-list-block .friendList ul li {
        width: 23.6%;
    }
    .friends-list-block .friendList .album_list_main ul li {
        width: 28.6%;
    }
    .pop-up-right-comment-bar {
        width: 95%;
        float: left;
    }
    .friends-mesg-block.wire-block .view-media-setting-bar {
        width: 93%;
    }
    .friends-mesg-block.wire-block .new-image-container {
        width: 95%;
    }
    .authorBodyContainer .friends-list-block .friendList .album_list_main ul li {
        width: 27.6%;
    }
    .view-media-user-details-main .view-media-left-panel {
        width: 18%;
    }
    .edit_album_add_images {
        width: 100%;
    }
}

@media only screen and (max-width: 736px) {
    .friends-list-block .friendList .album_list_main ul li {
        width: 30%;
    }
    .pop-up-right-comment-bar {
        width: 95%;
        float: left;
        margin-left: 15px;
    }
    .friends-mesg-block.wire-block .view-media-setting-bar {
        width: 95%;
    }
    .friends-mesg-block.wire-block .new-image-container {
        width: 100%;
        height: 326px;
    }
    .new-comment-box {
        width: 97%;
        margin-left: 15px;
    }
    .show-original-image {
        max-height: 100%;
    }
}

@media only screen and (max-width: 667px) {
    .media_list_li {
        width: 100%;
    }
    .friends-list-block .friendList ul li {
        width: 28%;
    }
    .friends-list-block .friendList .album_list_main ul li {
        width: 33%;
        margin-right: 25px !important;
    }
    .authorBodyContainer .friends-list-block .friendList .album_list_main ul li {
        width: 33%;
    }
}

@media only screen and (max-width: 640px) {
    .friends-list-block .friendList ul li {
        width: 29%;
    }
    .friends-list-block .friendList .album_list_main ul li {
        width: 34%;
    }
    .edit_but_image {
        /*right: 4px; */
    }
    .media-list-2-or-plus {
        height: auto;
    }
    .media-list-1 {
        width: 100%;
        height: auto;
    }
    #album_main li.right-child {
        margin-right: 31px;
    }
}

@media only screen and (max-width: 568px) {
    .friends-list-block .friendList ul li {
        width: 32.5%;
    }
    .friends-list-block .friendList .album_list_main ul li {
        width: 39%;
        margin-right: 10px;
    }
    #album_main li.right-child {
        margin-right: 10px;
    }
    .pop-up-right-comment-bar {
        width: 90%;
        float: left;
    }
    .friends-mesg-block.wire-block .view-media-setting-bar {
        width: 93%;
    }
    .new-comment-box {
        width: 93%;
    }
}

@media only screen and (max-width: 531px) {
    .friends-list-block .friendList .album_list_main ul li {
        width: 42%;
    }
}

@media only screen and (max-width: 480px) {
    .friends-list-block .friendList .album_list_main ul li {
        width: 47%;
        margin-right: 10px;
    }
    .friends-list-block .friendList ul li {
        width: 39%;
    }
    .authorBodyContainer .friends-list-block .friendList .album_list_main ul li {
        width: 46%;
    }
}

@media only screen and (max-width: 441px) {
    .friends-list-block .friendList .album_list_main ul li {
        width: 55%;
    }
    .view-media-user-details-main .view-media-left-panel {
        width: 30%;
    }
}

@media only screen and (max-width: 375px) {
    .friends-list-block .friendList .album_list_main ul li {
        width: 64%;
    }
    .friends-list-block .friendList ul li {
        width: 49%;
    }
    .media_list_album li .edit_album_add_images > img {
        padding: 40px 48px;
    }
    .edit_but_image {
        right: 5px;
    }
    .authorBodyContainer .friends-list-block .friendList .album_list_main ul li {
        width: 64%;
    }
}

@media only screen and (max-width: 320px) {
    .friends-list-block .friendList ul li {
        width: 62%;
    }
    .friends-list-block .friendList .album_list_main ul li {
        width: 74%;
    }
    .view-media-user-details-main .view-media-right-panel {
        width: 65%;
    }
    .authorBodyContainer .friends-list-block .friendList .album_list_main ul li {
        width: 74%;
    }
    .authorBodyContainer .media_list_album li a img {
        width: 95%;
    }
}

@media all and (min-width: 320px) and (max-width: 1023px) {
    .leftSection .navigation li a {
        float: none;
    }
    .navigation .bio {
        float: none;
        width: auto;
    }
    .menuTopBar .navigation li {
        width: 50% !important;
        text-align: center !important;
    }
    .edit-profile-btn {
        float: left;
        margin-left: 20px;
    }
}

.wire-block-widget .left-nav a .ti-wire-gray-icon {
    background: url('images/header-icons/wire-icon.png')no-repeat 100% 0px;
}

.wire-block-widget .left-nav a .ti-wire-like {
    background: url('images/header-icons/like.png')no-repeat 100% 0px;
}

.wire-block-widget .left-nav a .ti-wire-share {
    background: url('images/header-icons/share.png')no-repeat 100% 0px;
}

.wire-block-widget .left-nav a:hover .ti-wire-gray-icon {
    background: url('images/header-icons/wire-icon.png')no-repeat 100% -21px;
}

.wire-block-widget .left-nav a:hover .ti-wire-like {
    background: url('images/header-icons/like.png')no-repeat 100% -21px;
}

.wire-block-widget .left-nav a:hover .ti-wire-share {
    background: url('images/header-icons/share.png')no-repeat 100% -21px;
}

.scroll-comment-bar {
    overflow-y: scroll;
    max-height: 450px;
}

.view-media-user-details-main {
    width: 100%;
    height: auto;
    /*max-height: 175px;*/
    float: left;
    padding: 5px;
    margin-left: -12px;
    margin-bottom: -20px;
    margin-top: 3px;
}

.view-media-user-details-main .message-avatar {
    position: inherit !important;
    margin-bottom: 30px;
}

.view-media-left-panel {
    width: 20%;
    float: left;
}

.view-media-right-panel {
    width: 75%;
    float: left;
}

.view-media-time-ago {
    color: #9A9AA5 !important;
    margin-left: 10px;
    font-family: 'Roboto';
    font-size: 12px;
}

.view-media-user-details-main .iAuthorProfilePic {
    left: 0;
    position: relative;
}

.custom-file-upload {
    background: #04a4ad none repeat scroll 0 0;
    font-family: "Roboto";
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    height: 35px;
    overflow: hidden;
    padding: 5px;
    position: relative;
    text-align: center;
    width: 50px;
    cursor: pointer;
}

.custom-file-upload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.upload-camera-icon {
    height: 25px;
    width: 25px;
}


/*bloglist-page*/

.heading_search {
    width: 100%;
    background-color: #f2f2f2;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.heading_search .head_search {
    border: 0.5px solid #ababab;
    width: 80%;
    margin: 2% 10%;
    border-radius: 5px;
    padding: 5px;
}

.heading_search .head_search:focus {
    border-radius: 0px;
}

.bloglist_item {
    width: 100%;
    float: left;
    clear: both;
    margin: 0!important;
    padding: 10px 0;
    border-bottom: 3px solid #eeeeee;
}

.bloglist_item:hover {
    background-color: #eeeeee;
}

.bloglist_thumb {
    width: 100%;
    position: relative;
}

.bloglist_info {
    width: 100%;
    padding: 5px 0 0;
}

.bloglist_info h3 {
    font-family: 'latoblack';
    font-size: 18px;
    padding: 0 0 5px;
    margin: 0;
}

.bloglist_info h3 a {
    color: #333333;
}

.bloglist_info h3 a:hover {
    color: #04a4ad;
    text-decoration: none;
}

.bloglist_info h4 {
    font-family: 'latoregular';
    font-size: 14px;
    padding: 0 0 5px;
    margin: 0;
}

.bloglist_info h4 a {
    color: #04a4ad;
}

.bloglist_info h4 a:hover {
    color: #004448;
    text-decoration: none;
}

.bloglist_info p {
    color: #333333;
    font-family: 'latoregular';
    font-size: 16px;
}

.read_btn a {
    color: #fff;
    background-color: #04a4ad;
    border: #005a5f;
    font-size: 14px;
    font-family: 'latobold';
}

.read_btn span {
    font-size: 12px;
}

.read_btn a:hover {
    color: #ffffff;
    background-color: #005a5f;
    border: #04a4ad;
}

.post_date {
    background-color: red;
    width: 36px;
    height: 41px;
    position: absolute;
    top: 10px;
    left: 10px;
    text-align: center;
    color: #fefefe;
}

.post_date p {
    margin: 0;
    padding: 0;
    font-family: 'latobold';
    font-size: 16px;
    display: table-cell;
    background-color: #04a4ad;
    height: 29px;
    vertical-align: middle;
    width: 36px;
}

.post_date span {
    font-family: 'latobold';
    font-size: 9px;
    text-transform: uppercase;
    display: block;
    background-color: #101012;
}


/*bloglist-page*/


/*blog-detail-page*/

.bounded_grid1 {
    width: 100%;
    margin: 0 0 15px 0;
    background-color: #f1f1ee;
    padding: 1%;
}

.bounded_blogpost {
    width: 100%;
}

.bounded_post_thumbnail {
    width: 100%;
}

.post_thumbnail {
    width: 100%;
    background-color: #ffffff;
    margin: 0 0 5px 0;
    padding: 1%;
    cursor: pointer;
}

.bounded_thumbnail {
    width: 100%;
    padding: 0 10px;
}

.post_info h4 {
    font-family: 'latoregular';
    font-size: 12px;
    font-weight: inherit;
    padding: 15px 0 0 0;
    margin: 0;
}

.post_info1 {
    width: 100%;
    padding: 0 0 20px 0;
}

.post_info1 h2 {
    font-family: 'Roboto-Bold';
    font-size: 18px;
    font-weight: inherit;
    padding: 0 0 5px;
    margin: 0;
}

.post_info1 h2 a {
    color: #333333;
}

.post_info1 h2 a:hover {
    color: #04a4ad;
    text-decoration: none;
}

.post_info1 h3 {
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: inherit;
    padding: 0;
    margin: 0;
}

.post_info1 h3 a {
    color: #04a4ad;
}

.post_info1 h3 a:hover {
    color: #004448;
    text-decoration: none;
}

.post_content1 {
    width: 100%;
}

.post_content1 p {
    color: #575757;
    font-family: 'Roboto-Regular';
    font-size: 14px;
}

.post_content1 span {
    color: #333333;
    font-family: 'latoblack';
    font-size: 14px;
}

.post_content1 span a {
    color: #04a4ad;
}

.post_content1 span a:hover {
    color: #004448;
    text-decoration: none;
}

.bounded_comment {
    width: 100%;
}

.bounded_comment h4 {
    font-size: 16px;
    font-family: 'latoblack';
}

.bounded_comment .submit-btn {
    background-color: #04a4ad;
    border: none;
}

.bounded_comment .submit-btn:hover {
    background-color: #004448;
}

.bounded_media {
    width: 100%;
    margin: 15px 0 0 0;
}

.bounded_media h4 {
    font-size: 16px;
    font-family: 'latobold';
}

.col-sm-4.less_padding1 {
    padding: 0 5px 0 15px;
}

.col-sm-8.less_padding1 {
    padding: 0 15px 0 5px;
}

.less_padding2 {
    padding: 10px 8px 0 !important;
}

.media-object {
    height: 90px;
    width: 100px;
}


/*blog-detail-page*/

.bloglist_info > p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bloglist_item {
    margin: 10px 0 0;
}

#load_blogs,
#load_cmd {
    color: #0095a1;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 10px;
}

#load_blogs:hover,
#load_cmd:hover {
    text-decoration: underline;
}

.bounded_blogpost .bounded_info {
    padding: 20px;
}

#crop-blog-pic {
    width: 100%;
    position: relative;
    margin: auto;
    height: 200px;
    margin-bottom: 30px;
}

.edit-blog-cam {
    position: absolute;
    bottom: 0;
    float: left;
    position: absolute;
    background: url("images/header-icons/camera.png") no-repeat 10px center;
    height: 50px;
    bottom: 0;
    cursor: pointer;
    overflow: hidden;
    width: 100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.edit-blog-cam span {
    color: #FFF;
    font-size: 14px;
    font-family: 'Roboto-Bold';
    float: left;
    line-height: 4px;
    opacity: 0;
    margin-left: 41px;
    margin-top: 23px;
}

.edit-blog-cam:hover {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.edit-blog-cam:hover span {
    opacity: 1;
}

.post_img {
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
}

.bloglist_thumb > a > img {
    width: auto!important;
}

.avatar-view > img {
    width: 100%!important;
}

.blog_creation {
    font-size: 18px;
    font-family: "Roboto-Bold";
}

.thumbnail_view {
    width: 150px;
}

.thumbnail_view > #crop-blog-pic {
    height: 150px;
}

.inputBox > input {
    font-family: "Roboto";
}

.col-md-8.cover-preview-pr,
.col-md-3.col-md-offset-1.cover-preview-pr {
    padding: 0!important;
}

.col-md-3.cover-preview-pr > .avatar-preview img {
    height: 150px;
}