@charset "utf-8";
/* CSS Document */

html {
}

body {
    font-family: 'Open Sans';
    font-size: 15px;
    background: repeat-x #fdfdfd !important;
    color: #333;
}

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

/*body.off-white {
	background-color: #fdfdfd !important;
}
body.grey {
	background-color: #f8f8f8 !important;
}
body.pink {
	background: #fdfafa url("../img/default-background.png") repeat scroll 0 0 !important;
}*/

a {
    color: #0a5c7d;
}

h1, h2, h3, h4, h5 {
    margin: 0;
}

h1 {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 51px;
    color: #7f4f80;
}

h1 a {
    text-decoration: none;
    color: #663366;
}

h2 {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 20px;
    color: #555;
    line-height: 35px;
}

h3 {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
    color: #555;
}

h4 {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    color: #7f4f80;
    line-height: 27.5px;
    font-weight: 400;
    text-transform: uppercase;
}

h4 a {
    text-decoration: none;
    color: #707070;
}

h5 {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: #362e35;
    line-height: 26px;
    font-weight: 700;
}

p {
    font-family: 'Open Sans', sans-serif;
    color: #000;
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 27px;
}

li {
    font-family: 'Open Sans', sans-serif;
    color: #000;
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 27px;
}

p.p-small {
    font-family: 'Open Sans', sans-serif;
    color: #000;
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 27px;
}

p.p-subtitle {
    font-family: 'Open Sans', sans-serif;
    color: #000;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 27px;
}

span.p-small {
    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-size: 13px;
    line-height: 27px;
}

h1.larger {
    font-size: 42px;
    line-height: 40px;
    font-weight: 700;
    text-transform: none;
    margin-bottom: 50px;
}

h1.largest {
    font-size: 48px;
    line-height: 48px;
    font-weight: 700;
    text-transform: none;
    margin-bottom: 50px;
}

section {
    padding-bottom: 55px;
}

@media (min-width: 1200px) {
    .container {
        width: 1070px;
    }
}

.messages-number {
    position: relative;
    top: -27px;
    left: 17px;
    z-index: 100;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    color: white;
    background-color: red;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
}

.separator {
    border: 0 none;
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    /*white-space: nowrap;*/
}

.separator > span {
    display: inline-block !important;
}

.separator::before, .separator::after {
    background-color: #7f4f80;
    content: "";
    display: inline-block;
    height: 1px;
    margin: 0 0.5em 0 -55%;
    vertical-align: middle;
    width: 50%;
}

.separator::after {
    margin: 0 -55% 0 0.5em;
}

.center {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.no-margin {
    margin: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.p-margin {
    margin-bottom: 15px;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.purpleTextHighlight {
    color: #7e4e7f !important;
}

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

img.ellipsis_icon {
    width: 2em;
    height: auto;

}

.btn {
    text-decoration: none;
    background-color: #7f4c76;
    padding: 5px 30px;
    color: #ffffff;
}

.btn-large {
    padding: 10px 35px;
    font-weight: 700;
}

.btn-p {
    text-decoration: none;
    color: #ffffff;
    background-color: #7e4e7f;
    padding: 5px 30px;
}

.btn:hover, .btn:focus {
    background-color: #9e7aa0;
    color: #ffffff;
}

.btn.cancel {
    background-color: #afafaf;
    color: #ffffff;
    border: none;
}

.btn.cancel:hover, .btn.cancel:focus {
    background-color: #707070 !important;
}

.disabled-btn:hover {
    background-color: #7f4c76;
}

/********* MAIN NAVIGATION *********/

/* START navbar */
.navbar {
    border: none;
}

.navbar-default {
    background: inherit;
}

.navbar-header {
    background: inherit;
    border: none;
}

.navbar-default > .container .navbar-brand img {
    width: 140px;
}

.navbar-default > .container .navbar-brand {
    margin: 15px 0 0 0;
    padding: 0;
}

@media (max-width: 767px) {
    .navbar-default > .container .navbar-brand {
        margin-left: 15px;
    }

    .navbar-toggle {
        margin-top: 20px;
    }
}

.navbar .nav > li {
    text-align: left;
}

.navbar .nav > li > a {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    font-weight: 100;
    margin-right: 0;
    margin-top: 0;
    color: #7d7573;
    white-space: nowrap;
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar .nav > li > a {
        font-size: 13px;
    }
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    color: #571a56;
    background: inherit;
}

.dropdown-menu {
    border-radius: 3px;
}

.navbar .nav > li > .dropdown-menu {
    width: 220px;
}

.navbar .nav > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu:after {
    border: none;
}

.dropdown-menu > li > a {
    white-space: normal !important;
    text-decoration: none;
}

.navbar .nav > li > .dropdown-menu > li > a {
    white-space: normal !important;
    word-wrap: break-word;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #2b967c;
    background: none;
}

/* START navbar-center */
.navbar-center {
    display: inline-block;
    float: none !important;
    vertical-align: top;
    margin-top: 14px;
}

.navbar-collapse-center {
    text-align: center;
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-center > li > a {
        padding: 15px 7px 15px 7px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-center > li > a {
        padding: 15px 15px 15px 14px;
    }
}

/* END navbar-center */

/* START navbar-right */
.navbar-right.nav-items-right {
    margin-top: 24px;
    float: right;
}

.navbar-right.nav-items-right.nav-profile {
    margin-top: 29px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .nav-items-right > a {
        padding: 5px 12px;
    }
}

#profile_link {
    padding: 0;
}

#profile_link > img {
    position: relative;
    margin: 0;
    bottom: 3px;
}

#profile_link > span {
    display: inline-block;
    margin: 0 5px;
}


@media (min-width: 768px) {
    #profile_link > span {
        max-width: 94px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
#inbox_link {
    padding: 0;
    margin-top: -1px;
}

/* END navbar-right */

/* END navbar */

/* START non-member navbar */
.nav-non-member .navbar-center > li > a {
    font-size: 20px;
}

/* END non-member navbar */
.line {
    height: 23px;
    width: 91%;
    background: url(../img/line.png) center left;
    margin: 0 auto 10px auto !important;
    display: block;
    padding: 0 !important;
}

/********* END MAIN NAVIGATION ********/
.container .row .testimonial-sample {
    color: #608d83;
    font-family: "lato", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    font-style: italic;
    margin-top: 20px;
}

.container .row .quotation-mark {
    font-size: 83px;
    font-weight: 900;
    float: left;
    position: relative;
    left: 10px;
}

.container .row .testimonial-sample-text {
    position: relative;
    bottom: 10px;
}

.container .row .testimonial-signature {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    font-style: normal;
    padding-top: 15px;
}

.container .row .testimonial-link {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #0f6183;
    line-height: 26px;
    font-weight: 700;
    font-style: normal;
    padding-top: 15px;
}

/********* START HOMEPAGE ********/
.homepage h1, .homepage h2, .homepage h3, .homepage h4, .homepage h5, .homepage h6 {
    font-style: normal;
    text-transform: none;
}

.homepage h1 {
    font-size: 42px;
    line-height: 40px;
    font-weight: 700;
    text-transform: none;
    text-align: center;
    margin-bottom: 50px;
}

.homepage h2 {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 51px;
    color: #7f4f80;
}

.homepage h2 a {
    text-decoration: none;
    color: #663366;
}

.homepage h3 {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 20px;
    color: #555;
    line-height: 35px;
}

.homepage h4 {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
    color: #555;
}

.homepage h5 {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    color: #7f4f80;
    line-height: 27.5px;
    font-weight: 400;
    text-transform: uppercase;
}

.homepage h5 a {
    text-decoration: none;
    color: #707070;
}

.homepage h6 {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #362e35;
    line-height: 26px;
    font-weight: 700;
}

.homepage p {
    font-family: 'Open Sans', sans-serif;
    color: #000;
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 27px;
}

/* START homeIntro */
@media (min-width: 1200px) {
    #homeIntro .container > div {
        padding: 0 15px;
    }
}

/* START homeIntroBody */
#homeIntroH1 {
    font-size: 42px;
    line-height: 40px;
    font-weight: 700;
    text-transform: none;
    text-align: center;
    margin-bottom: 50px;
}

/* START homeTree */
#homeTree {
    margin-top: -16px;
    margin-left: -20px;
    max-width: 100%;
}

@media (max-width: 1199px) {
    #homeTree {
        max-width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    #homeTree {
        margin-left: 0;
    }
}

/* END homeTree */

/* BEGIN homeIntroText */
#homeIntroText {
    margin-top: -23px;
}

@media (max-width: 767px) {
    #homeIntroText {
        margin-top: 0;
    }
}

#homeIntroText h4 {
    margin-bottom: 15px;
}

#homeIntroText .learn-more {
    padding-top: 20px;
}

#homeIntroText .educators-link {
    font-weight: 700;
}

/* END HomeIntroText */
/* END homeIntroBody */
/* END homeIntro */

/* START howItWorks */
/*#howItWorks {
    padding-top: 55px;
}*/
#howItWorks .grey-background {
    background: #fdfafa url("../img/video-background.png") repeat scroll 0 0;
    height: 253px;
}

#howItWorks .grey-background .container:first-child {
    padding-top: 30px;
}

#howItWorks .grey-background-top {
    background: #fdfafa url("../img/video-swirl-top.png") repeat-x scroll 0 0;
    height: 49px !important;
}

#howItWorks .grey-background-bottom {
    background: #fdfafa url("../img/video-swirl-bottom.png") repeat-x scroll 0 0;
    height: 48px !important;
}

#howItWorks #videoAndBackground {
    position: relative;
    top: 150px
}

#howItWorks #videoAndBackground .grey-background .container {
    position: relative;
    bottom: 217px;
}

@media (max-width: 767px) {
    #howItWorks #videoAndBackground {
        position: relative;
        top: 0
    }

    #howItWorks #videoAndBackground .grey-background .container {
        position: relative;
        bottom: 80px;
    }

    #howItWorks .grey-background {
        height: 121px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #howItWorks #videoAndBackground {
        position: relative;
        top: 85px
    }

    #howItWorks #videoAndBackground .grey-background .container {
        position: relative;
        bottom: 150px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #howItWorks #videoAndBackground {
        position: relative;
        top: 125px
    }

    #howItWorks #videoAndBackground .grey-background .container {
        position: relative;
        bottom: 180px;
    }
}

#howItWorks .container .row h2 {
    margin-bottom: 10px;
}

#howItWorks .container .row img {
    margin-top: 50px;
    margin-bottom: 23px
}

#howItWorks .container .row #critique-document {
    margin-top: 29px;
}

#howItWorks .container .row #video-text {
    font-size: 14px;
    font-weight: 700;
    margin-top: 15px;
}

.first_quotation {
    margin-top: 80px;
}

#howItWorks .container .row .testimonial-sample {
    color: #608d83;
    font-family: "lato", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    font-style: italic;
    margin-top: 20px;
}

#howItWorks .container .row .quotation-mark {
    font-size: 83px;
    font-weight: 900;
    float: left;
    position: relative;
    left: 10px;
}

#howItWorks .container .row .testimonial-sample-text {
    position: relative;
    bottom: 10px;
}

#howItWorks .container .row .testimonial-signature {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    font-style: normal;
    padding-top: 15px;
}

#howItWorks .container .row .testimonial-link {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #0f6183;
    line-height: 26px;
    font-weight: 700;
    font-style: normal;
    padding-top: 15px;
}

/*#howItWorks .container .row .separator::before,
#howItWorks .container .row .separator::after {
    width: 36%;
}
@media (max-width:767px) {
    #howItWorks .container .row .separator::before,
    #howItWorks .container .row .separator::after {
        width: 10%;
    }
}
@media (min-width:768px) and (max-width:991px) {
    #howItWorks .container .row .separator::before,
    #howItWorks .container .row .separator::after {
        width: 30%;
    }
}
@media (min-width:991px) and (max-width:1199px) {
    #howItWorks .container .row .separator::before,
    #howItWorks .container .row .separator::after {
        width: 35%;
    }
}*/
/* END howItWorks */

/* START whatCanYouDo */
/*#whatCanYouDo {
    padding-top: 55px;
}*/
#whatCanYouDo .container .row h2 {
    margin-bottom: 20px;
}

#whatCanYouDo .container .row ul {
    position: relative;
    top: 15px;
}

#whatCanYouDo .container .row ul > li {
    font-family: 'Open Sans', sans-serif;
    color: #000;
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 27px;
}

#whatCanYouDo .container .row .testimonial-sample {
    color: #608d83;
    font-family: "lato", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    font-style: italic;
    margin-top: 50px;
}

#whatCanYouDo .container .row .quotation-mark {
    font-size: 83px;
    font-weight: 900;
    float: left;
    position: relative;
    left: 10px;
}

#whatCanYouDo .container .row .testimonial-sample-text {
    position: relative;
    bottom: 10px;
}

#whatCanYouDo .container .row .testimonial-signature {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    font-style: normal;
    padding-top: 15px;
}

#whatCanYouDo .container .row .testimonial-link {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #0f6183;
    line-height: 26px;
    font-weight: 700;
    font-style: normal;
    padding-top: 15px;
}

#whatCanYouDo .grey-background {
    background: #fdfafa url("../img/grey-background.png") repeat scroll 0 0;
}

#whatCanYouDo .grey-background .container:first-child {
    padding-top: 30px;
}

#whatCanYouDo .grey-background-top {
    background: #fdfafa url("../img/desktop-swirl-top.png") repeat-x scroll 0 0;
    height: 87px !important;
}

#whatCanYouDo .grey-background-bottom {
    background: #fdfafa url("../img/desktop-swirl-bottom.png") repeat-x scroll 0 0;
    height: 89px !important;
    position: relative;
    bottom: 16px;
}

@media (max-width: 767px) {
    #whatCanYouDo .container #community-img {
        padding-bottom: 40px;
    }
}

#whatCanYouDo .container #laptop-and-bagpack {
    padding-top: 25px;
}

@media (max-width: 767px) {
    #whatCanYouDo .container #laptop-img {
        padding-bottom: 40px;
    }
}

/*#whatCanYouDo .container .row .separator::before,
#whatCanYouDo .container .row .separator::after {
    width: 30%;
}
@media (max-width:767px) {
    #whatCanYouDo .container .row .separator::before,
    #whatCanYouDo .container .row .separator::after {
        width: 0%;
        margin-left: 0;
        margin-right: 0;
    }
    #whatCanYouDo .container .row .separator {
        white-space: normal;
    }
}
@media (min-width:768px) and (max-width:991px) {
    #whatCanYouDo .container .row .separator::before,
    #whatCanYouDo .container .row .separator::after {
      width: 21%;
    }
}
@media (min-width:992px) and (max-width:1199px) {
    #whatCanYouDo .container .row .separator::before,
    #whatCanYouDo .container .row .separator::after {
      width: 28%;
    }
}*/
/* END whatCanYouDo */

/* START designedForWritingGroups */
#designedForWritingGroups {
    padding-bottom: 0;
}

#designedForWritingGroups .grey-background {
    background: #fdfafa url("../img/grey-background2.png") repeat scroll 0 0;
    padding-bottom: 45px;
}

@media (max-width: 767px) {
    #designedForWritingGroups .grey-background {
        padding-bottom: 15px;
    }
}

#designedForWritingGroups .grey-background-top {
    background: #fdfafa url("../img/last-swirl-top.png") repeat-x scroll 0 0;
    height: 87px !important;
    position: relative;
    top: 20px;
}

#designedForWritingGroups .container .row h2 {
    margin-bottom: 10px;
}

#designedForWritingGroups .container .row img {
    margin-top: 50px;
    margin-bottom: 23px
}

#designedForWritingGroups .container .row .testimonial-sample {
    color: #608d83;
    font-family: "lato", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    font-style: italic;
    margin-top: 20px;
}

#designedForWritingGroups .container .row .quotation-mark {
    font-size: 83px;
    font-weight: 900;
    float: left;
    position: relative;
    left: 10px;
}

#designedForW.switch {
  position: relative;
  display: inline-block;
  width: 55px; /* 60px - 5px */
  height: 29px; /* 34px - 5px */
  margin-inline: 2%;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
  border-radius: 29px; /* 34px - 5px */
}

.slider:before {
  position: absolute;
  content: "";
  height: 21px; /* 26px - 5px */
  width: 21px; /* 26px - 5px */
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: .4s;
  border-radius: 50%;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:checked + .slider:before {
  transform: translateX(24px); /* 26px - 2px */
}

.form-check.form-switch {
    display: flex;
    align-items: center;
}

trial-button {
    margin-top: 150px;
}

@media (max-width: 767px) {
    #designedForWritingGroups .trial-button {
        margin-top: 30px;
    }
}

#designedForWritingGroups .btn {
    margin-top: 15px;
    margin-bottom: 15px;
}

#designedForWritingGroups .trial-button h4 {
    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-size: 24px;
}

#designedForWritingGroups .trial-button p {
    color: #333;
}

#designedForWritingGroups .container .row .last-testimonial .quotation-mark {
    left: 0;
}

/*#designedForWritingGroups .container .row .separator::before,
#designedForWritingGroups .container .row .separator::after {
    width: 25%;
}*/
@media (max-width: 767px) {
    #designedForWritingGroups .container .row .separator::before,
    #designedForWritingGroups .container .row .separator::after {
        width: 0;
        margin-left: 0;
        margin-right: 0;
    }

    #designedForWritingGroups .container .row .separator {
        white-space: normal;
    }
}

/*
@media (min-width:768px) and (max-width:991px) {
    #designedForWritingGroups .container .row .separator::before,
    #designedForWritingGroups .container .row .separator::after {
      width: 14%;
    }
}
@media (min-width:992px) and (max-width:1199px) {
    #designedForWritingGroups .container .row .separator::before,
    #designedForWritingGroups .container .row .separator::after {
      width: 22%;
    }
}*/
#designedForWritingGroups .designed-for-writing-groups-body {
    padding: 30px 0 30px 0;
}

#designedForWritingGroups .designed-for-writing-groups-body .row p {
    font-size: 13px;
    line-height: 22.5px;
}

#designedForWritingGroups .row.designed-for-writing-groups-body h5 {
    margin-bottom: 3px;
}

@media (max-width: 767px) {
    #designedForWritingGroups .container .row #give-feedback {
        position: relative;
        bottom: 120px;
    }
}

@media (max-width: 767px) {
    #designedForWritingGroups #containerBeforeLast {
        margin-bottom: -150px;
    }
}

/* END designedForWritingGroups */

/************ END HOMEPAGE ************/

.nav-tabs li a {
    text-decoration: none;
}

.navbar-form input[type=text] {
    height: 25px;
}

.btn.purple, .btn-primary {
    background: #7e4e7f;
    color: #fff;
    text-shadow: none;
    border: none;
}

.btn.purple:hover, .btn.purple:focus, .btn.purple:hover, .btn-primary:hover {
    background: #9e7aa0 !important;
}

@media only screen and (max-device-width: 480px) {
    .btn.purple, .btn.purple:focus, .btn.purple:hover, .btn.purple:active, .btn.purple:visited,
    .btn-primary, .btn-primary:focus, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
        background: #7f4c76 !important;
    }
}

.btn.blue {
    background: #0a5c7d;
    color: #fff;
}

.btn.blue:hover, .btn.blue:focus {
    background: #5299af !important;
}

.btn.teal {
    background: #83a24c;
}

.btn.teal:hover, .btn.teal:focus {
    /*background: #1d765c !important;*/
    background: #b4c683;
}

.btn.grey {
    background: #afafaf;
    color: #ffffff;
}

.btn.grey:hover, .btn.grey:focus {
    background: #707070 !important;
}

.btn.grey-outline {
    background: transparent !important;
    color: black;

}

.btn.grey-outline:hover, .btn.grey-outline:focus {
    border-color: #7e4e7f;
    color: #7e4e7f;
    text-shadow: 0 0 0 #7e4e7f, 0 0 0 #7e4e7f;


}

.txt-purple, .help-view .selected {
    color: #7e4e7f;
}

.blue-link {
    text-decoration: underline;
    color: #0a5c7d;
}

.teal-link {
    text-decoration: underline;
    color: #83a24c;
    font-style: italic;
}

.blue-bold-link {
    text-decoration: underline;
    color: #0a5c7d !important;
    font-weight: bold
}

.back-link {
    margin-bottom: 10px;
    text-decoration: underline;
    display: inline-block;
}

.table {
    margin-bottom: 40px;
}


.table th {
    background: #7f4c76 !important;
    color: #FFF
}

.table th:first-child {

}

.table td {
    background: #f9f9f9;
    border-bottom: 1px solid #FFF
}

.table td:first-child {

}

.table tr:hover, .table-striped tbody > tr:nth-child(1n):hover > td:not(.purple-row) {
    background: #ebebeb !important;
}

.table.quick-uploads td {
    background: transparent !important;
    margin-bottom: 40px;
}

.purple-row {
    background-color: #7e4e7f;
}

.table .action-buttons {
    text-align: center;
}

.table .action-buttons a {
    /*display: none;*/
    color: #005b7f;
    text-decoration: none;
}

/*.table tr:hover .action-buttons a, .table-striped tbody > tr:nth-child(2n):hover > td.action-buttons a {
    display: block
}*/

.table a {
    color: #222;
    text-decoration: none;
}

.table a:hover {
    text-decoration: none
}

.credits {
    font-size: 25px;
    float: right;
}

.nav-tabs li a {
    text-decoration: none;
    background-color: #8c7a8b;
    color: #ffffff;
}

.nav-tabs li a:hover {
    background-color: #7e4e7f;
    color: #ffffff;
}

#copyright {
    margin-bottom: 23px;
    margin-right: 100px;
    color: #aa9f9d;
}

.badges span {
    width: 50px;
    height: 50px;
    background: url(../img/sprite.png);
}

.badges span.icon-l {
    background-position: 0 0;
}

.badges span.icon-w {
    background-position: -100px 0;
}

.badges span.icon-e {
    background-position: -200px 0;
}

.badges span.icon-c {
    background-position: -300px 0;
}

.tab-content {
    border-bottom: 2px solid #efefef;
}

.tab-pane a, .underline {
    color: #333333;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #8c7a8b;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border-top: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-left: 1px solid #efefef;
}

.tab-purple {
    background-color: #8c7a8b;
    color: #ffffff;
}

.tab-pane h2 {
    font: bold 18px 'Lato' !important;
    font-style: italic !important;
    color: #0a5c7d;
}

.tab-pane#files .blue-bold-link {
    margin: 15px 0 10px;
    display: block
}

.tab-pane ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.membership-page .add-margin {
    margin-bottom: 10px;
}

.membership-page table {
    margin-top: 10px;
    margin-bottom: 5px !important;
}

.membership-page .select2-container-multi .select2-choices .select2-search-field input {
    padding: 0;
    margin: 0;
}

.membership-page .select2-container.select2-container-multi .select2-choices {
    min-height: 100%;
}

.membership-page .textarea-holder, .membership-page .input-holder {
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 3px;
    background: #efefef;
}

.membership-page .textarea-holder textarea {
    background: #efefef;
    padding: 0;
    border: 0;
    margin: 0;
    width: 100%;
    height: 70px;
    resize: none;
}

:focus {
    outline: 0 !important;
}

.membership-page .button-holder {
    text-align: right;
    margin-bottom: 15px;
}

.membership-page .button-holder button {

}

.checkbox-holder span {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    line-height: 24px;
    margin-right: 5px;
}

.membership-page .input-holder {
    margin-bottom: 0;
}

.membership-page .input-holder input {
    background: #efefef;
    margin: 0;
    border: 0;
    padding: 0;
    min-width: 100%;
    outline: none;
    box-shadow: none;
}

.membership-page .checkbox-holder {
    margin-bottom: 20px;
}

.membership-page .checkbox-holder input {
    display: inline-block;
    vertical-align: top;
    height: 24px;
    min-width: 100%;
    margin-right: 5px;
}

.membership-page .checkbox-holder input[type="checkbox"] {
    width: 20px;
}

.membership-page .checkbox-holder select {
    margin: 0;
    width: 50px;
    margin-right: 5px;
}

.membership-page .daily-digest label {
    margin-top: 10px;
    padding-left: 0;
    font-size: 16px;
    color: #7e4e7f;
    font-weight: bold;
}

.accordion-heading .collapsed .icon-status {
    background: url(../img/sprite.png) -250px -50px;
    width: 10px;
    height: 12px;
    display: inline-block
}

.accordion-heading .icon-status {
    background: url(../img/sprite.png) -300px -50px;
    width: 10px;
    height: 12px;
    display: inline-block
}

.accordion-heading.active {
    font-weight: bold;
}

.accordion-heading.active .icon-status {
    background-position: -300px -50px;
}

.accordion-heading:nth-child(2n) {
    background: #FFF
}

.accordion-heading a {
    color: #222;
    text-decoration: none;
}

.accordion-heading .accordion-toggle {
    display: block;
    padding: 8px 15px;
}

@media (max-width: 720px) {
    .project-option {
        display: none;
    }

    .project-option2 {
        display: inline-block;
    }
}

@media (min-width: 721px) {
    .project-option {
        display: inline-block;
    }

    .project-option2 {
        display: none;
    }
}

.accordion-heading a.accordion-toggle:focus {
    text-decoration: none
}

.accordion-inner .table {
    margin-bottom: 0;
}

.sidebar .edit {
    color: #695168;
    float: right;
    padding: 5px 10px 0 0;
    text-decoration: underline;
}

.sidebar .edit:hover {
    text-decoration: none;
}

.sidebar .date {
    font-size: 16px;
    font-weight: bold;
    color: #aa9f9d;
    margin: 0
}

.sidebar .note {
    border-bottom: 2px solid #efefef;
    margin-top: 10px;
}

.sidebar .note img {
    width: 16px;
}

.icon {
    width: 20px;
}

.icon-img {
    width: 20px;
    padding-left: 1px;
    margin: 2px 0;
}

.sidebar .note:last-child {
    border: none;
}

.sidebar .note a.ico {
    width: 32px;
    height: 28px;
    display: inline-block;
    padding: 0
}

.sidebar .note .ico.edit {
    background-image: url(../img/sprite.png);
    background-position: 0 -400px;
    margin: 0 3px 0 0
}

.sidebar .note .ico.delete {
    background-image: url(../img/sprite.png);
    background-position: -50px -400px;
    float: right;
}

.sidebar .note h3 {
    line-height: 20px;
}

.sidebar > div {
    padding-bottom: 0;
    margin-bottom: 0;
}

.sidebar > div:last-child {
    border: none;
}

.flright {
    float: right;
}

.icon-plus, .icon-chevron-up, .icon-cancel {
    background: url(../img/sprite.png) 0 -50px;
    width: 19px;
    height: 18px;
    margin-left: 10px
}

.icon-plus {
    background: url(../img/sprite.png) 0 -50px;
    width: 10px;
    height: 10px;
    margin: 5px 5px 0 0
}

.icon-chevron-up {
    background-position: -50px -50px
}

.icon-cancel {
    background-position: -200px -50px;
    margin: 4px 0 0 10px
}

.icon-note-cancel {
    background: url(../img/sprite.png) -200px -50px;
    zoom: 0.7;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-left: 5px;
    display: inline-block
}

.icon-search {
    background: url(../img/sprite.png) -100px -50px;
    width: 35px;
    height: 30px;
}

.icon-add {
    background: url(../img/sprite.png) -250px -50px;
    width: 10px;
    height: 12px;
    display: inline-block
}

.icon-plus-big {
    background: url(../img/sprite.png) 0 -150px;
    width: 19px;
    height: 18px;
    margin: 4px 0 0 10px;
    display: inline-block
}

.icon-open {
    background: url(../img/sprite.png) -550px -100px;
    width: 23px;
    height: 23px;
    margin: 0 0 0 10px;
    display: inline-block
}

.icon-close {
    background: url(../img/sprite.png) -550px -150px;
    width: 23px;
    height: 23px;
    margin: 0 0 0 10px;
    display: inline-block
}

.edit-button {
    background: url(../img/sprite.png) -550px -200px;
    width: 18px;
    height: 22px;
    margin: 0 0 0 10px;
    display: inline-block
}

.edit-button:hover {
    background-position: -600px -200px;
}

.delete-button {
    background: url(../img/sprite.png) -550px -250px;
    width: 18px;
    height: 22px;
    margin: 0 0 0 10px;
    display: inline-block
}

.delete-button:hover {
    background-position: -600px -250px;
}

.blue-link-bold {
    color: #2a4f7f !important;
    font-weight: bold;
    font-size: 80%;
    position: absolute;
    top: 2px;
    right: 7px;
}

.reply-button {
    text-decoration: underline;
    color: #005b7f !important;
    font-weight: bold; /*position:absolute; bottom:0px; right:0px;*/
}

.navbar-form .btn {
    padding: 0 4px;
}

.pen {
    height: 23px;
    background: url(../img/pen.png) center right;
    margin: -20px 0 20px 0;
    max-width: 985px;
}

/* All Modals */
.modal p {
    font-size: 14px;
    margin-bottom: 30px
}

.modal label {
    font-size: 15px;
    margin-bottom: 0;
}

.modal-dialog {
    max-width: 600px;
    min-width: 360px;
    margin: 30px auto;
    width: 61%;
}

.modal-dialog[role=document] {
    max-width: 1000px;
    width: 90%;
    height: 90%;
}

.modal-content {
    background-color: #f4f4f4;
    padding: 5% 5%;
}

.modal-content .modal-footer .btn {
    background-color: #afafaf;
    color: #ffffff;
}

.modal-content .modal-footer .btn-primary {
    background: #7e4e7f;
}

/*.modal-content input[type=text]{
   width: 60%;
   border: 3px solid #efefef;
   border-radius: 3px;
   background: #ffffff;
}*/
/*.modal-content textarea{
   width: 100%;
}*/

.modal-header {
    border-bottom: none;
    width: 100%;
}

.modal-body {
    width: 100%;
}

.modal-body label {
    font-weight: 700;
}

/* Modal Forms */
/*.modal-body > .ajaxform > .form-group > input:not([type="hidden"]) {
    width: 60%;
    border: 3px solid #efefef;
    border-radius: 3px;
    background: #ffffff;
}
.modal-body > .ajaxform > .form-group > textarea:not([type="hidden"]) {
    width: 100%;
    background: #ffffff;
    border: 3px solid #efefef;
    border-radius: 3px;
    display: block;
}*/
.modal-form > .form-group > input:not([type="hidden"]) {
    width: 60%;
    border: 3px solid #efefef;
    border-radius: 3px;
    background: #ffffff;
}

.modal-form > .form-group > textarea:not([type="hidden"]) {
    width: 100%;
    background: #ffffff;
    border: 3px solid #efefef;
    border-radius: 3px;
    display: block;
}

.modal-form > .form-group > input:disabled {
    background-color: #f0f0f0;
    border: 1px solid #aaaaaa;
}

.modal-form > .form-group > textarea:disabled {
    background-color: #f0f0f0;
    border: 1px solid #aaaaaa;
}

.modal .table tr {
    background: #d5d2ca;
}

.modal .table th {
    background: #efede9;
}

.modal .table input[type=checkbox], .modal .table input[type=radio] {
    margin: -2px 10px 0 5px;
}

.modal.thanks {
    background: #7d9c3e;
}

.modal.thanks p, .modal.thanks h3, .modal.thanks a {
    color: #fff !important;
}

.modal.thanks a {
    text-decoration: underline;
}

.modal .close {
    position: absolute;
    right: 20px;
    top: 20px;
}

.sm-text.membership-balance {
    width: 110px;
}

.modal-membership-label {
    font-weight: 300 !important;
    min-width: 281px;
}

.close {
    width: 24px;
    height: 24px;
    background: url(../img/sprite.png) -150px -50px !important;
    display: inline-block;
}

.account-thanks p {
    font-size: 16px;
    margin: 35px 0;
}

.thanks .envelope {
    width: 160px;
    height: 80px;
    display: inline-block;
    background: url(../img/sprite.png) -300px -100px no-repeat;
    float: right;
    position: absolute;
    right: 80px;
    bottom: 40px
}

.modal .ico-help {
    width: 32px;
    height: 32px;
    background: url('../img/sprite.png') -500px -150px;
    display: inline-block;
    position: absolute;
    left: 20px;
}

.modal .popover-content {
    color: #222;
    font-size: 13px
}

/* Groups Content */
.sidebar h2 {
    margin: 0;
}

.group-profile .btn.teal {
    padding: 4px 35px
}

.group-profile .btn.blue {
    padding: 4px 15px
}

.group-profile {
    padding: 10px 0;
}

.sidebar.group {
    position: relative
}

.sidebar.group .dropdown {
    position: absolute;
    right: 0;
}

.sidebar .btn.btn-default {
    padding: 5px 15px;
    font-size: 17px;
    line-height: 24px;
}

.sidebar #message-button.btn.btn-default {
    padding: 5px 22px;
}

.group-profile-picture {
    width: 152px;
    height: 138px;
    background: url(../img/bg-group-profile-picture.png) 50% 50% no-repeat;
    display: inline-block;
    padding: 2px
}

.group-dashboard-avatar {
    width: 94px;
    height: 94px;
    background: url(../img/bg-group-profile-picture.png) 50% 50% no-repeat;
    background-size: 94px 94px;
    display: block;
}

.pro-group-avatar {
    display: block;
    width: 140px;
    height: 140px;
    background: url(../img/bg-group-profile-picture.png) 50% 100% no-repeat;
}

.tag {
    color: #FFF;
    background: #83a24c url(../img/bg-tag.png) center left no-repeat;
    padding: 6px 18px 6px 20px;
    position: relative;
    margin: 0 10px 0 0;
    display: inline-block;
}

.tag .close {
    width: 14px;
    height: 14px;
    background: url(../img/sprite.png) -150px -400px !important;
    display: inline-block;
    float: none;
    position: absolute;
    top: 2px;
    right: 2px;
}

.tag-container {
    background: #efede9;
    border-radius: 3px;
    display: block;
    padding: 10px
}

.inline input {
    display: inline-block !important;
}

h3.subt {
    font: bold 14px 'Open Sans';
    color: #65605F;
    margin-bottom: 0
}

#goals-container,
#how-to-container,
#description-container {
    margin-top: 15px;
}

#goals-container h3.subt,
#how-to-container h3.subt,
#description-container h3.subt {
    color: #333 !important;
}

.normal-text {
    font: 14px 'Open Sans';
    color: #222
}

.prefooter-one {
    background: url("../img/howItWorks-bg.png") #F4F3F0
}

.prefooter-two {
    background: url("../img/eightReasons-bg.png") #E3DFD2
}

.bottom-edge {
    height: 15px;
    background: #e2ded1 url(../img/bg-edge.png) 50% bottom repeat-x;
}

.bottom-edge-light {
    height: 15px;
    background: #f4f3f0 url(../img/bg-edge-light.png) 50% bottom repeat-x;
}

.bottom-edge-white {
    height: 15px;
    background: url(../img/bg-edge-white.png) 50% bottom repeat-x;
}

#id_sexual_content label, #id_violence label {
    text-align: left;
}

#id_sexual_content li, #id_violence li {
    list-style: none;
}

.word-count li {
    list-style: none;
}

.word-count input {
    margin-right: 5px;
}

textarea#id_goal {
    height: 40px;
}

/* Announcements */
.margin-annotator-container {
    height: 100%;
    min-height: 100%;
}

.text-and-annotations-wraper {
    margin-left: -100px;
    padding-left: 100px;
    padding-bottom: 100px;
    overflow: hidden;
}

.text-and-annotations-wraper.fixed {
    padding-bottom: 550px;
}

#announcement-table.table tr:hover {
    background: none !important;
}

#announcement-table.table-striped tbody > tr:nth-child(1n):hover > td {
    background: none !important;
}

.modal_table_submit_doc td {
    vertical-align: middle !important;
}

#createNewAnnouncement textarea {
    height: 186px;
}

/* Group admin table save and cancel buttons */
td .btn {
    background: #7e4e7f;
    text-decoration: none;
    color: #ffffff;
    text-shadow: none;
}

.btn-sm {
    background-color: #97bab0;
    color: #ffffff;
    padding: 5px 10px;
    border-radius: 3px;
}

.critique .btn {
    border: none;
    color: #fff;
    margin-right: 10px;
    padding: 4px 20px;
}

.critique {
    padding-left: 50px !important;
    color: #333;
}

.critique.critique-line {
    padding-right: 50px !important;
}

.critique .italic {
    font: italic 14px 'Lato'
}

tr:hover td {
    background: #ebebeb;
}

td .btn.green {
    background: #83a24c;
    color: #fff;
}

/* Reset Password Screens */
.reset-password {
    margin-top: 40px;
}

.reset-password p {
    font-size: 14px;
}

.reset-password .checkbox label {
    display: inline;
    margin-right: 30px;
}

.reset-password form {
    margin-bottom: 15px;
}

/* END Reset Password Screens */

.note .sub-title {
    line-height: 12px;
}

/* User Account */
#account-edit input[type='checkbox'] {
    margin: 4px 10px 0 0;
}

/* END User Account */
/*Profile view*/
.profile-view .col-md-8 h1 {
    font-family: "Lato", Helvetica, Arial, sans-serif;
    font-size: 26px;
}

.profile-view .searching-group-status {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 15px;
    display: inline;
    font-style: italic;
    color: #828282;
}

.profile-view .col-md-8 h3 {
    color: #000000;
}

.profile-view .col-md-8 p {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    line-height: 25px;
}

/* User profile */
.profile-edit .row {
    padding: 0 0 25px 0
}

.profile-edit .row div.col-md-9 div.col-md-5 {
    padding-bottom: 0;
}

.profile-edit h4 {
    text-align: right;
}

.profile-edit .row.simple {
    padding: 0
}

.profile-edit label.title {
    text-align: right;
    color: #432038;
    font-size: 21px;
}

.profile-edit label {
    color: #000000;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.profile-edit p.field-description {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 15px;
    line-height: 21px;
}

.profile-edit div.char-count {
    float: right;
}

.profile-edit i {
    text-align: right;
    float: right;
}

.profile-edit ul {
    padding: 0;
    margin: 0;
}

.profile-edit li input[type=text] {
    margin: 0 0 0 30px
}

.profile-edit input[type=url],
.profile-edit input[type=text],
.profile-edit input[type=search],
.profile-edit input[type=number],
.profile-edit input[type=password],
.profile-edit input[type=email],
.message-compose input[type=text],
.message-compose textarea {
    width: 100%;
    height: 30px;
    background: #ebebeb;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    display: block;
    margin-bottom: 10px;
}

.profile-edit textarea {
    height: 5em;
    width: 100%;
    background: #ebebeb;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    display: block;
    margin-bottom: 10px;

}

/*.inline-form-input {*/
/*width: 100% !important;*/
/*}*/

.inline-form-input {
    width: 100% !important;
}

.profile-edit textarea {
    height: 5em;
    width: 100%;
    background: #ebebeb;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    display: block;
    margin-bottom: 10px;

}

/*.inline-form-input {*/
/*width: 100% !important;*/
/*}*/

.inline-form-input {
    width: 100% !important;
}

.profile-edit select, .set-genre-signup select {
    height: 30px;
    background: #ebebeb;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    display: block;
    margin-bottom: 10px;
}

.set-genre-signup select {
    width: 100%;
}


.profile-edit .input-prepend input[type=text], .profile-edit input[class=formset] {
    display: inline-block;
}

/*.profile-edit .profile-picture { width:135px; height:138px; background:url(../img/bg-profile-picture.png) 50% 50% no-repeat; display:inline-block; border:1px solid #666666; padding:2px }*/
.profile-edit .input-append, .input-prepend {
    margin-bottom: 0;
}

.profile-edit #id_max_words {
    background: white;
}

.profile-edit .custom-checkbox li {
    list-style: None;
    margin-bottom: 0px;
}

.profile-edit .custom-checkbox label {
    font-weight: normal;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 15px;
}

ul.organizations p {
    margin-bottom: 4px;
    line-height: 18px;
}

ul.organizations li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.edit-link {
    font: 400 16px 'Open Sans';
    text-decoration: underline;
}

.profile-edit .profile-picture {
    width: 135px;
    height: 138px;
    display: inline-block;
    border: 1px solid #666666;
    padding: 2px
}

.profile-edit-indent {
    padding-left: 24px;
}

.profile-edit .ico-help {
    width: 32px;
    height: 32px;
    background: url('../img/sprite.png') -500px -150px;
    display: inline-block;
    position: relative;
    right: 0;
}

.profile-edit span.select2-container {
    width: 100% !important;
}

.profile-edit span.select2-selection {
    height: 100%;
    background: #ebebeb;
    border-color: #ebebeb !important;
}

.profile-edit .personal-information input {
    margin-bottom: 0px;
}

.publications-list li {
    width: 45%;
    margin-top: 0px;
    margin-right: 15px;
    display: inline-block !important;
}


.publications-list li h4 {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #333;
    margin-top: 0px;
}

.publications-list a {
    color: #005b7f;
}

.publications-list img {
    float: right;
}

.publications-list li p {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 15px;
}

.publication-image-preview {
    height: 100px;
    width: auto;
    padding-left: 50px;
    padding-bottom: 10px;
}

.list-tags li {
    color: #555555;
    background: #e4edf1;
    border-left: 2px solid #005b7f;
    padding: 2px 6px 2px 6px;
    position: relative;
    margin: 5px 10px 5px 0;
    display: inline-block;
}

.organizations a {
    color: #571a56;
    text-decoration: underline
}

.social {
    width: 57px;
    height: 57px;
    display: inline-block;
    margin: 0 5px 5px 0;
    background: url(../img/sprite.png) 0 -200px;
}

.social.ico-fb {
    background-position: 0 -200px;
}

.social.ico-fb:hover {
    background-position: 0 -300px;
}

.social.ico-tw {
    background-position: -100px -200px;
}

.social.ico-tw:hover {
    background-position: -100px -300px;
}

.social.ico-gr {
    background-position: -200px -200px;
}

.social.ico-gr:hover {
    background-position: -200px -300px;
}

.social.ico-ig {
    background-position: -300px -200px;
}

.social.ico-ig:hover {
    background-position: -300px -300px;
}

.social.ico-li {
    background-position: -400px -200px;
}

.social.ico-li:hover {
    background-position: -400px -300px;
}

.styledCheckbox {
    display: inline-block;
    margin: 8px 5px -6px 0
}

.message {
    background: #d5d2ca;
    padding: 30px;
    border: 1px solid #333
}

.blue-text {
    color: #005b7f !important;
    font-weight: bold
}

.purple-text {
    color: #7e4e7f !important;
    font-weight: bold
}

.bold {
    font-weight: bold;
}

.group-item h3 {
    color: #432038
}

.group-item img {
    border: 1px solid #333
}

.meta-data {
    font: 14px 'Open Sans';
}

.members-list-container {
    margin-top: 0;
}

.group-members-list {
    margin: 0 !important;
    padding: 0 !important
}

.group-members-list li {
    list-style: none;
    width: 48%;
    display: inline-block;
    min-height: 60px;
    margin-bottom: 5px;
    text-align: center;
    vertical-align: top;
}

.group-members-list li p, .group-members-list li a {
    font-size: 12px;
    line-height: 13px;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

.group-members-list li h4 {
    margin: 0;
    font-weight: normal;
    line-height: 5px
}

.group-members-list li a {
    color: #51235e;
}

.group-members-list li img {
    display: inline-block;
    margin-bottom: 8px;
    width: 90px;
    height: 90px;
}

.group-members-list.public #groupMembersList {
    margin: 0;
    padding-left: 0;
}

.group-members-list.public li.item {
    border: 2px solid #efefef;
    padding: 6px;
    text-align: left;
    border-radius: 3px;
}

.group-members-list.public li img {
    display: inline-block;
    width: 69px;
    height: 69px;
    margin-bottom: 0;
}

.group-members-list.public h2 {
    font-size: 36px;
}

.group .ico-help {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url('../img/sprite.png') -500px -150px;
    margin-bottom: -5px
}

.group h1 {
    font: 700 26px 'Lato';
}

/* share files popup */
.share-files {
    background: #FFF
}

.share-files h3 {
    font: bold 27px 'Lato' !important;
    font-style: italic !important;
    color: #0a5c7d !important;
}

.share-files table td {
    background: #FFF;
    border: none;
}

#files p {
    width: 75%;
}

.share-files table a {
    color: #0a5c7d
}

.share-files table a.bold {
    font-weight: bold
}

.share-files .upload {
    position: absolute;
    right: 30px;
    top: 20px;
    background: #5f8b80;
    font-size: 14px;
    padding: 4px 20px;
}

/* Sign up */
.sign-up {
    display: block;
    border: 2px solid #efefef;
    padding: 50px;
    position: relative;
    margin-bottom: 10px;
}

.sign-up h1 {
    font: bold 27px 'Open Sans';
    color: #222;
}

.sign-up h2 {
    font: bold 18px 'Open Sans';
    color: #222;
}

.sign-up h3 {
    font: bold 18px 'Open Sans';
    color: #154f66;
}

.sign-up input[type=text], .sign-up input[type=password], .sign-up input[type=email] {
    background: #ffffff;
}

#id_new_password1, #id_new_password2 {
    border: 2px solid #efefef;
    border-radius: 3px;
    margin-left: 10px;
    margin-bottom: 15px;
}

.sign-up .plan {
    border: 6px solid #efede9;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 280px;
    display: inline-block;
    text-align: center;
    padding: 10px 5px 5px;
    position: relative
}

.sign-up .plan:hover, .sign-up .plan:focus, .sign-up .plan.selected {
    text-decoration: none;
    border-color: #154f66;
}

.sign-up .plan h4 {
    font: bold 18px 'Open Sans';
    color: #222;
}

.sign-up .plan p {
    color: #222;
}

.sign-up .plan .amount {
    border-top: 6px solid #efede9;
    color: #333 !important;
    /*font: bold 18px 'Open Sans';*/
    font-weight: bold;
    padding: 10px 0 0 0
}

body > div.container > div > div > a.plan > div.second-line > div {
    font-size: 15px !important;
    font-weight: normal !important;
}

.sign-up .plan:hover .amount, .sign-up .plan:focus .amount, .sign-up .plan.selected .amount {
    border-color: #154f66;
}

.sign-up .plan .ico-selected {
    width: 24px;
    height: 24px;
    display: none;
    background: url('../img/sprite.png') -500px -100px;
}

.sign-up .plan.selected .ico-selected {
    display: inline-block !important;
    position: absolute;
    top: -15px;
    left: 110px;
}

.sign-up .plan div {
    color: #000000 !important;
}

#pricing > div > div > div > div.pricing > div > a > div,
body > div.container > div > div > a.plan > div > div.price,
body > div.container > div > div > a.plan > div > div > div.price {
    font-family: 'Open Sans';
    font-weight: bold;
    font-size: 18px;
    display: inline-block !important;
}

body > div.container > div > div > a.plan > div > div.old_price,
body > div.container > div > div > a.plan > div > div > div.old_price {
    font-family: 'Open Sans';
    /*font-weight: bold;*/
    font-size: 18px;
    display: inline-block !important;
    text-decoration: line-through;
    color: #8b8b8b !important;
}

.sign-up .legal-terms {
    margin: 20px 0
}

.sign-up .legal-terms {
    font-size: 12px !important;
}

.sign-up .ico-help {
    width: 24px;
    height: 24px;
    display: inline-block;
    position: absolute;
    left: 15px;
    margin-top: 2px;
    background: url('../img/sprite.png') -500px -150px;
}

.sign-up .select-plan {
    padding: 30px 0
}

.tooltip {
    font-size: 11px;
    line-height: 1.2;
}

.tooltip-inner {
    background: #571a56
}

.container.group-view .tooltip .tooltip-inner {
    width: 200px;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #571a56;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #571a56;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #571a56;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #571a56;
}

/* Critique */
.annotator-adder, .annotator-outer, .annotator-widget, .annotator-notice {
    border-color: #999 !important;
}

.annotator-user {
    font-weight: bold !important;
    color: #432038 !important;
}

.annotator-editor .annotator-item, .annotator-viewer div {
    border: none !important;
}

.annotator-viewer div:first-of-type, .annotator-editor .annotator-item:first-child textarea {
    font-style: normal;
}

.annotator-editor .annotator-item:first-child textarea {
    max-height: 500px;
    max-width: 500px;
}

.annotated_content p {
    white-space:pre-wrap;
}

#annotated_content .annotator-hl {
    background: rgba(134, 93, 133, 0.4);
    display: inline;
    color: #222;
}

#annotated_content .annotator-editor a,
#annotated_content .annotator-filter .annotator-filter-property label {
    background-color: #83A24C;
    background-image: none;
    border: none;
    border-radius: 5px;
    box-shadow: none;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    line-height: 24px;
    padding: 0 20px;
    position: relative;
    text-decoration: none;
    text-shadow: none;
    border-color: #222;
}

#annotated_content .annotator-editor a:hover,
#annotated_content .annotator-editor a:focus,
#annotated_content .annotator-filter .annotator-filter-active label,
#annotated_content .annotator-filter .annotator-filter-navigation button:hover {
    background-color: #432038;
    background-image: none;
    text-shadow: none;
    border-color: #222;
}

#annotated_content .annotator-cancel {
    background: #d5d2ca !important;
    background-image: none;
    color: #222 !important;
    float: right;
    margin-left: 5px;
}

#annotated_content .annotator-cancel:hover {
    background: #432038 !important;
    color: #fff !important
}

#annotated_content .annotator-save {
    background-image: none;
}

#annotated_content .annotator-filter,
#annotated_content .annotator-filter .annotator-filter-navigation button,
#annotated_content .annotator-editor .annotator-controls {
    background: #FFF;
}

#annotated_content .annotator-editor a.annotator-save:hover::after,
#annotated_content .annotator-editor a.annotator-save:focus::after,
#annotated_content .annotator-editor a.annotator-save.annotator-focus::after {
    background: none;
}

#annotated_content .annotator-editor a::after {
    background: none;
}

.annotator-adder {
    background-image: url('images/index.png') !important;
    background-repeat: no-repeat
}

.annotator-editor .annotator-item input, .annotator-editor .annotator-item textarea {
    background: #FFF !important
}

.annotator-widget::after {
    left: 50% !important;
    margin-left: -7px !important;
}

form.annotator-widget, ul.annotator-widget.annotator-listing {
    margin-left: -118px;
}

.meta p {
    margin-bottom: 1px
}

.icon-printer {
    width: 40px;
    height: 33px;
    background: url('../img/sprite.png') -500px -200px;
    display: inline-block;
}

.txt-container {
    border: 1px solid #ccc;
    padding: 40px;
    word-wrap: break-word;
}

.txt-container h1 {
    font-size: 22px;
    margin: 0;
    line-height: 24px;
}

.txt-container .author {
    font-size: 16px;
    margin-top: 0
}

.txt-small {
    font-size: 13px;
}

.critique-view.comments {
    background: #efefef;
    padding: 10px 0 10px 0;
    margin: 40px 0 0 0
}

.critique-view.comments.fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
}

.critique-view.comments .split_button {
    float: right;
    margin-right: 15px;
    margin-top: -8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 20px;
    overflow: hidden;
    cursor: hand;
    background: url('../img/screen-split.png') no-repeat scroll 50% 50% / 80% auto;
    height: 45px;
    width: 45px;
}

.critique-view.comments .split_button.split {
    background-image: url('../img/screen-join.png');
}

#critique_form #cke_id_contents {
    overflow: auto !important;
}

#comment-list {
    margin-left: 80px;
}

#comment-list .comment {
    position: relative;
    margin-top: 10px;
}

#comment-list .comment.sub-comment {
    margin: 0;
    display: none;
}

#comment-list .comment .content {
    position: relative;
    padding: 10px;
    border: 1px solid rgba(212, 211, 202, 0.5);
}

#comment-list .comment:last-child .content {
    border-top: 1px solid rgba(212, 211, 202, 0.5);
}

#comment-list .comment.sub-comment .content {
    padding-left: 80px;
    /**    background: rgba(212, 211, 202, 0.5);*/
    border: none;
    border-bottom: 1px solid rgba(212, 211, 202, .5);
}

#comment-list .comment.sub-comment.second-level .content {
    padding-left: 160px;
}

#comment-list .comment .content .name {
    font-weight: bold;
}

#comment-list .comment .content .name.reply-name {
    opacity: .7;
}

#comment-list .comment .toggle-replies {
    cursor: pointer;
    background: #efefef;
    padding: 5px;
    text-align: right;
    text-decoration: underline;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
}

#comment-list .comment .content .reply-icon {
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    width: 12px;
    height: 14px;
    background-image: url('../img/reply.png');
    background-size: 100% 100%;
}

#comment-list .comment .content .comment-line {
    padding-right: 20px;
}

#comment-list .comment .content .name, #comment-list .comment .content p, #comment-list .comment .content span {
    display: inline;
    vertical-align: top;
    margin: 0;
    font-size: 13px;
    line-height: 24px;
}

#comment-list .comment .content .btn {
    padding: 1px 7px;
    margin-left: 5px;
    font-size: 11px;
    line-height: 18px;
}

#comment-list .comment .content .delete-holder {
    position: absolute;
    bottom: -3px;
    right: 7px;
}

#comment-list .comment .content .delete-holder .delete-button {
    margin: 0;
}

#comment-list .comment .date-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -80px;
    width: 60px;
    margin: 0 10px;
}

#comment-list .comment.sub-comment .date-container {
    left: 0;
}

#comment-list .comment.sub-comment.second-level .date-container {
    left: 80px;
}

#comment-list .comment .date-container .centered-table {
    display: table;
    width: 100%;
    height: 100%;
}

#comment-list .comment .date-container .centered-table .cell {
    display: table-cell;
    vertical-align: middle;
}

#comment-list .comment .date-container .date {
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    font-weight: bold;
    margin-bottom: 4px;
}

#comment-list .comment .date-container .new-replies {
    font-size: 9px;
    line-height: 9px;
    text-align: center;
    background: #cec4cd;
    color: #3f1341;
    border-radius: 3px;
    padding: 4px;
    font-weight: bold;
}

.group-view .heading-container {
    position: relative;
    z-index: 100;
}

.group-view .heading-container .options-toggle {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 5px 0;
    cursor: pointer;
}

.group-view .heading-container .options-toggle .text {
    display: inline-block;
    vertical-align: top;
    color: #154f66;
    text-decoration: underline;
    text-transform: none;
    margin-right: 5px;
    font-size: 15px;
    line-height: 22px;
}

.group-view .heading-container .options-toggle .plus-icon {
    display: inline-block;
    vertical-align: top;
    background: url(../img/sprite.png) no-repeat -550px -100px;
    width: 23px;
    height: 23px;
}

.group-view .heading-container .options-toggle .overflow-container {
    display: none;
    position: absolute;
    right: 0;
    width: 210px;
}

.group-view .heading-container .options-toggle .overflow-container .content {
    background: rgba(212, 211, 202, 1);
    padding: 10px;
    margin-top: 10px;
    border-radius: 3px;
    text-align: right;
}

.group-view .heading-container .options-toggle:hover .overflow-container {
    display: block;
}

.group-view .heading-container .options-toggle .overflow-container .subtext {
    font-size: 12px;
    line-height: 14px;
    text-align: right;
    font-style: italic;
    margin-bottom: 5px;
}

.group-view #comments-form .textarea-holder, .media.comment .textarea-holder {
    border: 2px solid #efefef !important;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 10px;
}

.group-view #comments-form textarea, .media.comment .textarea {
    display: block;
    width: 100%;
    padding: 0;
    border: none;
}

#id_critique_estimate, #id_max_words, #id_critique_time_window, #id_review_time_window, #id_min_size, #id_max_size, #id_min_critique_words {
    width: 60px;
    padding-right: 2px;
    margin-right: 4px;
}

.tag-box ul.select2-selection__rendered {
    background: #efede9;
    border: none;
    border-radius: 4px;
}

span.select2-container .select2-selection__rendered .select2-selection__choice {
    color: #efede9 !important;
    background: #005b7f !important;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

span.select2-container .select2-selection__rendered .select2-selection__choice__remove > btn {
    color: #efede9;
    background: #005b7f !important;
    text-transform: uppercase;
    font-size: 20px;
    position: relative;
    top: 2px;
}

label.checkBox {
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: inline;
    margin: 8px 5px -6px 0;
}

textarea[name=bio] {
    height: 6em;
}

textarea[name=experience] {
    height: 6em;
}

textarea[name=description] {
    height: 3em;
}

textarea[name=submission_schedule], textarea[name=inactivity_policy] {
    height: 3em;
}

textarea[class='quote col-md-12'] {
    height: 3em;
}

span.add-on {
    position: absolute;
    top: 0;
    right: 0;
    background: url('../img/chosen-sprite.png') -2px 5px no-repeat;
    background-color: #432038 !important;
}

div.date {
    position: relative;
}

.icon-th {
    /*background: url('../img/chosen-sprite.png') -2px 5px no-repeat;*/
    background-color: #432038;
    background: none;
}

div.quote {
    display: inline-block;
}

#id_contents.document {
    width: 90%;
    height: 270px;
}

#id_contents.note {
    width: 650px;
}

#notes_title img {
    width: 20px;
    margin-left: 20%;
}

.notes-section {
    margin-bottom: 20px;
}

.note-date {
    margin-top: -20px;
    margin-bottom: 10px;
}

textarea.invitemembers {
    width: 650px;
    height: 270px;
}

.comments textarea[name=contents] {
    height: 7em;
    width: 780px;
}

img.small-profile-picture {
    height: 24px;
    margin-right: 10px;
}

#id_username.login, #id_password.login, .reset-password input[type=email], .sign-up input[type=text], .sign-up input[type=password], .sign-up input[type=email] {
    width: 100%;
    height: 30px;
    margin-bottom: 10px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    display: block;
    float: none;
}

#keepLoggedIn {
    float: left;
    margin-left: 10px;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: relative;
}

.btn.submit-document {
    float: right;
}

.return-to-group {
    float: right;
    margin-top: 10px;
    background-color: grey;
}

/* New document */
.group-view .modal .modal-body .qq-upload-button {
    text-decoration: none;
    background: #83a24c;
    top: -35px;
}

.group-view .modal .modal-body #document-uploader {
    margin-bottom: -25px !important;
}

.tab-pane #document-uploader {
    margin-top: 10px;
}

.group-view .modal .modal-body #table-container {
    overflow-y: auto;
    max-height: 300px;
    min-width: 100%;
}

.group-view .modal .modal-body #table-container table {
    margin-bottom: 0;
}

.group-view .modal .modal-body .qq-upload-list {
    display: none;
}

.qq-upload-fail .qq-upload-failed-text {
    font-weight: 800;
    color: #FF0000;
    display: inline-block !important;
}

.group-view .spinner-container {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
}

/* END New Document */

#document-uploader ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.errorlist {
    list-style: none;
    margin: 0;
    padding: 0;
}

.errorlist li {
    color: #ff0000;
}

.critique-container .due-date {
    display: none;
}

.critique-container .col-md-8 {
    width: 650px !important;
    float: left;
}

.critique-container .col-md-3 {
    margin-left: -15px;
    width: 240px !important;
    float: left;
}

@media (min-width: 768px){
    .critique-container{
        width: 750px;
    }
}
@media (min-width: 992px){
    .critique-container{
        width: 970px;
    }
}

/* Comments */
#id_honeypot {
    display: none;
}

.comment-wrapper {
    word-wrap: break-word;
}

#comments-form textarea {
    width: 100%;
}

.all-critiques-container .annotated_content {
    margin-top: 30px;
}

.annotated_content {
    font-family: 'Open Sans' !important;
    color: #222222 !important;
    font-weight: normal;
    font-style: normal !important;
}

.annotated_content h1 {
    color: #222222 !important;
    font-size: 22px !important;
    font-family: 'Open Sans' !important;
    font-weight: normal;
    font-style: normal !important;
}

.annotated_content h2 {
    color: #222222 !important;
    font-size: 20px !important;
    font-family: 'Open Sans' !important;
    font-weight: normal;
    font-style: normal !important;
}

.annotated_content h3 {
    color: #222222 !important;
    font-size: 18px !important;
    font-family: 'Open Sans' !important;
    font-weight: normal;
    font-style: normal !important;
}

.annotated_content h4 {
    color: #222222 !important;
    font-size: 16px !important;
    font-family: 'Open Sans' !important;
    font-weight: normal;
    font-style: normal !important;
}

.annotated_content p,
.annotated_content span{
    color: #222222 !important;
    font-size: 14px !important;
    font-family: 'Open Sans' !important;
    font-weight: normal !important;
    font-style: normal;
    margin-bottom: 12px !important;
}

/* Marginviewer */
.editors-tab {
    margin-left: 12px;
    z-index: 50;
    position: absolute;
    background: #ffffff;
    padding: 0 0 5px 10px;
    width: 200px;
}

.editors-cointainer {
    padding: 10px 0 0 0;
}

ul.multiselect-container.dropdown-menu {
    width: 100%;
    font-size: 12px;
    line-height: 14px;
    font-family: Arial, Helvetica, sans;
    color: #333;
}

.editors-cointainer .dropdown-menu .active a, .editors-cointainer .dropdown-menu .active a:hover, .editors-cointainer .dropdown-menu .active a:focus {
    background: #cfcfcf none;
}

#dashboard .container.dashboard .row h1 {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 32px;
    line-height: 34px;
    color: #663366;
}

#dashboard .container.dashboard .row h1 a {
    text-decoration: none;
    color: #663366;
}

#dashboard .container.dashboard .row h2 {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 24px;
    color: #6f6867;
    line-height: 34px;
}

#dashboard .container.dashboard .row h2.dashboard-group-name {
    color: #663366;
    font-size: 18px;
    font-style: italic;
}

#dashboard .container.dashboard .row h3 {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: 20px;
    line-height: 30px;
    color: #333333;
}

#dashboard .container.dashboard .row h4 {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    color: #707070;
    line-height: 30px;
    font-weight: bold;
}

#dashboard .container.dashboard .row h4 a {
    text-decoration: none;
    color: #707070;
}

/*#dashboard .container.dashboard .row h5 {
    font-family: 'Lato';
    font-size: 20px;
    color: #333333;
    line-height: 24px;
    font-weight: bold;
}*/
.dashboard .ico-help {
    width: 32px;
    height: 32px;
    background: url('../img/sprite.png') -500px -150px;
    display: inline-block;
    position: relative;
    right: 0;
}

.dashboard .nav {
    margin-bottom: 0;
}

.dashboard .accordion {
    margin-bottom: 40px;
}

.dashboard .accordion-heading {
    background: none;
    border-bottom: solid 2px #efefef;
}

.dashboard .accordion-heading a {
    color: #005b7f;
}

.dashboard .table th, .dashboard .table td {
    border-bottom: solid 2px #efefef;
}

.alert-success {
    background-color: #83a24c;
    border-color: #83a24c;
    color: white;
    text-shadow: none;
}

.alert-success a {
    color: white;
    font-weight: bold;
}

.alert-error {
    background-color: #e90021;
    border-color: #e90021;
    color: white;
    text-shadow: none;
}

.alert-error a {
    color: white;
    font-weight: bold;
}

.user-invite li {
    list-style: none;
}

.pagination li {
    display: inline;
    list-style-type: none;
}

.pagination li a {
    margin-top: -6px;
    padding-left: 10px;
    line-height: 24px;
    color: #7e4e7f;
}

.pagination li a:focus,
.pagination li a:hover,
.pagination li span:focus,
.pagination li span:hover {
    color: #7e4e7f;
}

.pagination .active a,
.pagination .active a:focus,
.pagination .active a:hover,
.pagination .active span,
.pagination .active span:focus,
.pagination .active span:hover {
    background-color: #7e4e7f;
    border-color: #7e4e7f;
}

.group-view h1 a {
    color: #7e4e7f;
}

.group-view #id_comment {
    height: 30px;
}

#submissions {
    margin-top: 20px
}

#submissions h2 {
    margin-top: -3px;
    margin-bottom: 30px;
}

#submissions p {
    padding: 0 0 10px 20px;
    font-size: 13px;
}

#settings li {
    padding: 0 0 10px 20px;
    font-size: 13px;
}

#settings li:first-child {
    margin-top: 28px;
}

#settings li:last-child {
    margin-bottom: 46px;
}

#settings .tooltip-inner, .public .tooltip-inner {
    max-width: 300px;
}

/* dashboard */
.dashboard-group-name {
    display: block;
    white-space: nowrap;
    /*width: 12em; 
    overflow: hidden;*/
    text-overflow: ellipsis;
}

.project-option a {
    margin-left: 16px;
}

.projects-list .project {
    width: 46%;
    display: inline-block;
    border: 2px solid #efefef;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    vertical-align: top;
    margin: 5px
}

/*.projects-list .project:first-child { margin-right:10px }*/
.projects-list .project-container {
    padding: 18px 15px 10px 15px
}

.projects-list .project h2 {
    font: bold 18px 'Lato';
    font-style: italic;
    color: #7f4c76;
    margin-bottom: 10px;
}

.projects-list .project a {
    text-decoration: none;
}

.projects-list .project h5 {
    font: bold 12px 'Lato';
    font-style: italic;
    color: #333;
    margin: 0
}

.project ul.notifications {
    list-style-position: outside;
    list-style-image: url('../img/bullet.png');
    color: #432038;
    font-size: 11px;
    margin: 0 0 0 0 !important;
    padding-left: 16px;
}

.project .credits {
    color: #55415d;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    float: none;
    width: 96px;
    white-space: nowrap;
    overflow: visible;
}

.project .avatar {
    border: none;
    width: 94px;
    height: 94px;
    display: block;
}

.project .description {
    padding: 5px 0 0 5px;
    word-wrap: break-word;
    height: 96px;
    overflow: hidden
}

.project.invite {
    background: #ebebeb;
    text-align: center;
    color: #c9c9c9;
    padding: 5px;
}

.project.invite h2 {
    color: #333 !important;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
    padding: 7px 0;
    margin-bottom: 15px
}

.project.invite .intro {
    color: #333;
    font: bold 18px 'Lato';
}

.project.invite a {
    text-decoration: none;
}

.project.invite .btn-container {
    margin-top: 15px;
}

.button-container a {
    color: #ffffff;
}

#add_project_button a {
    background-color: #7f4c76;
    border-radius: 4px;
    padding: 4px 20px;
    text-transform: none;
    font-weight: normal;
    font-size: 14px;
    font-family: 'Open Sans';
}

.small_h1 {
    font-size: 30px;
}

p.login_dont_have_account {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

#id_coupon {
    float: left;
    width: 353px;
}

.invite_by .select2-container .select2-choice {
    height: 30px;
}

.invite_by .select2-container {
    min-width: 353px;
}

.terms_label {
    font-weight: normal;
}

.small_spinner_container {
    display: inline;
    margin: 5px 0 0 5px;
    position: absolute;
}

@media (max-width: 800px) {
    .annotator-marginviewer-date {
        display: none;
    }
}

#payment-form {
    display: none;
}

#cc_exp_year {
    width: 60px !important;
}


#payment-form input {
    display: inline;
    width: auto;
    text-align: center;
}

#cc_exp_mon, #cc_exp_year {
    text-align: center;
}

#cancel_cc {
    margin-left: 15px;
}

.payment-errors {
    color: red;
}

.message-compose {
    width: 580px;
}

.message-compose input[type=submit] {
    float: right;
}

.message-compose input[type=text], .message-compose textarea {
    background: #ebebeb;
    display: block;
    width: 500px;
}

.message-compose td {
    padding-left: 5px;
}

.message-compose textarea {
    height: 300px;
}

.message-compose .select2-container {
    margin-top: 15px;
    margin-bottom: 10px;
}

.messages.table th {
    background: none !important;
    color: #663366;
    text-transform: uppercase;
    font-size: 18px;
    border-bottom: solid 1px #663366;
}

.messages.table td {
    background: none !important;
    border-bottom: solid 1px #ebebeb;
}

.messages.table td a {
    text-decoration: none;
}

.messages .table.trash tr {
    cursor: default;
}

.messages .table thead tr:hover {
    background: none !important;
}

.messages .table tr.read:hover, .table-striped tbody > tr.read:nth-child(1n):hover > td {
    background-color: #ebebeb !important;
}

.messages .table tr.new {
    font-weight: bold;
    background-color: rgba(32, 133, 141, 0.2);
}

.messages .table tr.new:hover, .table-striped tbody > tr.new:nth-child(1n):hover > td {
    background-color: rgba(32, 133, 141, 0.5);
}

.view-message {
    border: solid 2px #ebebeb;
    border-radius: 5px;
    padding-left: 10px;
    margin: 20px 0 15px 0;
}

.view-message table {
    margin-top: 10px;
}

.view-message .line {
    margin: 0 !important;
    width: 99%;
}

.view-message-actions-long-message {
    margin: 0 5% 1% 0;
}

.view-message-actions img {
    width: 18px;
    margin: 0 0 0 20px;
}

.messages img {
    width: 25px;
}

.message-label {
    height: 32px;
}

.view-message td.pad {
    padding-left: 10px;
}

.message-headers tr:hover td {
    background: none;
}

#critique-panel table {
    table-layout: fixed;
}

#critique-panel table th, #critique-panel table td {
    font-size: 11.5px;
}

#critique-panel table td .btn {
    font-size: 11.5px;
    padding: 4px 10px;
}

#critique-panel table td .critique-icon {
    background-image: url('../img/glasses.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 29px;
}

#critique-panel table td a.cutoff {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#critique-panel table th {
    background-color: rgba(91, 58, 85, 0.3) !important;
    color: #432038;
    text-transform: uppercase;
    border-bottom: solid 1px #330033;
}

#critique-panel table td {
    background: #ffffff;
    border-bottom: 2px solid #efefef;
    vertical-align: middle;
}

#critique-panel table td.purple-row {
    background: #cec4cc;
    border: none;
}

.group-view .sidebar {
    background-color: #f7f7f7;
}

.group-view .sidebar.public {
    background: none;
}

.group-view .group-picture {
    width: 195px;
    height: 195px;
}

.group-view .sidebar.group .dropdown {
    margin: 4px 0;
}

.messages .sidebar ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.group-view .group-profile .btn.teal {
    margin-left: 12px;
    padding: 4px 20px;
}

.group-view #group-list h2 {
    margin-left: 12px;
}

.group-view #groupMembersList {
    margin: 10px 0 0 0 !important;
}

.group-view #files-container {
    margin: 0 0 20px 12px;
}

/* New Resources Page */
.picture {
    background-color: #DDD;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.resources-view h1 {
    margin-bottom: 15px;
}

.resources-view .top-container {
    background: #ebebeb;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 30px;
}

.resources-view .top-container .title {
    padding: 5px 15px;
    background: #7e4e7f;
}

.resources-view .top-container .title h2 {
    color: #FFF;
}

.resources-view .top-container .left-text {

}

.resources-view .top-container .left-text .subtitle {
    margin: 15px;
    margin-bottom: 10px;
}

.resources-view .top-container .left-text .subtitle h4 {
    font-size: 18px;
    line-height: 25px;
}

.resources-view .top-container .left-text .top-item {
    padding: 0 5px;
}

.resources-view .top-container .left-text .top-item h5,
.resources-view .top-container .left-text .top-item p,
.resources-view .top-container .left-text .top-item .container-icon {
    text-align: left;
}

.resources-view .top-container .left-text .top-item .container-icon {
    padding: 0 15px;
}

.resources-view .top-container .left-text > .text {
    margin: 15px;
    padding: 15px 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid gainsboro;
    border-top: 1px solid gainsboro;
}

.resources-view .top-container .left-text > .text div {
    font-size: 14px;
    line-height: 23px;
    color: #333;
    margin-bottom: 10px;
    font-style: italic;
}

.resources-view .top-container .right-text .picture {
    height: 195px;
    margin: 15px 0;
    border-radius: 4px;
}

.resources-view .user-container {
    margin: 20px;
    margin-left: 0;
    margin-bottom: 0;
    background: #FFF;
    border-radius: 4px;
    overflow: hidden;
    padding: 15px;
    min-height: 204px;
}

.resources-view .user-container .top-info {
    font-size: 0;
    margin-bottom: 10px;
}

.resources-view .user-container .top-info > div {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

.resources-view .user-container .top-info .picture {
    height: 80px;
}

.resources-view .user-container .top-info .info .name {
    border-top: 1px solid gainsboro;
    border-bottom: 1px solid gainsboro;
    padding: 7px 5px;
    color: #333;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 14px;
    margin-left: 10px;
    font-weight: 700;
}

.resources-view .user-container .top-info .info .website {
    font-size: 11px;
    line-height: 12px;
    padding-left: 15px;
}

.resources-view .user-container .top-info .info .website a {
    text-decoration: none;
}

.resources-view .user-container .text {
    font-size: 10px;
    line-height: 14px;
}

.resources-view .top-item h5 {
    text-align: center;
    color: #333;
    padding: 0 15px;
    margin-bottom: 10px;
}

.resources-view .top-item p {
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    padding: 0 15px;
    margin-bottom: 10px;
}

.resources-view .top-item .container-icon {
    text-align: center;
    font-size: 0;
    width: 100%;
    display: block;
    margin-bottom: 15px;
}

.resources-view .top-item .container-icon > span {
    display: inline-block;
    vertical-align: middle;
}

.resources-view .top-item .container-icon .icon {
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
}

.resources-view .top-item .container-icon .icon.podcast-icon {
    background-image: url(../img/Podcast.png);
}

.resources-view .top-item .container-icon .icon.video-icon {
    background-image: url(../img/Webcast.png);
}

.resources-view .top-item .container-icon .icon.paper-icon {
    background-image: url(../img/Article.png);
}

.resources-view .top-item .container-icon .text {
    margin-left: 10px;
    font-size: 10px;
    line-height: 25px;
}

.resources-view .menu-container {
    position: relative;
    margin-bottom: 15px;
    border-bottom: 1px solid gainsboro;
}

.resources-view .menu-container .right-side {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
}

.resources-view .menu-container .right-side span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.resources-view .menu-container .right-side span:last-child {
    margin-right: 0;
}

.resources-view .menu-container .right-side span.text {
    font-weight: 700;
    color: #333;
    font-size: 14px;
    line-height: 24px;
}

.resources-view .menu-container .right-side span.icon {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
    cursor: pointer;
}

.resources-view .menu-container .right-side span.icon.podcast-icon, .icon-container.lec-past .icon.podcast-icon {
    background-image: url(../img/Podcast.png);
}

.resources-view .menu-container .right-side span.icon.video-icon, .icon-container.lec-past .icon.video-icon {
    background-image: url(../img/Webcast.png);
}

.resources-view .menu-container .right-side span.icon.paper-icon, .icon-container.lec-past .icon.paper-icon {
    background-image: url(../img/Article.png);
}

.resources-view .menu-container .input-container input {
    margin: 0;
    background: #f6f4ee;
    border: 1px solid gainsboro;
}

.resources-view .library-row {
    padding-bottom: 5px;
}

.resources-view .library-row .library-item {
    position: relative;
    border-bottom: 1px solid gainsboro;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.resources-view .library-row .library-item .picture-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
}

.resources-view .library-row .library-item .picture-container .picture {
    width: 80px;
    height: 80px;
    margin-bottom: 5px;
}

.resources-view .library-row .library-item .picture-container .picture-text {
    font-size: 12px;
    line-height: 13px;
    font-weight: 700;
    text-align: center;
}

.resources-view .library-row .library-item .icons {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.resources-view .library-row .library-item .icons .icon {
    cursor: pointer;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
}

.resources-view .library-row .library-item .icons .icon.podcast-icon {
    background-image: url(../img/Podcast.png);
    position: absolute;
    top: 0;
    right: 0;
}

.resources-view .library-row .library-item .icons .icon.lock-icon {
    background-image: url(../img/Lock.png);
    position: absolute;
    bottom: 15px;
    right: 0;
}

.resources-view .library-row .library-item .item-info {
    padding-left: 95px;
    padding-right: 35px;
}

.resources-view .library-row .library-item .item-info .top-subtitle {
    font-size: 12px;
    line-height: 13px;
}

.resources-view .library-row .library-item .item-info .title h3 {
    line-height: 25px;
}

.resources-view .library-row .library-item .item-info .author {
    font-size: 12px;
    line-height: 13px;
    font-style: italic;
    margin-bottom: 6px;
    font-weight: 700;
}

.resources-view .library-row .library-item .item-info .author .date {
    float: right;
}

.resources-view .library-row .library-item .item-info .description {
    font-size: 13px;
    line-height: 18px;
}

/* Resources Item View */
.resources-item-view .top-content {
    margin-bottom: 30px;
}

.resources-item-view .plot-content {
    position: relative;
    /*border-right: 1px solid gainsboro;*/
    padding-right: 10px;
    margin-right: -11px;
}

.resources-item-view .plot-content .print {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 10px;
    width: 25px;
    height: 25px;
    background-size: auto 100%;
    background: url('../img/Lock.png') no-repeat center center;
    cursor: pointer;
}

.resources-item-view .plot-content .top-subtitle {
    font-size: 12px;
    line-height: 13px;
    font-weight: 700;
}

.resources-item-view .plot-content .title {
    margin-bottom: 10px;
    position: relative;
}

.resources-item-view .plot-content .title .date {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 25px;
    font-style: italic;
    font-size: 12px;
    line-height: 13px;
    font-weight: bold;
}

.resources-item-view .plot-content .tip {
    font-weight: 700;
    font-size: 13px;
    line-height: 14px;
    margin-bottom: 10px;
}

.resources-item-view .plot-content .author {
    font-style: italic;
    font-size: 12px;
    line-height: 13px;
    font-weight: 700;
}

.resources-item-view .plot-content p {
    margin: 10px 0;
    font-size: 13px;
    line-height: 22px;
}

.resources-item-view .plot-content section {
    position: relative;
    top: 20px;
}

.resources-item-view .plot-content section.photo-section {
    padding-right: 230px;
    min-height: 200px;
}

.resources-item-view .plot-content section.photo-section .picture-container {
    position: absolute;
    top: 0;
    right: 0;
}

.resources-item-view .plot-content section.photo-section .picture-container .picture {
    width: 180px;
    height: 180px;
}

.resources-item-view .plot-content section.photo-section .picture-container .caption {
    background: #f6f4ee;
    text-align: right;
    font-style: italic;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    padding: 1px 8px;
}

.resources-item-view .side-user .user-container .top-info {
    font-size: 0;
    margin-bottom: 10px;
}

.resources-item-view .side-user .user-container .top-info > div {
    display: inline-block;
    vertical-align: top;
}

.resources-item-view .side-user .user-container .top-info .picture {
    height: 80px;
}

.resources-item-view .side-user .user-container .top-info .info .name {
    padding: 7px 5px;
    color: #333;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 14px;
    margin-left: 10px;
    font-weight: 700;
}

.resources-item-view .side-user .user-container .top-info .info .website {
    font-size: 11px;
    line-height: 12px;
    padding-left: 15px;
}

.resources-item-view .side-user .user-container .top-info .info .website a {
    text-decoration: none;
}

.resources-item-view .side-user .user-container .text {
    font-size: 13px;
    line-height: 18px;
}

.resources-item-view .related-resources {
    margin-bottom: 30px;
    background: #f6f4ee;
    border-radius: 6px;
    overflow: hidden;
}

.resources-item-view .related-resources h1 {
    border-bottom: 1px solid gainsboro;
    margin: 15px;
    margin-bottom: 0;
    padding-bottom: 15px;
}

.resources-item-view .library-row {
    padding-bottom: 5px;
}

.resources-item-view .library-row .library-item {
    position: relative;
    border-bottom: 1px solid gainsboro;
    padding-bottom: 15px;
    margin: 15px;
}

.resources-item-view .library-row .library-item .picture-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
}

.resources-item-view .library-row .library-item .picture-container .picture {
    width: 80px;
    height: 80px;
    margin-bottom: 5px;
}

.resources-item-view .library-row .library-item .picture-container .picture-text {
    font-size: 12px;
    line-height: 13px;
    font-weight: 700;
    text-align: center;
}

.resources-item-view .library-row .library-item .icons {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.resources-item-view .library-row .library-item .icons .icon {
    cursor: pointer;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
}

.resources-item-view .library-row .library-item .icons .icon.podcast-icon {
    background-image: url(../img/Podcast.png);
    position: absolute;
    top: 0;
    right: 0;
}

.resources-item-view .library-row .library-item .icons .icon.lock-icon {
    background-image: url(../img/Lock.png);
    position: absolute;
    bottom: 15px;
    right: 0;
}

.resources-item-view .library-row .library-item .item-info {
    padding-left: 95px;
    padding-right: 35px;
}

.resources-item-view .library-row .library-item .item-info .top-subtitle {
    font-size: 12px;
    line-height: 13px;
}

.resources-item-view .library-row .library-item .item-info .title h3 {
    line-height: 25px;
}

.resources-item-view .library-row .library-item .item-info .author {
    font-size: 12px;
    line-height: 13px;
    font-style: italic;
    margin-bottom: 6px;
    font-weight: 700;
}

.resources-item-view .library-row .library-item .item-info .author .date {
    float: right;
}

.resources-item-view .library-row .library-item .item-info .description {
    font-size: 13px;
    line-height: 18px;
}

.resources-item-view .webcast-container {
    border-radius: 6px;
    overflow: hidden;
    background: #DDD;
    /*height: 500px;*/
    margin-bottom: 20px;
}

.resources-item-view .podcast-container {
    border-radius: 6px;
    overflow: hidden;
    background-color: #DDD;
    width: 100%;
    height: 241px;
}

.resources-item-view .podcast-info {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid gainsboro;
}

.resources-item-view .podcast-info.webcast {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.resources-item-view .podcast-info .top-subtitle {
    font-size: 12px;
    line-height: 13px;
    font-weight: 700;
}

.resources-item-view .podcast-info h2 {
    margin-bottom: 10px;
    position: relative;
}

.resources-item-view .podcast-info .author {
    font-style: italic;
    font-size: 12px;
    line-height: 13px;
    font-weight: 700;
    margin-bottom: 10px;
}

.resources-item-view .podcast-info .author .date {
    float: right;
}

.resources-item-view .podcast-info .description {
    font-size: 12px;
    line-height: 15px;
}

.resources-item-view .user-info {
    min-height: 100px;
    position: relative;
}

.resources-item-view .user-info .picture {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
}

.resources-item-view .user-info .info {
    padding-left: 115px;
}

.resources-item-view .user-info .info .name {
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
}

.resources-item-view .user-info .info .name .website {
    float: right;
    font-size: 11px;
    line-height: 14px;
    font-weight: normal;
}

.resources-item-view .user-info .info .name .website a {
    text-decoration: none;
}

.resources-item-view .user-info .info .text {
    font-size: 13px;
    line-height: 18px;
    margin-top: 10px;
}

/* About Page*/
.about-view h1, .about-view h3 {
    margin-bottom: 10px;
}

.about-view .about-picture {
    width: 100%;
    height: 200px;
    background-image: url(../img/about.png);
    background-size: 200% auto;
    background-repeat: no-repeat;
    background-position: center;
}

.about-view .principles-picture {
    width: 200px;
    height: 300px;
    background-image: url(../img/principles.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
}

.about-view .picture-book-writers-picture {
    width: 280px;
    height: 400px;
    background-image: url(../img/picture-book-writers.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-top: 25px;
}

.about-view .sidemenu {
    border-radius: 6px;
    overflow: hidden;
}

.about-view .sidemenu .item .title {
    background: #7e4e7f;
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    line-height: 100%;
    padding: 10px 20px;
    display: block;
}

.about-view .sidemenu .item a {
    display: block;
    text-decoration: none;
    cursor: pointer;
    font-size: 12px;
    line-height: 16px;
    padding: 10px 20px 0 20px;
    color: #26718d;
    background: #ebebeb;
}

.about-view .sidemenu .item a.extra {
    padding-bottom: 15px;
}

.about-view .principles-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.about-view .principles-list li {
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 24px;
}

.about-view .press ul {
    margin: 0;
}

.about-view .press li img {
    float: left;
    margin-right: 20px;
}

/* pricing */
.pricing {
    display: block;
    padding: 0 50px 50px;
    position: relative;
    text-align: center;
}

.pricing h1 {
    /*color: #663366;
    font-family: 'Lato',sans-serif;
    font-size: 48px;
    font-weight: 900;
    line-height: 34px;*/
    margin-bottom: 10px;
    /*text-transform: none;*/
}

/*.pricing h2 {*/
/*font: bold 18px 'Open Sans';*/
/*color: #333;*/
/*}*/

.features .intro-text {
    color: #333333;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: bold;
    line-height: 30px;
}

.features ul {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 22px;
    color: #333;
    margin: 0;
    padding-left: 40px;
}

.pricing input[type=text], .pricing input[type=password], .pricing input[type=email] {
    background: #efede9;
}

.pricing .plan {
    border: 6px solid #efede9;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 250px;
    display: inline-block;
    text-align: center;
    padding: 10px 5px 5px;
    position: relative;
    color: #333;
    margin: 0 15px;
}

.pricing .plan:hover, .pricing .plan:focus, .pricing .plan.selected {
    text-decoration: none;
    border-color: #154f66;
}

/*.pricing-view h2 {*/
/*margin-bottom: 10px;*/
/*}*/

.pricing-view ul {
    color: #65605f;
    margin-bottom: 10px;
}

.pricing .plan h4 {
    font: bold 18px 'Open Sans';
    color: #333;
}

.pricing .plan p {
    color: #222;
}

.pricing .plan .amount {
    border-top: 6px solid #efede9;
    color: #333 !important;
    /*font: bold 18px 'Open Sans';*/
    font-weight: bold;
    padding: 10px 0 0 0
}

.pricing .plan:hover .amount, .pricing .plan:focus .amount, .pricing .plan.selected .amount {
    border-color: #154f66;
}

.pricing .plan .ico-selected {
    width: 24px;
    height: 24px;
    display: none;
    background: url('../img/sprite.png') -500px -100px;
}

.pricing .plan:hover .ico-selected, .pricing .plan:focus .ico-selected, .pricing .plan.selected .ico-selected {
    display: inline-block !important;
    position: absolute;
    top: -15px;
    left: 110px;
}

.pricing .ico-help {
    width: 24px;
    height: 24px;
    display: inline-block;
    position: absolute;
    left: 15px;
    margin-top: 2px;
    background: url('../img/sprite.png') -500px -150px;
}

.pricing .select-plan {
    padding: 30px 0
}

/* END Pricing */

/* FAQ (other styles in legal.css) */
#faq .container .answer {
    padding-left: 30px;
}

/* Help pages */

.help-view .help-picture {
    width: 100%;
    height: 200px;
    background-image: url(../img/books.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
}

.about-view.help-view .sidemenu .item.padded-left a {
    font-style: italic;
}

.about-view.help-view .sidemenu .item.item-title a {
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    padding-left: 10px;
}

.help-view span.blue {
    color: #0a5c7d;
    font-weight: bold;
}

.help-view span.underline {
    text-decoration: underline;
}

.invite-to-group ul {
    margin-left: 0;
}

.invite-to-group li {
    list-style-type: none;
}

.submission-notes {
    width: 300px;
    float: left;
    border-left: 5px solid #663366;
    padding-left: 20px;
    margin-bottom: 20px;
}

input[id=addSubmissionNotes] {
    margin: -2px 0 0;
    border: double 2px #26718d;
    width: 20px;
    height: 15px;
}

/*#id_message.contact_message {
    width: 650px;
    height: 270px;
}

#id_sender.contact_sender {
    width: 650px;
}*/

/* New pages by Prateek */

/*.fixed-footer {
    position: fixed;
    bottom: -20px;
    padding-right: 255px;
    padding-left: 260px;
}*/

.home-subpage-container {
    width: 100%;
    padding-bottom: 30px;
    background: #fdfdfd url('../img/homePanel-bg.png');
}

.btn.yellow {
    background: #fdc52e;
    color: #000;
}

.yellow a {
    color: #333333;
}

.btn.yellow:hover, .btn.yellow:focus {
    background: #fdc52e !important;
    opacity: 0.8 !important;
}

/*  press styles */

.press-img {
    width: 200px;
}

.press-view {
    padding: 0 20px;
    margin-bottom: 5px;
    border-bottom: 2px solid #efefef;
    border-radius: 3px;
}

.press-view h3 a {
    color: #555;
}

/* Carlos Changes */

.sm-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    color: #707070;
}

.purple-link {
    color: #7e4e7f;
    border: none;
    background-color: #ffffff00;
    padding: 0 10px;
}

#save_button {
    background-color: #efefef;
    padding-top: 5px;
}

.blue-bold-link {
    text-decoration: none;
    color: #0a5c7d !important;
    font-weight: bold
}

.comment-line .blue-bold-link {
    line-height: 26px;
}

.note-date {
    margin-top: -20px;
    margin-bottom: 10px;
}

#notes_title img {
    width: 20px;
    margin-left: 20%;
}

.table .btn-sm {
    color: #ffffff;
}

.btn-sm {
    background-color: #5f8b80;
    color: #ffffff;
    padding: 5px 10px;
    border-radius: 3px;
}

.note-btn.btn-sm {
    color: #000000;
    background-color: #ffffff;
}

.settings {
    display: inline-block;
}

.settings img {
    width: 20px;
}

.space {
    margin-left: 10px;
}

.critique {
    padding-left: 40px;
}

.message-compose table td:hover {
    background: none;
}

@media (max-width: 998px) {
    /*.project .avatar {*/
    /*   width: 84px;*/
    /*   height: 84px;*/
    /*}*/
    .group-view .group-picture {
        width: 155px;
        height: 155px;
    }
}

/*  Pro Groups */

.pro-page-container, .peer-page-container {
    padding-top: 50px;
}

.pro-page-container h1 {
    margin-bottom: 10px;
}

.pro-header h1, .pro-header h2, .pro-header h3, .pro-header, .peer-header {
    text-align: center;
}

.peer-header {
    width: 80%;
    margin: 0 auto;
}

.pro-header h2, .peer-header h2 {
    /*font-style: normal;*/
    line-height: 50px;
}

.pro-header h1, .peer-header h1 {
    font-size: 38px;
    line-height: 50px;
}

.pro-event-pg, .lec-container.lec-past, .lec-inner-about {
    background-color: #fdfdfd;
}

.pro-event-pg ul {
    padding: 0;
}

.pro-event-pg ul li, .pro-header ul li {
    list-style-type: none;
    padding-bottom: 10px;
}

h5, h3, h2, h1, .pro-header h4 {
    margin-bottom: 10px;
}

.pro-event-pg ul li p {
    display: inline;
}

.li-num {
    /*color: #a3b77e;*/
    font-weight: bold;
}

/*.pro-group-pg{
   background-color: #f9f7f5;
}*/

.groups-wrap-left, .groups-wrap-right {
    width: 45%;
    padding: 30px;
    text-align: center;
    float: left;
}

.groups-wrap-mid {
    width: 10%;
    float: left;
    padding-top: 50px;
    padding-left: 30px;
}

.pro-avatar {
    overflow: hidden;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: grey;
}

.event-item-wrap {
    width: 70%;
    /*float: right;*/
}

.event-item {
    overflow: hidden;
    background-color: #f1f1f1;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 30px;
    border: 2px solid #efefef;
    height: 200px;
}

.event-item .pro-avatar {
    float: right;
    margin-bottom: 10px;
}

.event-item p, .c-group-left p {
    margin-bottom: 6px;
    line-height: 17px;
}

.event-item h3 {
    line-height: 20px;
}

.event-item-status {
    border-radius: 7px;
    color: #fff;
    display: inline-block;
    margin-bottom: 6px;
    padding: 1px 7px;
}

.event-item-status.blue {
    background-color: #0a5c7d;
}

.event-item-status.yellow {
    background-color: #fdc52e;
}

/* inner pro */

.pro-dates {
    background-color: #efefef;
    padding: 16px;
    margin-bottom: 20px;
}

.pro-dates p {
    padding-right: 5px;
    margin-bottom: 8px;
    line-height: 22px;
}

.inner-pro-info {
    width: 70%;
    float: left;
    margin-left: 25px;
    margin-bottom: 30px;
}

.pro-avatar img, .group-avatar img {
    width: 100%;
}

.avatar-inner {
    width: 140px;
    margin-left: 0;
    float: left;
}

.pro-inner p {
    line-height: 20px;
    margin-bottom: 8px;
}

.pro-inner h4 {
    margin-bottom: 8px;
}

.learn-more {
    z-index: 10;
    position: static;
    top: 62%;

}

/* Current Groups */

.peer-list {
    list-style-type: none;
    padding-left: 0;
}

.peer-list p {
    margin-bottom: 8px;
}

.group-avatar {
    width: 120px;
    height: 120px;
    background-color: gray;
    margin: 0 auto 10px auto;
}

.c-group-left {
    width: 35%;
    text-align: center;
    margin-bottom: 100px;
}

.c-group-right {
    width: 60%;
    margin-left: 3%;
}

.c-group-left, .c-group-right {
    display: block;
    float: left;
}

.c-group-right p {
    line-height: 20px;
    margin-bottom: 10px;
}

.c-group {
    overflow: auto;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 30px;
    border: 2px solid #efefef;
}

.groups-info-wrap .btn {
    width: 200px;
}

.text-wrap {
    height: 130px;
}

/* End Current Groups */

/* help side menu */

.side-nav .panel {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #ddd;
}

.side-nav .panel-body {
    padding: 8px 15px;
}

.side-nav .item {
    margin: 6px 0;
}

.side-nav .item a {
    color: #333;
}

.side-nav .item a, .panel-title a {
    text-decoration: none;
}

.side-nav .panel-group .panel + .panel {
    margin-top: 0;
}

.side-nav .panel-group .panel {
    border-radius: 0;
}

.side-nav .panel-default > .panel-heading {
    background-color: #f9f9f9;
}

.help-view .breadcrumb {
    background-color: transparent;
    padding-left: 15px;
}

/*end help side menu*/

/*   InkOn Page  */
.btn-inverse {
    border: 1px solid #7f4c76;
    background-color: #ffffff;
    color: #7f4c76;
}

.top-phone-img {
    background-image: url(../img/mobile-phone.png);
    height: 380px;
    background-repeat: no-repeat;
    margin-bottom: -60px;
}

.app-calendar-img {
    background-image: url(../img/calendar-mode.png);
    height: 193px;
    background-repeat: no-repeat;
    background-position: center;
}

.app-project-img {
    background-image: url(../img/project-mode.png);
    height: 194px;
    background-repeat: no-repeat;
    background-position: center;
}

.mobile-devices-img {
    background-image: url(../img/mobile-devices.png);
    height: 620px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.app-page-container {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 40px;
}

.app-page-container.app-top {
    padding-top: 34px;
}

.app-page-container h3.larger-h3 {
    font-size: 24px;
    line-height: 34px;
}

.app-page-container h2 {
    color: #000;
}

.lec-container {
    width: 100%;
}

.lec-container.lec-upcoming h1, .lec-container.lec-past h1 {
    margin-bottom: 30px;
}

.lec-container.lec-past, .lec-container.lec-upcoming {
    padding-bottom: 40px;
}

.app-top, .lec-container.lec-materials, .lec-container.lec-inner-top, .lec-container.lec-upcoming, .lec-container.lec-header {
    /*background: #fdfafa url("../img/default-background.png") repeat scroll 0 0;*/
    background: #fdfdfd;
}

.topH1 {
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    text-transform: none;
    color: #7f4c76;
    font-size: 48px;
    line-height: 45px;
}

.app-top h1, .app-top h3 {
    margin-bottom: 40px
}

.app-top h3 {
    font-size: 24px;
}

.app-link {
    padding-top: 15px;
}

.app-mode {
    text-align: center;
    background-color: #f2f2f2;
}

.app-mode .mid-H1 {
    text-transform: none;
    color: #7f4c76;
    font-size: 48px;
}

.app-item {
    margin-top: 30px;
    margin-bottom: 30px;
}

.app-devices {
    text-align: center;
    background-color: #7f4c76;
    text-transform: none;
}

.app-devices .mid-H1 {
    color: #ffffff;
    font-size: 48px;
    padding-bottom: 60px;
    text-transform: none;
}

.app-footer {
    text-align: center;
    padding-bottom: 0;
}

.app-footer .btn {
    padding: 10px 30px;
    margin-right: 15px;
    margin-bottom: 15px;
}

.carousel-indicators li {
    border-color: #7f4c76;
}

.carousel-indicators li.active {
    background-color: #7f4c76;
}

.app-slider img {
    height: 225px;
}

.carousel-caption {
    text-shadow: none;
}

.carousel-control.right, .carousel-control.left, .carousel-control.right:hover, .carousel-control.left:hover {
    background-image: none;
}

.carousel-control, .carousel-control:hover, .carousel-control:focus {
    opacity: 1;
    color: #7f4c76;
}

.app-slider {
    text-align: center;
}

.app-slider .item {
    height: 225px;
}

.carousel-inner.app-slider img {
    height: 200px;
}

.carousel-control .slider-circle {
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
}

.slider-circle {
    background-color: #7f4c76;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    color: #ffffff;
    margin-left: 40%;
    margin-top: 50%;
    padding-top: 2px;
}

/* End InkOn Page*/

/* Resource Page */

.lec-container.lec-header {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.lec-header h1, .lec-upcoming .mid-H1 {
    color: #663366;
}

.lec-event p, .lec-event h2, .lec-event h3 {
    margin-bottom: 0;
}

.lec-event p {
    line-height: 20px;
}

.price {
    font-style: italic;
    color: grey;
}

.lec-event h2 {
    color: #000;
}

.lec-event h3 {
    line-height: 26px;
}

.lec-upcoming .lec-event h3 {
    font-size: 24px;
}

.lec-upcoming .mid-H1 {
    font-size: 34px;
}

.lec-container .learn-more {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 72%;
}

.lec-date {
    text-align: center;
    margin: 15px 0 3px 0;
}

.row .lec-upcoming-event {
    margin-bottom: 40px;
}

.icon-container {
    margin-bottom: 8px;
    min-height: 35px;
}

.past-item {
    margin-top: 20px;
    margin-bottom: 40px;
}

a.ellipsis-learn-more {
    display: none;
}

.past-item .paper-icon, .lec-materials .paper-icon, .past-item .podcast-icon, .lec-materials .podcast-icon, .past-item .video-icon, .lec-materials .video-icon {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
}

.past-item .paper-icon, .lec-materials .paper-icon {
    background-image: url(../img/Article.png);
}

.past-item .podcast-icon, .lec-materials .podcast-icon {
    background-image: url(../img/Podcast.png);
}

.past-item .video-icon, .lec-materials .video-icon {
    background-image: url(../img/Webcast.png);
}

.lec-inner-top .topH1 {
    font-size: 24px;
    font-weight: 300;
    line-height: 26px;
    margin-bottom: 0;
}

.lec-container.lec-inner-top {
    padding-top: 30px;
    padding-bottom: 0;
}

.lec-container.lec-inner-top ul li {
    margin-bottom: 10px;
    list-style-type: none;
    font-size: 13px;
}

.lec-materials .video-icon, .lec-materials .podcast-icon, .lec-materials .paper-icon {
    margin-bottom: -8px;
    margin-right: 6px;
}

.past-item .paper-icon, .past-item .podcast-icon, .past-item .video-icon {
    display: inline-block;
}

.lec-past .icon-container {
    text-align: center;
}

/*.lec-container.lec-materials {
   margin-top: -40px;
}*/

.about-inner-img {
    width: 130px;
    height: 130px;
}

.about-inner-img, .past-item-img img, .lec-upcoming img {
    background-color: #898989;
    background-size: 100%;
    background-repeat: no-repeat;
}

.past-item-img img {
    width: 130px;
    height: 130px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.lec-upcoming img {
    width: 200px;
    height: 200px;
}

/* End Resource Page */

/* Lecture Series Events */
@media only screen and (min-width: 320px) {
    .event-item .pro-avatar {
        margin-bottom: 50px;
    }

    .groups-wrap-mid {
        width: 40%;
        margin-left: 35%;
    }

    .groups-wrap-left, .groups-wrap-right {
        width: 90%;
    }

    .event-item-wrap {
        width: 50%;
    }

    .learn-more {
        right: 0;
    }

    .btn.primary.event {
        float: right;
    }

    .nonmember {
        display: inline-block;
        float: right;
        vertical-align: middle;
        text-align: center;
        padding: 2px 32px;
        margin-top: 5px;
        background-color: transparent;
        font-size: small;
        color: #7f4c76;
        line-height: 1.42857143;
        white-space: nowrap;
    }

    .registration {
        color: #7f4c76;
        text-align: right;
    }

    .c-group-left {
        margin-bottom: 50px;
    }

    .top-phone-img {
        margin-bottom: 10px;
    }

    .mobile-devices-img {
        height: 300px;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
    .event-item .pro-avatar {
        margin-bottom: 20px;
    }

    .event-item-wrap {
        width: 63%;
    }

    .learn-more {
        top: 70%;
    }

    .mobile-devices-img {
        height: 500px;
    }

    .lec-upcoming img {
        width: 150px;
        height: 150px;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
    .event-item .pro-avatar {
        margin-bottom: 10px;
    }

    .event-item-wrap {
        width: 78%;
    }

    .c-group-left {
        margin-bottom: 0;
    }

    .top-phone-img {
        background-position: -80px 10px;
        background-size: 425px 425px;
        margin-bottom: -40px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
    .event-item-wrap {
        width: 65%;
    }

    .groups-wrap-mid {
        width: 10%;
        margin-left: 0;
    }

    .groups-wrap-left, .groups-wrap-right {
        width: 45%;
    }

    .learn-more {
        top: 62%;
    }

    .c-group-left {
        margin-bottom: 100px;
    }

    .mobile-devices-img {
        height: 600px;
    }

    .top-phone-img {
        background-position: 0 0;
        margin-bottom: -40px;
        background-size: 450px 450px;
        height: 450px;
    }

    .lec-upcoming img {
        width: 200px;
        height: 200px;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
    .event-item-wrap {
        width: 69%;
    }

    .c-group-left {
        margin-bottom: 60px;
    }

    .top-phone-img {
        background-position: 0 0;
        margin-bottom: -40px;
        background-size: 475px 475px;
        height: 475px;
    }

}

#id_days_to_due_date.days {
    width: 40px;
    height: 30px;
    border: 2px solid #ebebeb;
}

/* END Lecture Series Events */

/* NaNoWriMo Landing Page */
@media (max-width: 719px) {
    #WriMoPen {
        max-width: 100%;
        margin-top: 150px
    }
}

@media (min-width: 720px) and (max-width: 767px) {
    #WriMoPen {
        max-width: 100%;
        margin-top: 75px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #WriMoPen {
        max-width: 95%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #WriMoPen {
        max-width: 83%;
    }
}

@media (min-width: 1200px) {
    #WriMoPen {
        max-width: 60%;
    }
}

.wriMo-activities > li {
    list-style: outside none none;
}

#wrimo-inkon-heading {
    color: #663366;
}

/* END NaNoWriMo Landing Page */

/* BEGIN Educators and writing programs page */
p.main-text {
    font-size: 16px;
}

ul.main-text > li {
    font-size: 16px;
}

.row.row-margin {
    margin-bottom: 25px;
}

.row.more-margin {
    margin-bottom: 10px;
}

h1.educators-heading {
    font-size: 38px;
    margin-bottom: 20px;
}

/* END Educators and writing programs page */

/* BEGIN Work With Us page */
#workWithUs .container .row h2 {
    margin-bottom: 40px;
}

#workWithUs .container .row .text-center p {
    position: relative;
    bottom: 25px;
}

#workWithUs .container .row ul > li {
    font-size: 15px;
}

#workWithUs .container .row .contact-button {
    margin-left: 20px;
}

.contact-href {
    margin-bottom: 10px;
}

/* END Work With Us page */

/* BEGIN Matching With a Writing Group page */
#matchingWithWritingGroup .container .row h1 {
    margin-bottom: 40px;
}

#matchingWithWritingGroup .container .row .sidebar {
    background: url("../img/matching-with-a-writing-group-sidebar-background.png") repeat 0 0;
    padding: 20px;
    text-align: center;
    border-top: 1px solid #7e4e7f;
    border-bottom: 1px solid #7e4e7f;
}

#matchingWithWritingGroup .container .row .sidebar p {
    font-size: 13px;
    line-height: 25px;
}

#matchingWithWritingGroup .container .row img#critique-group-working {
    position: relative;
    bottom: 12px;
}

#matchingWithWritingGroup .container hr.hr-purple {
    background-color: #d3b7ca;
    border-width: 0;
    height: 1px;
}

#matchingWithWritingGroup .container .row img.brooke-signature {
    margin-bottom: 15px;
}

#matchingWithWritingGroup .container .row.button-row {
    margin-top: 30px;
}

#matchingWithWritingGroup .container .row.button-row .btn {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 80%;
    padding-top: 10px;
    padding-bottom: 10px;
}

#matchingWithWritingGroup .container .row.button-row .btn {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 80%;
}

#matchingWithWritingGroup .container .row.button-row .sign-up-button .btn {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 23px;
    color: #000;
    padding-top: 8px;
    padding-bottom: 8px;
}

#matchingWithWritingGroup .container .row.button-row .learn-more-button .btn {
    padding-top: 15px;
    padding-bottom: 15px;
}

#matchingWithWritingGroup .container .row .testimonial-sample {
    color: #608d83;
    font-family: "lato", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    font-style: italic;
    margin-top: 20px;
}

#matchingWithWritingGroup .container .row .quotation-mark {
    font-size: 83px;
    font-weight: 900;
    float: left;
    position: relative;
    left: 10px;
}

#matchingWithWritingGroup .container .row .testimonial-sample-text {
    position: relative;
    bottom: 10px;
}

#matchingWithWritingGroup .container .row .testimonial-signature {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    font-style: normal;
    padding-top: 15px;
}

#matchingWithWritingGroup .container .row .testimonial-link {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #0f6183;
    line-height: 26px;
    font-weight: 700;
    font-style: normal;
    padding-top: 15px;
}

/* END Matching With a Writing Group page */
/* BEGIN footer */
footer#iv_footer {
    background-color: #7e4e7f;
    color: #fff;
}

footer#iv_footer ul {
    list-style-type: none;
    padding: 0;
    margin-top: 0px;
}

footer#iv_footer ul > li {
    margin-bottom: 8px;
    line-height: 18px;
}

footer#iv_footer > .container {
    padding-top: 30px;
    padding-bottom: 30px;
}

footer#iv_footer h3, footer#iv_footer h4 {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}

footer#iv_footer p {
    color: #fff;
    font-weight: 700;
    font-size: 17px;
    font-style: italic;
    line-height: 1.7em;

}

footer#iv_footer .social-media-icon {
    display: inline-block;
}

footer#iv_footer .social-media-links {
    padding-left: .1em;
}

footer#iv_footer a:link, footer#iv_footer a:visited {
    text-decoration: none;
    font-weight: 100;
    color: #fff;
}

footer#iv_footer a:hover, footer#iv_footer a:active {
    text-decoration: none;
    font-weight: 600;
    color: #fff;
}

footer#iv_footer .form-inline .form-control {
    width: 72%;
    margin-right: 2%;
}

footer#iv_footer .form-control {
    background-color: #e5dce5;
}

footer#iv_footer .btn.yellow {
    background: #fdc52e;
    color: #fff;
    font-weight: 600;
    text-shadow: none;
    border: none;
    padding: 0.5em 0;
    width: 72%;
    margin-top: 2px;
}

#footer-bottom {
    background-color: #333 !important;
}

#footer-bottom > .container {
    padding-top: 10px;
    padding-bottom: 10px;
}

#footer-copyright, #footer-terms {
    display: inline-block;
}

#footer-terms {
    text-align: right;
}

#footer-enjoy {
    font-weight: 600;
}

footer#iv_footer .sponsors span {
    font-style: italic;
}

footer#iv_footer .sponsors > div {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

footer#iv_footer .sponsors > div:first-child {
    margin-left: 0;
}

footer#iv_footer .sponsors > div:last-child {
    margin-right: 0;
}

footer#iv_footer .sponsors > div.sponsor3 {
    background-image: url('../img/sponsor3.jpg');
}

footer#iv_footer .text {
    color: #FFF;
    font-size: 12px;
    line-height: 100%;
    font-weight: bold;
    padding-bottom: 0;
    margin-top: 8px;
}

#footer-newsletter-signup h4 {
    line-height: 16px;
    margin: 7px 0;
}

@media (max-width: 991px) {
    footer#iv_footer ul > li {
        line-height: 1.2;
        margin: 9px 0;
    }
}

@media (max-width: 767px) {
    footer#iv_footer > .container {
        padding-top: 30px;
        padding-bottom: 0;
    }

    footer#iv_footer .text {
        margin: 12px 0;
    }

    footer#iv_footer .form-inline .form-control {
        width: 72%;
        margin-right: 2%;
        display: inline-block;
    }

    footer#iv_footer .btn.yellow {
        background: #fdc52e;
        color: #fff;
        font-weight: 600;
        text-shadow: none;
        border: none;
        padding: 0.5em 0;
        width: 72%;
        display: inline-block;
    }

    footer#iv_footer p {
        padding: 0 15px;
    }
}

@media (min-width: 768px) {
    #footer-connect {
        float: none !important;
        padding: 0;
        width: auto;
    }

    #footer-newsletter-signup {
        float: none !important;
        padding: 0;
        margin: 0;
        width: auto;
    }
}

/* END footer */
textarea#id_comment.form-control {
    outline: none;
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

div.container.profile-edit textarea {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.quote-formset {
    padding-left: 0;
    padding-right: 0;
    width: 100% !important;
}

.select2-container--default .select2-selection--multiple {
    background: #efefef !important;
    border: 0 !important;
    overflow: hidden !important;

}

#select2-id_recipient-results > li:nth-child(1) {
    display: None;
}


.publication-image input > btn.btn-primary
.col-md-3.publication-year-input select {
}


/*Group Search*/
.search-group-form label {
    font-weight: 400 !important;
}

.search-group-form .user-search-filters li {
    margin-bottom: 5px;
}

.search-group-form .user-search-filters label {
    font-size: 14px;
}

div.media.comment p.p-small {
    word-break: break-word;
}

div.update_credit_card {
    border: 2px solid #efefef;
    padding: 10px;
    display: none;
    margin: 10px
}

div.update_credit_card div.form-group {
    margin-bottom: 0
}

div#update-card {
    margin-left: 70px;
}

.google-sheet {
    width: 100%;
    height: 500px;
    margin-bottom: 20px;
}

.individual-additional-filters .form-control,
.group-additional-filters .form-control{
    background-color: #ffffff00;
    border-radius: 0;
    border: none;
}

ul#id_genres input[type='checkbox'],
.individual-additional-filters input[type='checkbox'],
.group-additional-filters input[type='checkbox']{
    height: 20px !important;
    width: 20px !important;
    min-height: 20px !important;
    float: left;
    margin-right: 5px;
    margin-top: 0px;
}

form.edit-group ul#id_genres{
    background-color: rgb(235, 235, 235);
}

ul#id_genres ul,
.individual-additional-filters ul,
.group-additional-filters ul{
    padding-top: 10px;
    display: inline-block;
    border: 0px;
    height: 130px;
    overflow: auto;
}

ul#id_genres,
ul#id_genres ul.genre-list,
ul#id_genres ul.genre-category-list{
    padding-top: 0;
    height: 100%;
    overflow: visible;
}

ul#id_genres li,
.individual-additional-filters li,
.group-additional-filters li{
    list-style: none;
    margin-bottom: 0px;
    line-height: 20px;
}

.group-additional-filters label{
    margin-bottom: 5px;
}
ul#id_genres h3,
ul#id_genres h5{
    margin-bottom: 0;
}

ul#id_genres h3 span,
ul#id_genres h5 span{
    cursor: pointer;
}

ul#id_genres{
    border: solid #F4F4F4;
    border-width: 0 0 1px 0;
}

ul#id_genres ul.genre-category-list{
    width: 100%;
    background: #FDFDFD99;
    padding: 0;
}

ul#id_genres ul.genre-category-list > li{
    padding-bottom: 5px;
    border: solid #F4F4F4;
    border-width: 0 0 1px 0;
}

ul#id_genres ul.genre-list{
    width: 100%;
    background: #FDFDFD99;
    overflow: inherit;
    height: 20px;
}

ul#id_genres ul.genre-list li{
    overflow: inherit;
    padding-left: 20px;
}

ul.genre-category-list > li > h5 > label >  input[type='checkbox']{
    margin-top: 3px;
}
#picture-book-writers .row .testimonial {
    margin-top: 20px;
}

#picture-book-writers .line-separator {
    background-color: #7f4f80;
    height: 1px;
    vertical-align: middle;
}

#picture-book-writers .quotation {
    color: #7f4f80;
    font-size: 50px;
    font-weight: 900;
    font-family: "lato", sans-serif;
    width: 2%;
}

#picture-book-writers .image-column {
    position: relative;
    top: 0;
    left: 0;
    width: 26%;
    margin-bottom: 20px;
    text-align: center;
}


#picture-book-writers .profile-video-image {
    border-radius: 4%;
    height: 140px;
    width: 220px;
    object-fit: cover;
}

#picture-book-writers .image-column .play {
    height: 40px;
    width: 40px;
    position: absolute;
    top: 65%;
    left: 78%;
}

#picture-book-writers .text-column {
    margin-top: 20px;
    width: 70%;
}

#picture-book-writers .modal-body {
    height: 400px;
}


#picture-book-writers .signature {
    text-align: right;
    font-style: italic;
}

#picture-book-writers .second-text-column {
    width: 75%;
    margin-top: 15px;
}

#picture-book-writers .second-image-column {
    width: 22%;
    text-align: center;
}

#picture-book-writers .second-image-column img {
    border-radius: 50%;
    height: 100px;
    width: 100px;
    margin: 20px 0;
}

#picture-book-writers .second-text-column {
    width: 74%;
    margin-top: 15px;
}

#picture-book-writers .description {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.42;
    font-style: italic;
}

span.last-activity {
    font-weight: 600;
    font-size: 14px;
    color: #000;
}

span.last-activity.active {
    color: #1b9e3e;
}

span.last-activity.semi-active {
    color: #cead33;
}

span.last-activity.inactive {
    color: #8e8e8e;
}

.payment_form {
  width: 480px;
  margin: 20px 0;
}

.payment_form .group {
  background: white;
  box-shadow: 0 7px 14px 0 rgba(49,49,93,0.10),
              0 3px 6px 0 rgba(0,0,0,0.08);
  border-radius: 4px;
  margin-bottom: 20px;
}

.payment_form label {
  position: relative;
  color: #8898AA;
  font-weight: 300;
  height: 40px;
  line-height: 40px;
  margin-left: 20px;
  display: flex;
  flex-direction: row;
}

.payment_form .group label:not(:last-child) {
  border-bottom: 1px solid #F0F5FA;
}

.payment_form label > span {
  width: 80px;
  text-align: right;
  margin-right: 30px;
}

.payment_form .field {
  background: transparent;
  font-weight: 300;
  border: 0;
  color: #31325F;
  outline: none;
  flex: 1;
  padding-right: 10px;
  padding-left: 10px;
  cursor: text;
}

.payment_form .field::-webkit-input-placeholder { color: #CFD7E0; }
.payment_form .field::-moz-placeholder { color: #CFD7E0; }
.payment_form #card-element {
    margin-top: 11px;
}

.search-title {
    display: none;
}

p.ql-align-center{
    text-align: center !important;
}

p.ql-align-right{
    text-align: right !important;
}

p.ql-align-justify{
    text-align: justify !important;
}

.ql-editor p {
    margin-bottom: 12px !important;
    line-height: normal;
}

/* Switch for Bootstrap v3.3.6 */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin-inline: 2%;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
  border-radius: 34px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: .4s;
  border-radius: 50%;
}

input:checked + .slider {
  background-color: #7f4c76;
}

input:checked + .slider:before {
  transform: translateX(26px);
}

.form-check.form-switch {
    display: flex;
    align-items: center;
}

.setGenreSignup #id_genres h3 {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 27.5px;
    color: #7f4f80;
}