/* ===================================== */
/* ===================================== */
/*
APP_CARELINES
 --> PATIENTS_LIST
 --> PATIENTS_LIST_SEARCH
 --> SINGLE_PATIENT_AND_MENU
 --> SINGLE_PATIENT_STORY
 --> SINGLE_PATIENT_DONATE
 --> SINGLE_PATIENT_VOLUNTEER
 --> SINGLE_PATIENT_MESSAGE
 --> SINGLE_PATIENT_JOURNAL
 --> APPLY_TO_CARELINES
 --> LOGGED_PATIENT_BUTTONS
 --> PUBLIC_CAMPAIGN_BUTTONS
 --> LOGGED_PATIENT_HISTORY
 --> LOGGED_PATIENT_CROWDFUNDING
 --> LOGGED_PATIENT_TASKS
 --> LOGGED_PATIENT_JOURNAL
 --> LOGGED_PATIENT_GUESTBOOK
 --> LOGGED_PATIENT_COMMUNITY
 --> LOGGED_PATIENT_SETTINGS
 --> LOGGED_PATIENT_PROFILE
 --> LOGGED_PATIENT_SHARE
 ===========================
RESPONSIVE_STYLES
 --> MIN_1201_PX
 --> MIN_1300_PX
 --> MIN_1400_PX
 --> MIN_1500_PX
 --> MIN_1600_PX
 --> MIN_1700_PX
 --> MIN_1700_PX
 --> MAX_1400_PX
 --> MAX_1300_PX
 --> MAX_1200_PX
 --> MAX_1150_PX
 --> MAX_1100_PX
 --> MAX_1050_PX
 --> MAX_992_PX
 --> MAX_900_PX
 --> MAX_768_PX
 --> MAX_600_PX
 --> MAX_550_PX
 --> MAX_500_PX
 --> MAX_450_PX
 --> MAX_400_PX
 --> MAX_360_PX
 --> MAX_320_PX
IMPORTANT_AT_THE_END
*/
/* ===================================== */
/* ===================================== */
h1, h2, h3, h4, h5, h6 {
    color: #739836;
}
/* ================================================================= */
/* APP_CARELINES                                                     */
/* ================================================================= */
.com_carelines.body-app.view-dashboard #mainbody > .container #content-area {
    padding: 10px 0;
}
.com_carelines #page {
    background: #9ecc52;
    min-height: 100vh;
}
.com_carelines.view-donation #page,
.com_carelines.view-volunteering #page,
.com_carelines.view-vguestbook #page,
.com_carelines.view-vjournal #page,
.com_carelines.view-vjournals #page,
.com_carelines.view-full_story #page {
    background: #ffffff;
}
.body-carelines #content-area form:not(.journal-edit) {
    max-width: 740px;
    margin: 0 auto;
    padding: 50px 0 20px;
}
.body-carelines #content-area form.form-settings {
    padding: 0 20px;
}
.com_carelines .module.sub_menu {
    background: #739836;
}
.body-carelines #content-area form#registrationForm {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
}
/* ===================================== */
/* STANDARD_ELEMENTS                     */
.readmore {
    display: inline-block;
    color: #78a233;
    font-weight: 700;
    transition: all 0.25s ease-in-out;
}
.readmore:hover {
    color: #557b18;
}
.readmore-blue {
    color: #284e6e;
    font-size: 13px;
}
.readmore-blue:hover {
    color: #193d5c;
}
.btn-with-arrow-down {
    padding-right: 30px;
    background-image: url(../images/arrow_round_d_b.png);
    background-position: right calc(50% + 2px);
    background-repeat: no-repeat;
}
.btn-wad-green {
    background-image: url(../images/arrow_round_d_g.png);
}
.btn-wad-white {
    background-image: url(../images/arrow_round_d_w.png);
}
h2.more-top,
h3.more-top,
h4.more-top {
    margin: 0;
    padding: 60px 0 10px 0 !important;
}
/* =========================== */
/* FIELDS                      */
.field.switch {
    border-bottom: 1px solid #dddddd;
    padding: 20px 0;
    display: block;
    overflow: hidden;
}
.field-label {
    float: left;
    width: auto;
    margin: 0;
    padding: 5px 30px 5px 0;
}
.field-label > label {
    font-size: 18px;
    font-weight: 300;    
}
.field-radio {
    float: right;
    display: block;
    white-space: nowrap;
}
.switch .field-radio .fl-field {
    width: 70px;
    display: inline-block;
    vertical-align: top;
}
.fl-text {
    text-transform: uppercase;
    color: #000000;
    font-size: 18px;
    display: inline-block;
    line-height: 30px;
    vertical-align: top;
}
.fl-left {
    text-align: right;
    padding-right: 10px;
    box-sizing: border-box;
}
.fl-right {
    text-align: left;
    padding-left: 10px;
    box-sizing: border-box;
}
.field.description {
    padding: 0 0 20px 0;
    margin: 0;
    display: block;
}
.field.save {
    text-align: center;
}
.field.save {
    text-align: center;
    margin: 50px 0 0;
}
.switch.sw-sm .field-label {
    width: calc(100% - 170px);
}
.switch.sw-sm .field-radio {
    width: 170px;
}
.switch.sw-sm .field-radio .fl-text {
    width: 50px;
}
.switch.sw-md .field-label {
    width: calc(100% - 210px);
}
.switch.sw-md .field-radio {
    width: 210px;
}
.switch.sw-md .field-radio .fl-text {
    width: 70px;
}
.switch.sw-lg .field-label {
    width: calc(100% - 250px);
}
.switch.sw-lg .field-radio {
    width: 250px;
}
.switch.sw-lg .field-radio .fl-text {
    width: 90px;
}
.switch.sw-xl .field-label {
    width: calc(100% - 305px);
}
.switch.sw-xl .field-radio {
    width: 305px;
}
.switch.sw-xl .field-radio .fl-text {
    width: 116px;
}
.com_carelines form .field.switch {
    margin: 0;
}
.settings-subtext {
    width: 100%;
    display: block;
    overflow: hidden;
    font-size: 13px;
    vertical-align: top;
    margin: 0;
}
.com_carelines form .field.switch.funding-message .field-label {
    width: calc(100% - 360px);
}
.com_carelines form .field.switch.funding-message .field-text {
    width: 360px;
    height: 110px;
}
.com_carelines form .field.switch.funding-message .field-text textarea {
    width: 100%;
    height: 100%;
    outline: none;
    border: 1px solid #dddddd;
    padding: 5px 10px;
}
.field.switch.funding-message > .field-label > span {
    font-size: 13px;
    line-height: 18px;
    display: block;
    padding: 5px 0 0;
}
/* ================================================================= */
/* CARELINES_DASHBOARD                                               */
/* ================================================================= */
.dashboard_container {
    background: transparent;
    width: 100%;
    display: block;
    overflow: auto;
}
.com_carelines.view-patients #care-top-menu,
.com_carelines.view-full_story #care-top-menu,
.com_carelines.view-dashboard #care-sub-menu,
.com_carelines.view-patients #care-sub-menu,
.com_carelines.view-full_story #care-sub-menu {
    display: none;
}
.narrow-boxes,
.wider-boxes {
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    flex: 1;
}
.narrow-boxes > .box,
.wider-boxes > .box {
    background: #ffffff;
    margin: 0;
}
.dashboard_container,
.dashboard_container > .big-box,
.dashboard_container > .wider-boxes,
.dashboard_container > .narrow-boxes {
    background: transparent;
    padding: 0;
}
.wider-boxes {
    margin: 0 0 40px 0;
}
.narrow-boxes {
    margin: 0 0 20px 0;
}
.wider-boxes > .box {
    width: calc(50% - 10px);
    display: flex;
}
.narrow-boxes > .box {
    width: calc(25% - 15px);
}
.box-in {
    padding: 25px;
    position: relative;
}
.wider-boxes .box-in {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    flex: 1;
}
.wide-box {
    text-align: center;
}
.wide-box.in-text {
    width: calc(50% + 35px);
    padding: 0 25px 0 0;
}
.wide-box.in-text.no-story {
    width: 100%;
    padding: 0;
}
.dashboard_container .wide-box.in-text.no-story h3 {
    text-align: left;
    padding-left: 5px;
}
.dashboard_container .wide-box.in-text.no-story p.start-story {
    text-align: left;
    padding-left: 5px;
    padding-top: 0;
}
.dashboard_container .wide-box.in-text.no-story p.bottom-button {
    text-align: right;
    padding-right: 5px;
}
.wide-box.in-actions {
    width: calc(50% - 35px);
    display: flex;
    align-items: flex-end;
}
.flex-bottom {
    text-align: center;
    flex: 1;
}
.narrow-boxes .box-in {
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
}
.narrow-box.in-actions {
    width: 100%;
    display: flex;
    align-items: flex-end;
    flex: 1;
    margin-top: 10px;
}
.dashboard_container .flex-bottom a {
    width: 90%;
    font-size: 16px;
    padding: 4px 15px 6px;
    margin: 8px 0 0 0;
    border: none;
}
.dashboard_container .narrow-boxes .flex-bottom a {
    width: 100%;
    padding: 10px 5px;
    font-size: 15px;
}
.dashboard_container h3 {
    text-align: center;
    margin: 0;
    padding: 0 0 10px 0;
    line-height: 28px;
    font-size: 24px;
}
.dashboard_container p {
    text-align: center;
    margin: 0;
    padding: 0 0 10px 0;
    line-height: 20px;
    font-size: 16px;
}
.view-dashboard #mainbody a.btn {
    color: #ffffff;
    transition: all 0.25s ease-in-out;
}
.view-dashboard #mainbody a.btn:hover {
    background: #608325;
}
.view-dashboard #mainbody a.btn.btn-orange {
    background: #F7941E;
    border-color: #F7941E;
}
.view-dashboard #mainbody a.btn.btn-orange:hover {
    background: #e78108;
    border-color: #e78108;
}
.btn.btn-success {
    background-color: #739836;
    color: #fff;
    box-shadow:none;
}
.main-question-mark {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 99;
    display: none !important;
}
.main-question-mark i.fa {
    font-size: 17px;
    line-height: 21px;
    background: #F7941E;
    color: #ffffff;
    border-radius: 30px;
    font-weight: 100;
    width: 20px;
    height: 20px;
    text-align: center;
}
.dashboard .progress .progress-bar-success{
    background-color: #739836;
    border-color: #739836;
    box-shadow: none;
}
.dashboard .progress{
    border-radius: 0;
    box-shadow: none;
}
.dashboard_container .box-in p {
    font-size: 16px;
    color: #7E7E7E;
    font-weight: 300;
}
.cld-community .box-in .in-text {
    display: flex;
    flex-flow: column;
}
.cld-community .box-in .in-text .flex-bottom {
    display: inline-flex;
    text-align: center;
}
.cld-community .box-in .in-text .flex-bottom p {
    padding-bottom: 0;
    align-self: end;
    flex: 1;
}
.cld-story .box-in .in-text p {
    padding: 15px 10px 0 10px;
}
.dashboard_container .cld-financial .progress {
    height: 30px;
    margin-bottom: 2px;
    background-color: #CFCFCF;
}
.cld-financial .box-in h3 {
    padding-bottom: 25px;
}
.cld-financial .progress-values .value > span {
    font-size: 13px;
    font-weight: 300;
    line-height: 17px;
    display: block;
}
.cld-financial .progress-values .value > br {
    display: none;
}
.cld-financial .progress-values .value.value-right {
    text-align: right;
}
.cld-financial .progress-values {
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
}
.dashboard_container .cld-journal h3 {
    padding-bottom: 25px;
}
.dashboard_container .cld-journal .journal-date {
    font-size: 12px;
    font-weight: 700;
    color: #799053;
    padding: 0;
    line-height: 18px;
    letter-spacing: 0.01em;
}
.dashboard_container .cld-journal .journal-title {
    font-size: 17px;
    font-weight: 700;
    color: #58535b;
    padding-bottom: 5px;
}
.dashboard_container .cld-journal .journal-text {
    font-size: 17px;
    font-weight: 300;
    color: #58535b;
    line-height: 21px;
    padding-bottom: 7px;
}
.caps-thin-link {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 300;
    padding: 0 2px;
}
.cld-guestbook .box-in h3 {
    padding-bottom: 20px;
}
.cld-guestbook .box-in .guestbook-post,
.cld-guestbook .box-in .guestbook-new-messages {
    font-size: 17px;
    color: #58535b;
    font-weight: 300;
}
.cld-guestbook .box-in .guestbook-post a {
    display: block;
}
/* ===================================== */
/* PATIENTS_LIST                         */
.carelines-patients-header h1 {
    color: #ffffff;
    font-size: 140px;
    line-height: 115px;
    font-weight: 200;
    margin: 0;
    padding: 0;
}
.carelines-patients-header h1 span {
    font-family: 'rawline', sans-serif !important;
    font-weight: 300 !important;
    font-size: 40px;
    padding: 0 0 0 10px;
    vertical-align: top;
    margin-top: 0;
    line-height: 110px;
}
.carelines-patients-header h4 {
    color: #ffffff;
    font-size: 20px;
    margin: 0;
    padding: 0 0 15px 0;
    letter-spacing: 0.08em;
}
.layout-search .carelines-patients-header h4 {
    padding: 0;
}
#mainbody .carelines-patients-search-box > .container {
    max-width: 600px;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
}
form.carelines-patients-search-form {
    margin-top: -1px;
    position: relative;
}
.carelines-patients-search-box .cl-ps-top-field {
    width: 100%;
    line-height: 46px;
    padding: 0 40px 0 15px;
    border-radius: 5px;
    outline: none;
    border: none;
    font-size: 24px;
    color: #284e6e;
    font-weight: 400;
    height: 50px;
}
.carelines-patients-search-box input.cl-ps-top-field::placeholder {
    opacity: 1;
    font-weight: 300;
    color: #284e6e;
}
.carelines-patients-search-box input.cl-ps-top-submit {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 99;
    width: 40px;
    height: 40px;
    padding: 9px;
    background: transparent;
    border: none;
    text-indent: -9999px;
}
.carelines-patients-search-box input.cl-ps-top-reset {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
    width: 40px;
    height: 40px;
    padding: 9px;
    background: transparent;
    border: none;
    text-indent: -9999px;
}
.com_carelines.view-patients #mainbody > .container {
    padding: 0;
    width: 100%;
    background: #ffffff;
}
.com_carelines.view-patients #content-area {
    padding: 0;
}
.carelines-patients-header {
    background: #9ecc52;
    text-align: center;
    padding: 35px 25px 0 25px;
}
.carelines-patients-search-box {
    background: #9ecc52;
    text-align: center;
    padding: 0 25px 60px 25px;
}
.cph-search {
    padding-bottom: 35px;
}
.carelines-patients-main-list.cph-search {
    padding: 50px 0 0 0;
}
.carelines-patients-intro {
    padding: 40px 0 10px 0;
}
.carelines-patients-intro.at-the-bottom {
    padding: 0;
}
.carelines-patients-intro.at-the-bottom .container {
    padding-top: 0;
}
.carelines-patients-intro > .container {
    max-width: 650px;
    text-align: center;
    padding: 0 25px !important;
}
.carelines-patients-intro p {
    margin: 0;
    padding: 0 0 20px 0;
    font-size: 16px;
    line-height: 20px;
}
.carelines-patients-intro p a.content-button {
    padding: 10px 50px;
    margin: 10px 0;
    height: 70px;
    line-height: 22px;
    font-size: 18px;
    font-weight: 400;
    max-width: 100%;
}
/* ===================================== */
/* PATIENTS_LIST_FILTERS                 */
.carelines-patients-main-list {
    text-align: center;
    margin-bottom: 40px;
}
.search_div.search-again {
    position: relative;
    max-width: 480px;
    margin: 0 auto 60px;
    padding: 0 20px;
}
.search_div.search-again > input {
    width: 100%;
    font-size: 24px;
}
.search_div > input.submit-magnifying {
    background: transparent url(/images/etc/search_again.png) scroll no-repeat center center;
    border: 0;
    display: block;
    height: 26px;
    width: 26px;
    position: absolute;
    top: 10px;
    right: 28px;
    z-index: 99;
    text-indent: -9999px;
}
.search_div > input.submit-magnifying:hover {
    background: transparent url(/images/etc/search_again.png) scroll no-repeat center center;
}
.search_div > input::placeholder {
    opacity: 1;
}
.chosen-container {
    margin-left: 10px;
    margin-right: 10px;
    background: #9ecc52 !important;
    border-radius: 5px;
}
.carelines-patients-main-list > .container > select::-ms-expand {
    display: none;
}
.carelines-patients-main-list > .container > select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    outline: none;
    border: none;
    background-color: #9ecc52;
    background-image: url(../images/drop_arrow_g.png);
    background-position: calc(100% - 10px) center;
    background-size: 26px 13px;
    background-repeat: no-repeat;
    background-attachment: scroll;
    padding: 0 12px 4px;
    border-radius: 5px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    margin: 0 10px;
    min-width: 200px;
    max-width: calc((100% / 3) - 32px);
    height: 50px;
    line-height: 44px;
}
.carelines-patients-main-list .chosen-container-single .chosen-single div b {
    background-color: #9ecc52;
    background-image: url(../images/drop_arrow_g.png);
    background-position: calc(100% - 10px) center !important;
    background-size: 26px 13px;
    background-repeat: no-repeat;
    background-attachment: scroll;
}
.carelines-patients-main-list .chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 40px;
    height: 100%;
}
.carelines-patients-main-list .chosen-container-single .chosen-default {
    color: #ffffff;
    background: transparent !important;
    box-shadow: 0 0 0 rgba(0,0,0,0) !important;
    border: none !important;
    padding: 10px 15px;
    line-height: 20px;
    height: 40px;
    font-size: 16px;
    text-align: left;
    outline: none !important;
}
.carelines-patients-main-list .chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
    background-color: #9ecc52;
}
.carelines-patients-main-list .chosen-drop.chosen-search {
    display: none !important;
}
.carelines-patients-main-list .chosen-drop .chosen-results {
    margin: 0 0 5px 0;
    padding: 0;
}
.carelines-patients-main-list .chosen-drop .chosen-results li {
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    font-weight: 400;
    padding: 5px 10px;
}
.carelines-patients-main-list .chosen-drop .chosen-results li.highlighted {
    background-image: none !important;
    background-color: rgba(0,0,0,0.3) !important;
}
.carelines-patients-main-list .chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 10px;
    height: 40px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #9ecc52 !important;
    background: #9ecc52 !important;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,0) !important;
    box-shadow: 0 0 0 rgba(0,0,0,0) !important;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    line-height: 40px;
    font-size: 16px;
    text-align: left;
}
.carelines-patients-main-list .container {
    max-width: 950px;
    text-align: center;
    margin-bottom: 10px;
}
.carelines-patients-search-box.search-again {
    background: transparent;
    padding: 30px 0 60px 0;
}
.carelines-patients-search-box.search-again .cl-ps-top-field {
    border: 1px solid #9ecc52;
}
/* ===================================== */
/* PATIENTS_LIST_CARDS                   */
form.carelines-patients-search-form {
/*    overflow-x: hidden !important; */
}
.com_carelines.view-patients.layout- .row {
    width: 100%;
    margin: 0;
}
.com_carelines.view-patients.layout- .row #content {
    padding: 0;
}
.com_carelines.public-area.view-patients #mainbody .container {
    word-wrap: break-word;
    padding: 0;
}
.card-deck {
    height: auto;
    max-width: 950px;
    margin: 0 auto;
    overflow: hidden !important;
    padding: 0 15px;
    word-wrap: normal !important;
    min-height: 250px;
}
.card-deck .container {
    text-align: left;
    width: 100%;
    overflow: hidden !important;
    word-wrap: normal !important;
}
.card-deck #id-patients {
    padding-bottom: 80px !important;
}
#myspinner {
    display: block;
    width: 100%;
    text-align: center;
    margin: 70px 0;
}
.card-deck .main_patient_div {
    padding: 0 10px 20px 10px;
    text-align: center;
    float: left;
    display: block;
    margin: 0;
    border: none;
    outline: none;
    transition: 0.6s opacity ease-in-out;
}
.card-deck .main_patient_div:nth-child(-n+12) {
    opacity: 0;
}
.card-deck .main_patient_div.col-lg-3,
.card-deck .main_patient_div.col-md-3,
.card-deck .main_patient_div.col-sm-3,
.card-deck .main_patient_div.col-xs-4 {
    width: 25%;
}
.card-deck .cant-find {
    padding: 0;
    text-align: center;
    float: left;
    display: block;
/*    width: calc(25% - 20px); */
    margin: 0;
}
.main_patient_div .card {
    border: 1px solid #99d72e;
    height: auto;
    border-radius: 5px;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin: 0;
}
.cant-find .card {
    border: 1px solid #99d72e;
    height: auto;
    border-radius: 5px;
    display: block;
    overflow: hidden;
    position: relative;
    background: #99d72f none repeat scroll 0 0;
    width: 100%;
    margin: 0;
}
.main_patient_div .card .card-img-top {
    width: 100%;
    height: 200px;
    display: block;
    overflow: hidden;
}
.main_patient_div .card .card-img-top .card-image-bg {
    width: 100%;
    height: 100%;
    display: block;
    background-position: center center;
    background-size: cover;
}
.main_patient_div .card-block {
    height: auto;
    padding: 8px 15px 15px 15px;
    display: block;
    width: 100%;
}
.card-block .card-title {
    text-transform: none;
    font-size: 26px;
    line-height: 28px;
    margin: 0;
    padding: 0;
    font-weight: 300;
    color: #284e6e;
}
.card-block .card-text {
    color: #008343;
    font-size: 14px;
    line-height: 16px;
    margin: 0;
    padding: 15px 0 0 0;
    height: auto;
    overflow: hidden;
    display: block;
}
.card-block .card-counter {
    color: #4fa97d;
    font-size: 13px;
    line-height: 18px;
    margin: 0;
    padding: 15px 0 0 0;
    display: block;
    width: 100%;
}
.card-block .card-counter > div {
    display: block;
    width: 100%;
}
.card-block .card-counter .progress {
    height: 25px;
    margin-bottom: 7px;
    overflow: hidden;
    border-radius: 3px;
}
.card-block .card-counter .progress-values {
    display: block;
    overflow: hidden;
}
.value.value-left {
    width: 50%;
    float: left;
    text-align: left;
}
.value.value-right {
    width: 50%;
    float: right;
    text-align: right;
}
.progress-value-number {
    font-weight: 700;
    font-size: 15px;
    color: #008243;
}
.progress-value-text {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 13px;
    color: #008243;
}
.progress-bar-danger {
    background-color: #5cb85c;
}
.card a.carelineshover {
    color: #fff;
    min-height: calc(100% - 20px);
    border-radius: 4px;
    z-index: 999;
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(153,215,47,0.8) !important;
    -webkit-mix-blend-mode: multiply;
    -moz-mix-blend-mode: multiply;
    -o-mix-blend-mode: multiply;
    -ms-mix-blend-mode: multiply;
    mix-blend-mode: multiply;
    transition: 0.25s all ease-in-out;
}
.card a.carelineshover:hover {
    opacity: 1;
}
.card a.carelineshover + .clhovertext {
    display: block;
    width: 100%;
    margin: 0 auto 0 auto;
    font-size: 26px;
    line-height: 30px;
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999999;
    opacity: 0;
    transition: all 0.25s ease-in-out;
    color: #ffffff;
    height: 100%;
    bottom: 0;
/*  background: rgba(153,215,47,0.3); */
    background: rgba(0, 0, 0, 0.15);
    pointer-events: none;
    padding: 35px 0 0 0;
    text-shadow: 0 0 5px rgba(0,0,0,1);
}
.card a.carelineshover:hover + .clhovertext {
    opacity: 1;
}
.cant-find {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 0;
    background: transparent;
}
.mfix-div.cant-find {
    margin-top: 0;
    background: none;
}
.cant-find .card-block {
    padding: 15px 20px 23px 20px;
}
.cant-find .card-block .card-text {
    color: #ffffff;
}
.card-block .card-text.cant-find-1 {
    color: #ffffff;
    height: auto;
    font-size: 32px;
    line-height: 34px;
    margin: 0 0 10px 0;
    padding: 0;
    height: initial;
    overflow: visible;
    display: block;
}
.card-block .card-text.cant-find-2 {
    font-size: 15px;
    line-height: 20px;
    margin: 0;
    padding-bottom: 0;
    height: initial;
}
.card-block .card-text.cant-find-3 {
    font-size: 15px;
    line-height: 20px;
    margin: 0;
    padding-bottom: 0;
    height: initial;
}
.card-block .card-text.cant-find-4 {
    font-size: 15px;
    line-height: 20px;
    margin: 0;
    padding-bottom: 0;
    height: initial;
}
.carelines-patients-intro p a.apply-now {
    width: 240px;
    font-size: 18px;
    padding: 10px 15px;
    margin: 0 auto 10px auto;
    border: none;
    background-color: #739836;
    color: #ffffff;
    border-radius: 5px;
    transition: all 0.25s ease-in-out;
    display: block;
}
.carelines-patients-intro p a.apply-now:hover {
    background-color: #608325;
}
.mfix-div {
    margin-top:15px;
    background: #99d72f none repeat scroll 0 0;
}
.mfix-div .card {
    background: #99d72f none repeat scroll 0 0;
}
.mfix-div .card-text.mtext {
    color: #fff;
}
.mfix-div .card-text.mtext b {
    font-size: 23px;
}
.card {
    border: 1px solid #99d82f;
    height:510px;
}
.card-text {
    color:#4FA97D;
    height:auto;
}
.card-title {
    color: #572111;
}
#select_main_div {
    text-align: center;
    width: 100%;
}
#select_main_div select {
    background: #99d82f;
    color:#fff;
    border: 1px solid #99d82f;
}
.search_div {
    padding: 20px;
    text-align: center;
}
.search_div > input {
    border: 1px solid brown;
    color: brown;
    border-radius: 5px;
    padding: 10px;
    width: 50%;
}
.search_div > input::before {
    font-family: 'Glyphicons Halflings';
    content: ;
}
/* =============================================== */
/* SINGLE_PATIENT_AND_MENU                         */
.view-donation.com_carelines.public-area #mainbody > .container #content-area {
    padding: 0;
}
.ph-hidden-menu {
    position: fixed;
    top: -90px;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    transition: all 0.35s ease-in-out;
    background: #a1cc56;
    z-index: 9999;
}
.ph-hidden-menu.cl-public-scroll {
    top: 80px;
}
.ph-hidden-menu-in {
    max-width: 1170px;
    margin: 0 auto;
    padding: 10px 20px;
    display: block;
    overflow: hidden;
}
.ph-main-title {
    display: inline-block;
}
.ph-hidden-menu .ph-main-title {
    line-height: initial;
}
.ph-main-title h3 {
    display: inline-block;
    margin: 0;
    text-align: left;
    color: #ffffff;
    font-size: 46px;
    line-height: 50px;
}
.ph-hidden-menu .ph-main-title h3 {
    line-height: 40px;
    padding: 9px 0 0 0;
}
.ph-main-title h3 span {
    display: inline-block;
    font-size: 20px;
    padding: 13px 0 0 4px;
    vertical-align: top;
    line-height: 26px;
    font-weight: 300;
}
.ph-hidden-menu .ph-main-title h3 span {
    padding-top: 8px;
}
.patient-header-links {
    display: block;
    float: right;
}
.patient-header-links > li {
    display: block;
    float: left;
    text-align: center;
    padding: 0 0 0 35px;
}
.patient-header-links li a {
    line-height: 20px;
    color: #ffffff;
}
.patient-header-links li a img {
    display: block;
    margin: 0 auto 5px auto;
    vertical-align: top;
}
.patient-header-links li a .image-title {
    display: block;
    line-height: 18px;
    font-weight: 400;
    font-size: 18px;
}
.ph-container-menu {
    background: #a1cc56;
}
.ph-container-menu.empty-bar .ph-container-menu-in {
    padding-top: 30px;
    padding-bottom: 30px;
}
.ph-container-menu.empty-bar .ph-container-menu-in .ph-main-subtitle h4 {
    padding: 9px 0 0 0;
}
.ph-container-menu-in {
    max-width: 1170px;
    margin: 0 auto;
    padding: 15px 20px;
}
.ph-main-subtitle {
    display: block;
    padding: 0;
    float: right;
}
.ph-main-subtitle h4 {
    margin: 0;
    color: #284e6e;
    line-height: 32px;
    font-weight: 400;
    padding: 18px 0 0 0;
}
.patient-header-out {
    display: block;
}
.patient-header-mid {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 20px;
    display: block;
    overflow: hidden;
}
.patient-header-name {
    display: block;
    float: left;
    max-width: calc(100% - 400px);
}
.patient-header-name h2 {
    margin: 0;
    padding: 20px 0 2px;
}
.patient-header-name h2 a {
    color: #284e6e;
    font-size: 46px;
    font-weight: 200;
}
.patient-header-name h4 {
    margin: 0;
    color: #ffffff;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.025em;
}
.ph-mobile-content {
    display: none;
}
 .module.mod-cl-mobile {
    display: none;
 }
/* =============================================== */
/* SINGLE_PATIENTSLIDER                            */
.rokbox-wrapper {
    z-index: 999999 !important;
    background-color: rgba(0,0,0,0.85) !important;
}
.patient-header-container {
    background: #a1cc56;
    padding: 20px 0 40px 0;
    margin: 0;
    width: 100%;
    box-sizing: content-box;
}
.patient-header-gallery-out {
    display: block;
    margin-bottom: 25px;
}
.patient-header-gallery-mid {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 20px;
}
.patient-header-gallery-mid .photo-main {
    width: 100%;
    height: 140px;
    background: transparent;
}
.photo-main .slide-main-image {
    width: 140px;
    height: 140px;
    display: block;
    float: left;
}
.photo-main .slide-main-image > a {
    background-size: cover;
    border: 4px solid #ffffff;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-color: transparent;
    display: block;
}
.photo-main .slide-main-image > a img {
    display: none;
}
.photo-main > .slider {
    width: calc(100% - 140px);
    height: 120px;
    float: right;
    padding: 0;
    margin: 10px 0;
}
.slider .slick-prev {
    left: 10px;
    z-index: 9;
    top: 50%;
    width: 24px;
    height: 24px;
}
.slider .slick-next {
    right: 10px;
    z-index: 9;
    top: 50%;
    width: 24px;
    height: 24px;
}
.slider .slick-slide {
    height: 100px !important;
    width: auto;
    transition: all 0.25s ease-in-out;
    margin: 10px 0;
    overflow: hidden;
}
.slick-list .slick-slide a {
    background: none !important;
    border-top: 4px solid #ffffff;
    border-bottom: 4px solid #ffffff;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    height: 100px;
    display: block;
    transition: all 0.25s ease-in-out;
}
.slick-list .slick-slide:first-child a {
    margin-left: -4px !important;
    border-left: 4px solid #ffffff;
}
.slick-list .slick-slide:last-child a {
    border-right: 4px solid #ffffff;
}
.slick-list .slick-slide a > img {
    height: 100%;
    width: auto;
    transition: all 0.25s ease-in-out;
}
#content-slider .slick-prev::before,
#content-slider .slick-next::before {
    font-family: 'slick';
    font-size: 22px;
    line-height: 1;
    opacity: 0.65;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 0 0 0 rgba(0,0,0,0);
    transition: all 0.25s ease-in-out;
}
#content-slider .slick-prev:hover::before,
#content-slider .slick-next:hover::before {
    opacity: 1 !important;
    text-shadow: 0 0 15px rgba(0,0,0,1);
}
.slider .slick-slide:hover {
    height: 120px !important;
    margin: 0;
}
.slick-list .slick-slide:hover a {
    height: 120px;
    border-left: 4px solid #ffffff;
    border-right: 4px solid #ffffff;
}
.slick-list .slick-slide:hover a img {
    height: 100%;
}
/* ===================================== */
/* SINGLE_PATIENT_PUBLIC_SUMMARY         */
.app-title {
    margin: 0;
    padding: 0 0 50px 0;
}
.app-title.no-bottom-pad {
    padding-bottom: 10px;
}
.app-subtitle {
    margin: 0;
    line-height: 24px;
    font-size: 24px;
    padding: 0 0 7px 0;
}
.app-subtitle > label {
    font-weight: 300;
    margin: 0;
}
.cl-pp-public-summary {
    min-height: 200px;
    max-width: 600px;
    text-align: center;
    margin: 0 auto;
}
.cl-pp-public-summary > h2 {
    color: #5c2608;
    font-size: 60px;
    font-weight: 200;
    margin: 0;
    padding: 10px 0 20px;
}
/* ===================================== */
/* SINGLE_PATIENT_STORY                  */
.com_carelines.no-profile-here #mainbody > .container {
    max-width: 600px;
}
.there-is-no-profile {
    text-align: center;
    width: 100%;
    display: block;
    margin: 40px 0;
}
.com_carelines.no-profile-here #mainbody > .container .col-md-8 {
    width: 100%;
}
.com_carelines.public-area:not(.view-patients) #mainbody .container {
    word-wrap: break-word;
    padding: 70px 20px;
}
.com_carelines.public-area #content-area {
    padding: 0;
}
.patient-main-story {
    padding: 0 50px 0 0;
}
.patient-main-story #donation2 {
    display: none;
}
.patient-main-story > p {
    padding: 0 0 20px 0;
    margin: 0;
}
.patient-main-story > p:first-child {
    font-size: 18px;
}
p.patient-main-buttons {
    padding: 0 50px 0 0;
    text-align: center;
}
.module.donation-patient-history {
    background: #9ecc52;
    padding: 30px 30px 35px;
    border-radius: 5px;
}
.donation-patient-history .input-group {
    position: relative;
    display: block;
    border-collapse: collapse;
    overflow: hidden;
}
.donation-patient-history .input-group-btn {
    position: relative;
    white-space: nowrap;
    display: block;
    width: calc(50% - 1px);
    border: none;
    float: left;
    border-right: 1px solid #80c1a1;
}
.donation-patient-history .dsm-field {
    width: calc(50% - 1px);
    display: block;
    float: left;
    border-left: 1px solid #80c1a1;
    position: relative;
    background: #008343;
    border-radius: 0 5px 5px 0;
    outline: none;
}
.module.donation-patient-history p {
    margin: 0;
    padding: 0 0 20px 0;
    color: #ffffff;
    font-size: 17px;
    text-align: center;
}
.module.donation-patient-history .donate-side-module {
    padding: 0 10px;
}
.module.donation-patient-history #donate-now {
    background: #008343;
    color: #ffffff;
    text-transform: uppercase;
    outline: none;
    border: none;
    line-height: 24px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding: 12px 5px 14px 5px;
    width: 100%;
    border-radius: 5px 0 0 5px;
}
.donation-patient-history #basic-addon1 {
    position: absolute;
    z-index: 9;
    background: transparent;
    outline: none;
    border: none;
    color: #ffffff;
    font-weight: 300;
    font-size: 18px;
    top: 8px;
    left: -2px;
}
.donation-patient-history .dsm-field input {
    background: transparent;
    color: #ffffff;
    border: none;
    outline: none;
    line-height: 50px;
    height: 50px;
    width: 100%;
    padding: 9px 15px 12px 25px;
    text-align: left;
    font-size: 17px;
    font-weight: 300;
}
.donation-patient-history .dsm-field input::placeholder {
    opacity: 0.6 !important;
    color: #ffffff !important;
}
.donation-patient-history .module-progressbar,
 {
    padding: 0 10px;
    margin: 25px 0 0 0;
}
.donation-patient-history .progress {
    height: 30px;
    border-radius: 0;
    box-shadow: initial;
    outline: none;
    border: none;
    margin-bottom: 5px;
    background: rgba(255,255,255,0.5);
}
.module.donation-patient-history .module-progressbar {
    padding: 0 10px;
    margin: 30px 0 0 0;
}
.donation-patient-history .progress .progress-bar.progress-bar-success {
    background: #ffffff;
    box-shadow: initial;
}
.donation-patient-history .progress-values {
    display: block;
    overflow: hidden;
}
.donation-patient-history .progress-values .value.value-left,
.donation-patient-history .progress-values .value.value-right {
    line-height: 20px;
}
.donation-patient-history .progress-values .progress-value-number {
    color: #ffffff;
    font-weight: 900;
    font-size: 18px;
}
.donation-patient-history .progress-values .progress-value-text {
    color: #ffffff;
    font-weight: 300;
    font-size: 18px;
    text-transform: uppercase;
}
.module.journal-single-entry {
    background: #f0f7e7;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
}
.module.journal-single-entry .journal-single-title {
    background: #9ecc52;
    padding: 10px 30px;
    text-align: left;
    text-transform: none;
    font-weight: 400;
    color: #ffffff;
    font-size: 25px;
    line-height: 30px;
}
.module.journal-single-entry .journal-single-post {
    padding: 20px 30px 25px;
}
.module.journal-single-entry .js1-title {
    color: #284e6e;
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    margin: 0;
    padding: 0 0 5px 0;
}
.module.journal-single-entry .js1-date {
    color: #284e6e;
    font-size: 14px;
    margin: 0;
    padding: 0 0 10px 0;
}
.module.journal-single-entry .js1-text {
    color: #284e6e;
    font-size: 15px;
    line-height: 19px;
}
.module.journal-single-entry .mod-read-more {
    text-align: right;
    margin: 0;
    padding: 15px 0 0 0;
    display: block;
    overflow: hidden;
}
.mod-side-journal.mod-sj-list .module-content .caveat.sjl-title {
    color: #739836;
    font-size: 26px;
    line-height: 26px;
}
.sjl-created {
    color: #284e6e;
    line-height: 20px;
    padding: 5px 0;
}
.sjl-text {
    color: #284e6e;
    font-size: 15px;
    line-height: 20px;
    padding: 0 0 5px 0;
}
.sjl-text {
    color: #284e6e;
    font-size: 15px;
    line-height: 20px;
}
.mod-side-journal.module.mod-sj-list > .headline h4 {
    text-align: left;
    font-size: 26px;
}
.videoframe {
    margin-bottom: 30px;
    width: 100%;
    height: auto;
    display: block;
    padding-bottom: 56.25%;
    position: relative;
}
.videoframe > iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
/* ===================================== */
/* SINGLE_PATIENT_DONATE                 */
#donationfrm {
    width: 100%;
    padding: 0 130px 0 0;
}
.com_carelines.view-donation.public-area #care-top-menu {
    display: none;
}
#donationfrm .field input[type="text"],
#donationfrm .field input[type="email"],
#donationfrm .field input[type="password"] {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    margin: 0;
    background: #f0f7e7;
    color: #9ab36a;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    height: initial;
    border-radius: 5px;
    border: none;
}
#donationfrm .field input::placeholder {
    opacity: 1 !important;
    color: #9ab36a !important;
}
#donationfrm .field select {
    background-color: #f0f7e7;
    width: 100%;
    display: block;
    height: 50px;
    font-size: 18px;
    color: #9ab36a;
    font-weight: 400;
    box-sizing: border-box;
    border-radius: 5px;
    outline: none;
    border: none;
    padding: 9px 10px 10px 10px;
}
.firefox #donationfrm .field select {
    padding: 9px 10px 10px 6px;
}
.field.two-half .field_50 {
    display: inline-block;
}
.field.two-half .field_50:first-child {
    width: calc(50% - 12px);
    margin-right: 10px;
}
.field.two-half .field_50:last-child {
    width: calc(50% - 12px);
    margin-left: 10px;
}
#donationfrm .field textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 15px 10px;
    margin: 0;
    background: #f0f7e7;
    color: #9ab36a;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    height: initial;
    border-radius: 5px;
    border: none;
    box-shadow: 0 0 0 rgba(0,0,0,0);
}
#donationfrm .field textarea::placeholder {
    opacity: 1 !important;
    color: #9ab36a !important;
}
.donation-module .module-content {
    background: #f0f7e7;
    border-radius: 5px;
    overflow: hidden;
}
.donation-module.donation-progress .module-content {
    background: #9ecc52;
    
}
.donation-module.donation-progress .module-content .help-achieve {
    padding: 15px 58px 20px 58px;
    text-align: center;
}
.view-donation.layout-donations .sidebar-right .module.donation-module.donation-supporters {
    display: none;
}
.donation-module.donation-supporters .module-content .module-header {
    background: #9ecc52;
    margin: 0;
    color: #ffffff;
    padding: 10px 20px;
    font-size: 28px;
}
.donation-module.donation-supporters .module-content .module-header br {
    display: none;
}
.donation-module.donation-progress .progressbar {
    padding: 0 30px;
}
.donation-progress .progressbar  .module-progressbar,
 {
    padding: 0 10px;
    margin: 25px 0 0 0;
}
.donation-progress .progressbar .progress {
    height: 30px;
    border-radius: 0;
    box-shadow: initial;
    outline: none;
    border: none;
    margin-bottom: 5px;
    background: rgba(255,255,255,0.5);
}
.donation-module.donation-progress .donation-bar-right {
    display: none;
}
.donation-progress .progressbar .progress .progress-bar.progress-bar-success {
    background: #ffffff;
    box-shadow: initial;
}
.donation-progress .donation-data {
    padding: 0 30px 25px;
    display: block;
    overflow: hidden;
}
.donation-module.donation-progress .progressbar .donation-bar-left,
.donation-module.donation-progress .progressbar .donation-bar-right {
    display: none;
}
.donation-progress .donation-data .donation-amount,
.donation-progress .donation-data .donation-goal {
    display: block;
    overflow: hidden;
    float: left;
    width: 50%;
    vertical-align: top;
    line-height: 20px;
    color: #ffffff;
    font-weight: 900;
    font-size: 18px;
    text-align: left;
}
.donation-progress .donation-data .donation-goal {
    text-align: right;
}
.donation-progress .donation-data .donation-amount .thin,
.donation-progress .donation-data .donation-goal .thin {
    color: #ffffff;
    font-weight: 300;
    font-size: 18px;
    text-transform: uppercase;
}
.donation-module.donation-supporters .module-body {
    padding: 20px 30px;
}
.ds-block {
    margin: 5px 0 20px 0;
}
.ds-name {
    font-size: 20px;
    font-weight: 700;
    color: #284e6e;
    margin: 0;
    padding: 0;
}
.ds-amount {
    color: #284e6e;
}
.ds-amount br {
    display: none;
}
.button-container {
    display: block;
    overflow: hidden;
    margin: 15px 0 10px 0;
}
.com_carelines p.before-donation {
    font-size: 20px;
    line-height: 28px;
    margin: 0;
    padding: 0 0 35px 0;
}
.switch.sw-sm.switch-monthly .field-radio {
    width: 42px;
    float: left;
    margin: 2px 15px 0 0;
    height: 30px;
    vertical-align: top;
}
.switch-monthly .switchery {
    height: 20px;
    width: 40px;
}
.switch-monthly .switchery > small {
    height: 20px;
    width: 20px;
}
.switch-monthly .field-label > label {
    font-family: 'caveat', cursive !important;
    font-size: 20px;
    color: #284e6e;
}
.com_carelines form .field.switch.switch-monthly {
    padding-top: 0;
    padding-left: 2px;
    border: none;
}
.com_carelines p.if-add-password {
    margin: 0;
    padding: 40px 0 20px 3px;
}
.view-full_story .module-progressbar .progress-bar-danger,
.view-donation .module.donation-module.donation-progress .progress-bar-danger,
.view-donation .module.mod-cl-mobile .progress-bar-danger {
    background-color: #ffffff;
}
.donation-inline {
    display: none;
}
/* ===================================== */
/* SINGLE_PATIENT_DONATION_LOGIN         */
.body-carelines #content-area form#loginForm {
    padding: 0;
}
.view-donation.layout- #message-component {
    padding: 0 130px 0 0;
}
.view-donation.layout- .before-donation {
    padding-right: 130px;
}
.before-donation #login,
.already-have #login2 {
    cursor: pointer;
}
#logindiv {
    width: 100%;
    margin: 0;
    padding: 0 130px 0 0;
    transition: 0.25s all ease-in-out;
    height: 0;
    overflow: hidden;
}
#logindiv.show-login {
    height: 260px;
    overflow: hidden;
    margin: 0 0 40px 0;
}
#logindiv .cl-apply-login {
    max-width: 460px;
    background: #ffffff;
    max-height: 260px;
    border-radius: 5px;
    padding: 20px;
    margin: 0 auto;
    height: 260px;
    transition: 0.25s all ease-in-out;
}
#logindiv .cl-apply-login input[type="text"], 
#logindiv .cl-apply-login input[type="email"], 
#logindiv .cl-apply-login input[type="password"] {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    margin: 0 0 15px 0;
    background: #E5F7E2;
    color: #365A64;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    height: initial;
    border-radius: 5px;
    border: none;
    transition: 0.25s all ease-in-out;
}
#logindiv .cl-apply-login input[type="text"]::placeholder,
#logindiv .cl-apply-login input[type="email"]::placeholder,
#logindiv .cl-apply-login input[type="password"]::placeholder {
    opacity: 1 !important;
    color: #365A64 !important;
}
#logindiv .cl-apply-login .control-group .controls button {
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    margin: 0;
    background: #008343;
    color: #ffffff;
    font-weight: 400;
    font-size: 18px;
    line-height: 46px;
    height: initial;
    border-radius: 5px;
    border: 1px solid #008343;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    text-transform: none;
    transition: 0.25s all ease-in-out;
    height: 50px;
}
#logindiv .cl-apply-login .control-group .controls button:hover {
    background: #ffffff;
    color: #008343;
}
.already-have {
    overflow: hidden;
    width: 100%;
    margin: 0 0 30px 0;
    font-size: 18px;
    line-height: 23px;
    color: #ffffff;
    background: #008343;
    text-align: center;
    padding: 20px;
    border-radius: 5px;
    font-weight: 400;
}
.already-have #login2 {
    color: #ffffff !important;
}
#already-have-out {
    overflow: hidden;
    display: block;
    height: 0;
    transition: all 0.35s ease-in-out;
}
#already-have-out.already-show {
    overflow: hidden;
    display: block;
    height: 120px;
}
#adonate.btn-150x50 {
    width: 250px;
}
#donationfrm .field.anonymous,
#donationfrm .field.private,
#donationfrm .field.accept-terms {
    display: block;
    margin: 0 0 20px 0;
}
#donationfrm .field.anonymous input[type="checkbox"],
#donationfrm .field.private input[type="checkbox"],
#donationfrm .field.accept-terms input[type="checkbox"] {
    display: none;
}
#donationfrm .field.anonymous input[type="checkbox"] + label,
#donationfrm .field.private input[type="checkbox"] + label,
#donationfrm .field.accept-terms input[type="checkbox"] + label {
    background: transparent url("../images/tick_donate_01.png") no-repeat scroll 2px 10px;
    border: none;
    border-radius: 0;
    display: block;
    font-size: 20px;
    font-weight: 400;
    height: auto;
    line-height: 20px;
    margin: 0 0 7px 0;
    padding: 5px 10px 5px 30px;
    width: 100%;
    color: #284e6e;
    font-family: 'Caveat', cursive !important;
}
#donationfrm .field.anonymous input[type="checkbox"]:checked + label,
#donationfrm .field.private input[type="checkbox"]:checked + label,
#donationfrm .field.accept-terms input[type="checkbox"]:checked + label {
    background: transparent url("../images/tick_donate_02.png") no-repeat scroll 2px 10px;
}
.one-donor-cards {
    column-count: 2;
    column-gap: 100px;
    position: relative;
    width: 100%;
    padding: 20px 100px 0 0;
}
.one-donor-all {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 30px;
}
.one-donor-all .all-don-name {
    font-size: 20px;
    font-weight: 700;
    color: #284e6e;
    margin: 0;
    padding: 0 0 2px 0;
}
.one-donor-all .all-don-info {
    color: #284e6e;
    font-size: 16px;
}
.one-donor-all .all-don-message {
    color: #284e6e;
    font-size: 16px;
    padding: 0 0 5px 0;
    font-weight: 500;
}
.one-donor-all .all-don-reply {
    color: #73a424;
    font-size: 16px;
    padding: 0 0 5px 30px;
    font-weight: 500;
}
.field.switch.sw-sm.switch-monthly .field-label {
    width: calc(100% - 60px);
    padding-right: 0;
}
/* ===================================== */
/* SINGLE_PATIENT_VOLUNTEER              */
.view-volunteering #calendar.calendar-volunteer .fc-day-grid-event.fc-h-event.fc-event,
.view-volunteering #calendar.calendar-volunteer .fc-time-grid-event.fc-v-event.fc-event,
.view-volunteering #calendar.calendar-volunteer .fc-list-table .fc-list-item > td {
    cursor: pointer;
}
.volunteer-task-list {
    margin: 50px 0 0 0;
}
.vtl-task {
    display: block;
    overflow: hidden;
    width: 100%;
    margin: 0 0 40px 0;
}
.vtl-task-text {
    display: block;
    float: left;
    width: calc(100% - 130px);
    padding: 0 40px 0 0;
    margin: 0;
}
.vtl-task-text > div {
    color: #284e6e;
}
.vtl-task-buttons {
    display: block;
    float: left;
    width: 130px;
}
.vtl-task-name {
    font-weight: 700;
    font-size: 20px;
    margin: 0;
    padding: 0 0 5px 0;
}
.vtl-task-period {
    font-weight: 700;
    font-size: 14px;
    margin: 0;
    padding: 0;
}
.vtl-task-details {
    padding: 0 50px 0 0;
    line-height: 19px;
}
.vtl-top-title {
    margin: 0;
    padding: 20px 0 40px 0;
}
.scheduled-tasks .module-content,
.completed-tasks .module-content {
    background: #f0f7e7;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    padding: 20px;
}
.scheduled-tasks .headline,
.completed-tasks .headline {
    background: #f07f6d;
    margin: 0;
    color: #ffffff;
    padding: 10px 20px;
    font-size: 28px;
    border-radius: 5px 5px 0 0;
}
.completed-tasks .headline {
    background: #9ecc52;
}
.scheduled-tasks .headline h4,
.completed-tasks .headline h4 {
    margin: 0;
    color: #ffffff;
    padding: 0;
    font-size: 24px;
    text-transform: none !important;
    font-family: 'Caveat', cursive !important;
}
.tsk-name {
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 20px;
    font-weight: 700;
    color: #284e6e;
    line-height: 20px;
}
.com_carelines p.tsk-date,
.com_carelines p.tsk-hours,
.com_carelines p.tsk-desc {
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 14px;
    line-height: 20px;
}
.com_carelines p.tsk-date,
.com_carelines p.tsk-desc {
    padding: 0;
}
.scheduled-tasks .task-action-btn {
    font-size: 22px;
    margin: 0;
    padding: 15px 0 5px 0;
    display: block;
}
.com_carelines .task-counter {
    margin: 0;
    padding: 0 0 15px 0;
}
.com_carelines .task-counter p {
    margin: 0;
}
.cl-front-volunteer h3.caveat {
    font-size: 40px;
    color: #ffffff;
    line-height: 40px;
    margin: 0;
    padding: 10px 0 0 0;
}
.cl-front-volunteer .modal-text p {
    color: #00532a;
    font-size: 16px;
}
.cl-front-volunteer .sch-task-checkbox {
}
.cl-front-volunteer .sch-task-checkbox input {
    display: none;
}
.cl-front-volunteer .sch-task-checkbox input + label {
    background: transparent url(../images/tick_white2_1.png) scroll no-repeat 0 3px;
    padding: 0 0 5px 28px;
    color: #00532a;
    font-weight: 300;
    font-size: 16px;
}
.cl-front-volunteer .sch-task-checkbox input:checked + label {
    background: transparent url(../images/tick_white2_2.png) scroll no-repeat 0 50%;
}
.cl-front-volunteer textarea#id-message {
    margin: 15px 0 0 0;
    background: #ffffff;
    color: #00532a;
    font-size: 16px;
    font-weight: 300;
}
.cl-front-volunteer .modal-buttons {
    text-align: right;
}
.cl-front-volunteer .modal-buttons > a {
    background: #ffffff;
    padding: 4px 20px;
    font-size: 16px;
    text-transform: uppercase;
}
.cl-front-volunteer .modal-text .modal-calendar-block {
    display: block;
    width: 100%;
    overflow: hidden;
    margin: 10px 0 20px;
    background: #ffffff;
    border-radius: 5px;
    padding: 10px 15px;
}
.view-volunteering .cl-front-volunteer .modal-text .modal-calendar-block {
    margin: 10px 0 0;
}
.task-mini-calendar .datepicker .datepicker-days .table-condensed td.day.available-date {
    background: transparent !important;
    position: relative;
    z-index: 1;
    border: 1px solid #cccccc !important;
}
.task-mini-calendar .datepicker .datepicker-days .table-condensed td.day.available-date.active {
    color: #222222;
    text-shadow: none;
    font-weight: 500;
}
.task-mini-calendar .datepicker .datepicker-days .table-condensed td.day.available-date::before {
    display: block;
    content: " ";
    background: transparent !important;
    border: 2px solid #A3BF74;
    border-radius: 30px;
    position: absolute;
    top: 1px;
    left: 2px;
    bottom: initial;
    right: initial;
    z-index: -1;
    width: 29px;
    height: 28px;
}
.task-mini-calendar .datepicker .datepicker-days .table-condensed td.day.available-date.active::before {
    background: #A3BF74 !important;
    border: 2px solid #A3BF74;
    border-radius: 30px;
    position: absolute;
    top: 1px;
    left: 2px;
    bottom: initial;
    right: initial;
    z-index: -1;
    width: 29px;
    height: 28px;
}
.modal-calendar-block .task-mini-calendar {
    height: 250px;
    display: block;
    float: left;
    align-items: initial;
    padding: 0 20px 0 0;
    width: 250px;
}
.modal-calendar-block .right-col {
    height: 250px;
    display: block;
    float: left;
    width: calc(100% - 251px);
    padding: 30px 0 0 0;
}
.modal-calendar-block .right-col #selected-dates {
    display: block;
    height: 164px;
    overflow-y: auto;
}
.modal-calendar-block .right-col .calendar-key {
    height: 30px;
    display: block;
}
.modal-calendar-block .right-col .calendar-key span {
    display: block;
    padding: 0 0 0 30px;
    line-height: 30px;
    position: relative;
}
.modal-calendar-block .right-col .calendar-key span::before {
    border: 2px solid #A3BF74;
    border-radius: 30px;
    position: absolute;
    top: 4px;
    left: 0;
    bottom: initial;
    right: initial;
    width: 24px;
    height: 24px;
    content: " ";
}
.modal-calendar-block .right-col #selected-dates span {
    display: block;
    line-height: 24px;
    font-size: 15px;
    margin: 0;
    padding: 0 0 3px 0;
    width: 100%;
}
.calendar-volunteer .fc-toolbar .fc-left,
.calendar-volunteer .fc-toolbar .fc-right {
    padding-top: 12px;
}
.calendar-volunteer .fc-toolbar .fc-left > button {
    border: none !important;
    background: #A1CC56;
    color: #ffffff;
    line-height: 28px;
    padding: 0 6px 2px;
    box-shadow: none;
    border-radius: 5px;
    margin: 0 0 0 5px;
    text-shadow: none;
    transition: all ease-in-out 0.25s;
}
.calendar-volunteer .fc-toolbar .fc-left .fc-button-group button {
    border: none !important;
    background: #A1CC56;
    color: #ffffff;
    line-height: 28px;
    padding: 0 6px 2px;
    box-shadow: none;
    border-radius: 5px;
    margin: 0 0 0 5px;
    text-shadow: none;
    transition: all ease-in-out 0.25s;
}
.calendar-volunteer .fc-toolbar .fc-left .fc-button-group button span {
    vertical-align: top;
    height: 20px;
    margin: 5px 0 0 0;
}
.calendar-volunteer .fc-toolbar .fc-right .fc-button-group button {
    border: none !important;
    background: #A1CC56;
    color: #ffffff;
    line-height: 28px;
    padding: 0 6px 2px;
    box-shadow: none;
    border-radius: 5px;
    margin: 0 0 0 5px;
    text-shadow: none;
    transition: all ease-in-out 0.25s;
}
.calendar-volunteer .fc-toolbar .fc-left .fc-button-group button:hover,
.calendar-volunteer .fc-toolbar .fc-right .fc-button-group button:hover {
    background: #739836;
}
.module.invited-tasks {
    background: #f0f7e7;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
}
.module.invited-tasks .headline {
    background: #9ecc52;
    padding: 10px 20px;
}
.module.invited-tasks .headline h4 {
    text-align: left;
    text-transform: none;
    font-weight: 400;
    color: #ffffff;
    font-size: 25px;
    line-height: 30px;
    font-family: 'Caveat', cursive !important;
    margin: 0;
}
.module.invited-tasks .tasks-title-block.task-manage {
    padding: 20px 20px 10px 20px;
}
.module.invited-tasks h3 {
    margin: 0;
    line-height: 24px;
    font-size: 18px;
    color: #365a64;
    font-weight: 700;
}
.module.invited-tasks .task-undertitle-block {
    padding: 0 0 10px 0;
}
.module.invited-tasks .task-description-block {
    padding: 0;
    color: #365a64;
}
.module.invited-tasks .task-description-block p {
    margin: 0;
    padding: 0 0 8px 0;
}
.module.invited-tasks .task-calendars-block.edit-dates {
    padding: 0 20px 20px 20px;
}
.view-volunteering #modal-window .modal-box.cl-front-modal .modal-text h4 {
    color: #008343;
    font-size: 14px;
    text-align: center;
    padding: 3px 40px 0 25px;
    margin: 0;
    line-height: 19px;
}
.view-volunteering #modal-window .calendar-key.couple {
    display: block;
    overflow: hidden;
    width: 100%;
    margin: 0 0 30px 5px;
}
.view-volunteering #modal-window .modal-box.cl-front-modal .modal-text h4 {
    color: #ffffff;
    font-weight: 400;
}
.view-volunteering #modal-window .task-people-assigned.none-assigned::before {
    background: #ffffff !important;
    border: 2px solid #7C9E43;
}
.view-volunteering #modal-window .calendar-key.couple .task-people-assigned.one-assigned::before {
    border: 2px solid #7C9E43;
    background: #7C9E43 !important;
}
.view-volunteering #modal-window .modal-box.cl-front-volunteer .modal-text h3 {
    color: #ffffff;
    font-size: 32px;
}
.view-volunteering #modal-window .modal-box.cl-front-volunteer .modal-text p {
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 18px;
    color: #365a64;
}
/* ===================================== */
/* SINGLE_PATIENT_MESSAGE                */
.com_carelines.view-vguestbook #content {
    padding-right: 80px;
}
.com_carelines.view-vguestbook #adminForm {
    margin-top: 5px;
    margin-bottom: 40px;
}
.com_carelines.view-vguestbook.public-area #care-top-menu {
    display: none;
}
.com_carelines.view-vguestbook.public-area #content.col-md-8 {
    padding-right: 80px;
}
.com_carelines.view-vguestbook.public-area .sidebar-right {
    padding: 0;
    margin-top: 5px;
}
.com_carelines.view-vguestbook.public-area .sidebar-right .module {
    background: #eeeeee;
    overflow: hidden;
    border-radius: 5px;
}
.com_carelines.view-vguestbook.public-area .sidebar-right .module input[type="text"],
.com_carelines.view-vguestbook.public-area .sidebar-right .module input[type="email"] {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    margin: 0 0 15px 0;
    background: #ffffff;
    color: #9ecc52;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    height: initial;
    border-radius: 5px;
    border: none;
}
.com_carelines.view-vguestbook.public-area .sidebar-right .module input::placeholder {
    opacity: 1 !important;
    color: #9ecc52 !important;
}
.com_carelines.view-vguestbook.public-area .sidebar-right .module textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 15px 10px;
    margin: 0 0 15px 0;
    background: #ffffff;
    color: #9ecc52;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    height: initial;
    border-radius: 5px;
    border: none;
}
.com_carelines.view-vguestbook.public-area .sidebar-right .module textarea::placeholder {
    opacity: 1 !important;
    color: #9ecc52 !important;
}
.mod-send-message > .headline {
    background: #9ecc52;
    padding: 10px 20px 10px 20px;
    text-align: center;
    text-transform: none;
}
.mod-send-message .module-content h3.module-title {
    background: #9ecc52;
    color: #ffffff;
    padding: 15px 30px 20px 30px;
    margin: 0;
    text-transform: none;
    text-align: left;
    font-family: 'Caveat', cursive !important;
    font-weight: 400;
    font-size: 26px;
    line-height: 26px;
}
.mod-send-message .module-content h3.module-title span {
    display: inline-block;
    text-transform: none;
    font-family: 'Caveat', cursive !important;
    font-weight: 400;
}
.mod-send-message > .headline h4 {
    font-family: 'Caveat', cursive !important;
    font-weight: 400;
    color: #ffffff;
    font-weight: 400;
    text-transform: none;
    font-size: 26px;
    margin: 0;
    line-height: 36px;
    text-align: left;
}
.mod-send-message.module .module-content {
    padding: 0;
}
.mod-send-message.module .module-content #messageform {
    padding: 30px 30px 10px 30px;
    display: block;
    overflow: hidden;
}
.mod-send-message.module input.btn-send-message {
    text-align: right;
    margin-bottom: 5px;
    font-weight: 500;
    outline: none;
    border: none;
    float: right;
    margin: 5px 0 10px 0;
    color: #739836;
    background: transparent;
    font-size: 26px;
    font-weight: 500;
}
.view-vguestbook .message-filters select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    outline: none;
    border: none;
    background-color: #9ecc52;
    background-image: url(../images/drop_arrow_g.png);
    background-position: calc(100% - 10px) center;
    background-size: 26px 13px;
    background-repeat: no-repeat;
    background-attachment: scroll;
    padding: 11px 12px;
    border-radius: 5px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    margin: 0 10px 0 0;
    min-width: 200px;
    max-width: 284px;
}
.message-filters > div {
    width: calc(50% - 17px);
    display: inline-block;
}
.message-filters > div.message-sort {
    margin-right: 15px;
}
.message-filters > div.message-search {
    margin-left: 15px;
}
.message-filters .message-search input[type="text"] {
    width: 100%;
    line-height: 40px;
    padding: 0px 40px 0 15px;
    border-radius: 5px;
    outline: none;
    border: none;
    font-size: 24px;
    color: #ffffff;
    font-weight: 400;
    background-color: #9ecc52;
    height: 50px;
}
.message-filters .message-search {
    position: relative;
    vertical-align: top;
}
.message-filters .message-search input::placeholder {
    opacity: 1 !important;
    color: #ffffff !important;
}
.message-filters .message-search input.button {
    position: absolute;
    right: 2px;
    top: 5px;
    z-index: 99;
    width: 40px;
    height: 40px;
    padding: 9px;
    background: transparent;
    border: none;
    text-indent: -9999px;
}
.view-vguestbook .jc-block {
    border: 1px solid #E1E1E1;
    padding: 30px 25px 10px 35px;
    margin: 0 0 24px 0;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 15px rgba(0,0,0,0.15);
}
.view-vguestbook .messages-block .jc-block .main-message {
    color: #284e6e;
    display: block;
    overflow: auto;
}
.view-vguestbook .messages-block .jc-block .main-message.from-patient {
    color: #9ab36a;
}
.view-vguestbook .messages-block .jc-block .main-message.c-level-1 {
    padding: 0 0 25px 0;
}
.messages-block .main-message.level_1 {
    padding-left: 15px;
    padding-bottom: 0;
    padding-top: 25px;
}
.messages-block .main-message.level_1:first-child {
    padding-top: 0;
}
.messages-block .main-message.level_2 {
    padding-left: 45px;
}
.messages-block .main-message.level_3 {
    padding-left: 75px;
}
.messages-block .main-message.level_4 {
    padding-left: 105px;
}
.messages-block .main-message.level_5 {
    padding-left: 135px;
}
.messages-block .btn-message-reply {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}
.messages-block .btn-message-reply {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    outline: none;
    border: none;
    background: transparent;
    text-transform: none;
    padding: 10px 0;
}
.reply-accordion {
    padding: 0 0 20px 5px;
    background: #eeeeee;
    border-radius: 5px;
    max-width: 100%;
}
.reply-accordion.level_1 {
    margin-left: 15px;
    padding-left: 5px;
}
.reply-accordion.level_2 {
    margin-left: 45px;
    padding-left: 5px;
}
.reply-accordion.level_3 {
    margin-left: 75px;
    padding-left: 5px;
}
.reply-accordion.level_4 {
    margin-left: 105px;
    padding-left: 5px;
}
.reply-accordion.level_5 {
    margin-left: 135px;
    padding-left: 5px;
}
.com_carelines .reply-accordion input[type="text"],
.com_carelines .reply-accordion input[type="email"] {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    margin: 0 0 15px 0;
    background: #ffffff;
    color: #9ecc52;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    height: initial;
    border-radius: 5px;
    border: none !important;
}
.com_carelines .reply-accordion input[type="text"]::placeholder,
.com_carelines .reply-accordion input[type="email"]::placeholder {
    opacity: 1 !important;
    color: #9ecc52 !important;
}
.com_carelines .reply-accordion textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 15px 10px;
    margin: 0;
    background: #ffffff;
    color: #9ecc52;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    height: initial;
    border-radius: 5px !important;
    border: none !important;
}
.com_carelines .reply-accordion textarea::placeholder {
    opacity: 1 !important;
    color: #9ecc52 !important;
}
.com_carelines .reply-accordion button.message-send {
    margin-left: 15px;
}
/* ===================================== */
/* SINGLE_PATIENT_JOURNAL                */
.com_carelines.view-vjournals #adminForm {
    margin-top: 5px;
    margin-bottom: 40px;
}
.com_carelines.view-vjournals.public-area #care-top-menu,
.com_carelines.view-vjournal.public-area #care-top-menu {
    display: none;
}
.com_carelines.view-vjournals.public-area #content.col-md-8,
.com_carelines.view-vjournal.public-area #content.col-md-8 {
    padding-right: 120px;
}
.com_carelines.view-vjournals.public-area .sidebar-right,
.com_carelines.view-vjournal.public-area .sidebar-right {
    max-width: 320px;
    padding: 0;
    margin-top: 5px;
}
.com_carelines.view-vjournals.public-area .sidebar-right .module,
.com_carelines.view-vjournal.public-area .sidebar-right .module {
    background: #eeeeee;
    overflow: hidden;
    border-radius: 5px;
}
.com_carelines.view-vjournals.public-area .sidebar-right .module.search-sort,
.com_carelines.view-vjournal.public-area .sidebar-right .module.search-sort {
    background: transparent;
    overflow: hidden;
    border-radius: 0;
}
.mod-side-journal.module > .headline {
    background: #9ecc52;
    padding: 10px 20px 10px 20px;
    text-align: center;
    text-transform: none;
}
.mod-side-journal.module > .headline h4 {
    font-family: 'Caveat', cursive !important;
    font-weight: 400;
    color: #ffffff;
    font-weight: 400;
    text-transform: none;
    font-size: 20px
}
.com_carelines.public-area .module.search-sort {
    margin-bottom: 20px;
}
.com_carelines.public-area .module.search-sort form {
    margin: 5px 0 0 0 !important;
}
.com_carelines.view-vjournals.public-area .sidebar-right .module .module-content,
.com_carelines.view-vjournal.public-area .sidebar-right .module .module-content {
    padding: 20px 20px 20px 20px;
}
.com_carelines.view-vjournals.public-area .sidebar-right .module.search-sort .module-content,
.com_carelines.view-vjournal.public-area .sidebar-right .module.search-sort .module-content {
    padding: 0;
}
.com_carelines.public-area .module.search-sort .message-filters select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    outline: none;
    border: none;
    background-color: #9ecc52;
    background-image: url(../images/drop_arrow_g.png);
    background-position: calc(100% - 10px) center;
    background-size: 26px 13px;
    background-repeat: no-repeat;
    background-attachment: scroll;
    padding: 10px 12px;
    border-radius: 5px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    margin: 0 10px 0 0;
    width: 100%;
}
.com_carelines.public-area .module.search-sort .message-filters > div {
    width: 100%;
    display: inline-block;
}
.com_carelines.public-area .module.search-sort .message-filters > div.message-sort {
    margin: 0;
}
.com_carelines.public-area .module.search-sort .message-filters > div.message-search {
    margin: 0 0 20px 0;
}
.com_carelines.public-area.view-vjournals:not(.layout-list) .message-filters > div.message-search {
    margin: 0;
}
.com_carelines.public-area .module.search-sort .message-filters .message-search input[type="text"] {
    width: 100%;
    line-height: 44px;
    padding: 0px 40px 0 15px;
    border-radius: 5px;
    outline: none;
    border: none;
    font-size: 24px;
    color: #ffffff;
    font-weight: 400;
    background-color: #9ecc52;
    height: 45px;
}
.com_carelines.public-area .module.search-sort .message-filters .message-search {
    position: relative;
    vertical-align: top;
    margin-left: 15px;
}
.com_carelines.public-area .module.search-sort .message-filters .message-search input {
    width: 100%;
    line-height: 44px;
    padding: 0px 40px 0 15px;
    border-radius: 5px;
    outline: none;
    border: none;
    font-size: 24px;
    color: #ffffff;
    font-weight: 400;
    background-color: #9ecc52;
    height: 45px;
}
.com_carelines.public-area .module.search-sort .message-filters .message-search input::placeholder {
    opacity: 1 !important;
    color: #ffffff !important;
}
.com_carelines.public-area .module.search-sort .message-filters .message-search input.button {
    position: absolute;
    right: 2px;
    top: 2px;
    z-index: 99;
    width: 40px;
    height: 40px;
    padding: 9px;
    background: transparent;
    border: none;
    text-indent: -9999px;
}
.view-vjournals .journal-list {
    padding: 40px 0 0 0;
}
.view-vjournals .journal-list h2 {
    font-size: 40px;
    margin: 0;
    padding: 0 0 20px 0;
}
.view-vjournals.layout-list h2.app-title.appt-search {
    margin: 0;
    padding: 0;
}
.view-vjournals.layout-list h2.app-title:not(.appt-search) {
    margin: 0;
    padding: 0 0 10px 0;
}
.view-vjournals:not(.layout-list)
.journal-post-container {
    margin: 0;
    padding: 0;
    border-bottom: none;
}
.journal-post-container:last-child {
    margin: 0;
    padding: 0;
    border-bottom: none;
}
.journal-list .journal-post-container {
    margin: 0 0 50px 0;
    padding: 0 0 50px 0;
    border-bottom: 1px dotted #aaaaaa;
}
.journal-list .journal-post-container:last-child {
    margin: 0;
    padding: 0;
    border-bottom: none;
}
.journal-post-container .post-title {
    margin: 0;
    padding: 5px 0 30px 0;
    width: calc(100% - 120px);
}
.journal-post-container .post-title h4 {
    font-size: 36px;
    font-weight: 700;
    text-transform: none;
    margin: 0;
    padding: 0;
    line-height: 36px;
    display: inline-block;
    color: #9ecc52;
    width: calc(100% - 140px);
}
.journal-post-container .post-title.has-image h4 {
    padding: 20px 0 0 0;
}
.journal-post-container .post-title h4 a {
    font-weight: 300;
    color: #9ecc52;
}
.journal-post-container .post-title div.author {
    margin: 0;
    padding: 2px 0 0 0;
    float: right;
    width: 140px;
    text-align: right;
    font-size: 12px;
    color: #284e6e;
    font-weight: 400;
    line-height: 18px;
}
.journal-post-container .post-title.has-image div.author {
    padding: 20px 0 0 0;
}
.jlt-created {
    margin: 0;
    text-align: right;
    float: right;
    font-size: 13px;
    line-height: 18px;
    padding: 5px 0 0 0;
    color: #284e6e;
}
.journal-post-container .post-text {
    font-size: 16px;
}
.journal-post-container .post-text > p > img {
    display: block;
    margin: 20px 0 15px;
}
.post-image {
    margin: 0 0 20px 0;
}
.journal-post-container .post-text > p {
    font-size: 16px !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 0 0 15px 0 !important;
    font-family: 'rawline', sans-serif !important;
    line-height: 22px !important;
}
.view-vjournal .journal-post-container {
    margin: 0 0 50px 0;
    border-bottom: none;
    padding: 0;
}
.com_carelines.public-area.view-vjournals:not(.layout-list) .message-filters > div.message-search {
    margin-left: 0;
}
.messages-block.guestbook-block .main-message .jc-comment {
    width: 100%;
}
.jc-comment .jc-comment-text {
    margin: 0;
    line-height: 20px;
}
.jc-comment .jc-comment-name {
    margin: 0;
    line-height: 20px;
    padding: 7px 0 0 10px;
    font-weight: 700;
}
.jc-comment .jc-comment-date {
    margin: 0;
    line-height: 18px;
    padding: 0 0 0 10px;
    font-size: 13px;
}
.jc-comment .jc-message-reply {
    margin: 0;
    line-height: 20px;
    min-height: 24px;
    padding: 0 0 0 10px;
    width: 100%;
    position: relative;
}
.jc-comment .jc-message-reply .btn-message-reply {
    min-height: 24px;
    padding: 0;
    position: absolute;
    top: 10px;
    left: initial;
    right: 35px;
    z-index: 999;
    color: #365a64;
}
.jc-comment .jc-message-reply .btn-message-reply.collapsed {
    position: absolute;
    top: 0;
    left: 10px;
    right: initial;
}
.jc-comment .jc-message-reply .btn-message-reply .jcmr-cl {
    display: none;
}
.jc-comment .jc-message-reply .btn-message-reply .jcmr-op {
    display: block;
}
.jc-comment .jc-message-reply .btn-message-reply.collapsed .jcmr-cl {
    display: block;
}
.jc-comment .jc-message-reply .btn-message-reply.collapsed .jcmr-op {
    display: none;
}
.jc-comment .jc-message-reply .reply-accordion.collapse {
    margin: 10px 0 15px 0;
    width: calc(100% - 20px);
    padding: 0;
}
.jc-comment .jc-message-reply .reply-accordion.collapsing {
    margin: 10px 0 15px 0;
    width: calc(100% - 20px);
    padding: 0;
}
.jc-comment .jc-message-reply .reply-accordion.collapse.in {
    margin: 10px 0 15px 0;
    width: calc(100% - 20px);
}
.jc-comment .jc-message-reply .reply-accordion .modal-body {
    display: block;
    overflow: hidden;
}
.jc-comment .jc-message-reply .reply-accordion .modal-body .jc-comment-replying {
    margin: 0;
    padding: 0 0 15px 0;
}
.jc-comment .jc-message-reply .reply-accordion .modal-body > button {
    margin-top: 10px;
}
.messages-block.guestbook-block .main-message.c-level-1 {
    display: block;
    overflow: auto;
    padding-bottom: 15px;
}
.messages-block.guestbook-block .main-message.c-level-2 {
    display: block;
    padding-left: 20px;
    overflow: auto;
    padding-bottom: 15px;
}
.messages-block.guestbook-block .main-message.c-level-3 {
    display: block;
    padding-left: 40px;
    overflow: auto;
    padding-bottom: 15px;
}
.messages-block.guestbook-block .main-message.c-level-4 {
    display: block;
    padding-left: 60px;
    overflow: auto;
    padding-bottom: 15px;
}
.messages-block.guestbook-block .main-message.c-level-5 {
    display: block;
    padding-left: 80px;
    overflow: auto;
    padding-bottom: 15px;
}
.view-vguestbook .messages-block .jc-block .main-message.fromuser,
.view-vguestbook .messages-block .jc-block .main-message.fromuser > .jc-comment p {
    color: #9ab36a;
}
.view-vjournals .show-comments {
    margin: 0 0 25px 0;
}
.view-vjournals #post_show {
    margin: 0 0 25px 0;
    width: 150px;
}
.view-vjournals #post_show.com-open {
    background: #dddddd;
    border: 1px solid #cccccc;
    color: #58535b;
}
.view-vjournals .comments form .journ-com-block {
    border: 1px solid #99d82f;
    margin: 0 0 10px 0;
    outline: none;
}
.view-vjournals .comments form .journ-com-block input[type="text"],
.view-vjournals .comments form .journ-com-block textarea {
    border: none !important;
}
.view-vjournals .comments form .journ-com-block textarea {
    height: 120px;
    padding: 5px 10px 7px 10px;
    color: #58535b;
    width: 100%;
    margin: 0;
    display: block;
}
.view-vjournals .comments form .journ-com-block.journ-name {
    width: calc(48% - 2px);
    display: inline-block;
}
.view-vjournals .comments form .journ-com-block.journ-name.fname {
    margin-right: 2%;
}
.view-vjournals .comments form .journ-com-block.journ-name.lname {
    margin-left: 2%;
}
.view-vjournals .comments form .journ-com-block input[type="text"] {
    padding: 5px 10px 7px 10px;
    color: #58535b;
}
.view-vjournals .comments form .journ-com-block input[type="text"]::placeholder {
    opacity: 1 !important;
    color: #58535b !important;
}
.view-vjournals .comments form .journ-com-block textarea::placeholder {
    opacity: 1 !important;
    color: #58535b !important;
}
.button-post-comment {
    border: none !important;
    width: 180px;
    margin: 10px 10px 0 0;
    line-height: 24px;
    padding: 7px 20px 10px 20px;
    border-radius: 5px;
    color: #ffffff;
    background: #008449;
    transition: all 0.25s ease-in-out;
}
.button-post-comment {
    background: #006c3c;
}
.button-post-comment.close-comment {
    width: 110px;
    background: #eeeeee;
    color: #58535b;
    transition: all 0.25s ease-in-out;
}
.button-post-comment.close-comment:hover {
    background: #dddddd;
}
.show_comments.caveat {
    background: transparent url(../images/arrow_round_d_g.png) no-repeat scroll right center;
    padding: 0 30px 0 0;
}
.show_comments.caveat.comm-open {
    background: transparent url(../images/arrow_round_u_g.png) no-repeat scroll right center;
}
.post-comments .comments {
    max-width: 600px;
}
.comments #post_show,
.btn.btn-comment-post {
    background: #008343;
    color: #ffffff;
    width: 180px;
    height: 50px;
    outline: none;
    border-radius: 5px;
    font-size: 26px;
    font-family: 'Caveat', cursive !important;
    padding: 0 2px 2px 0;
    transition: all 0.25s ease-in-out;
    border: 1px solid #008343;
    margin: 10px 0 15px;
}
.comments #post_show:hover,
.btn.btn-comment-post:hover {
    background: #ffffff;
    color: #008343;
}
.post_comment {
    margin: 10px 0 20px;
}
.btn.btn-comment-post.disabled {
    opacity: 0.4;
}
.com_carelines .post_comment form textarea {
    border: 1px solid #99d82f;
    width: 100%;
    height: 100px;
    padding: 5px 10px;
    margin: 10px 0 0 0;
    display: block;
    border-radius: 5px;
    font-size: 16px;
    color: #365a64;
    line-height: 22px;
}
.com_carelines .post_comment form input[type="text"] {
    border: 1px solid #99d82f;
    width: 60%;
    height: 40px;
    padding: 5px 10px;
    margin: 10px 0 0 0;
    display: block;
    border-radius: 5px;
    font-size: 16px;
    color: #365a64;
}
.all-required {
    margin: 0 0 0 15px;
    color: #aaaaaa;
}
.comment-block {
    margin: 0 0 15px 0;
}
.comment-block .comment-block-in.level_1 {
    margin: 0 0 5px 0;
    padding: 0;
}
.comment-block .comment-block-in.level_2 {
    margin: 0 0 5px 0;
    padding: 0 0 0 25px;
}
.comment-block .comment-block-in.level_3 {
    margin: 0 0 5px 0;
    padding: 0 0 0 50px;
}
.comment-block .comment-block-in.level_4 {
    margin: 0 0 5px 0;
    padding: 0 0 0 75px;
}
.comment-block .comment-block-in.level_5 {
    margin: 0 0 5px 0;
    padding: 0 0 0 100px;
}
.comment-block .comment-block-in .com-blk-text {
    color: #365a64;
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    margin: 0;
    padding: 0 0 5px 0;
    display: block;
}
.comment-block .comment-block-in .com-blk-author {
    color: #365a64;
    font-family: 'Caveat', cursive !important;
    font-size: 22px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    display: block;
}
.comment-block .comment-block-in .com-blk-date {
    color: #365a64;
    font-size: 13px;
    line-height: 14px;
    margin: 0;
    padding: 0 0 10px 0;
    display: block;
}
.comment-block .comment-reply-block {
    
}
.comment-reply-block .comment-reply-open-btn {
    
}
.comment-reply-block .comment-reply-open-btn button {
    font-family: 'Caveat', cursive !important;
    border: none;
    outline: none;
    background: none;
    color: #365a64;
    padding: 0 0 10px 0;
    margin: 0;
    font-size: 18px;
    text-transform: none;
}
.comment-reply-block .reply-block {
}
.comment-reply-block .reply-block .form-reply {
    background: #f1f1f1;
    padding: 8px 15px 0;
    border-radius: 5px;
}
.comment-reply-block .reply-block input[type="text"],
.comment-reply-block .reply-block input[type="email"] {
    border: 1px solid #99d82f;
    width: 60%;
    height: 40px;
    padding: 5px 10px;
    margin: 10px 0 0 0;
    display: block;
    border-radius: 5px;
    font-size: 16px;
    color: #365a64;
}
.comment-reply-block .reply-block textarea {
    border: 1px solid #99d82f;
    width: 100%;
    height: 100px;
    padding: 5px 10px;
    margin: 10px 0 0 0;
    display: block;
    border-radius: 5px;
    font-size: 16px;
    color: #365a64;
    line-height: 22px;
}
.comment-reply-block .reply-block button {
    background: #008343;
    color: #ffffff;
    width: 180px;
    height: 40px;
    outline: none;
    border-radius: 5px;
    font-size: 26px;
    font-family: 'Caveat', cursive !important;
    padding: 0 2px 2px 0;
    transition: all 0.25s ease-in-out;
    border: 1px solid #008343;
    margin: 10px 0 15px;
}
.comment-reply-block .reply-block button:hover {
    background: #ffffff;
    color: #008343;
}
.reply-accordion .modal-body .btn {
    border: none;
    font-size: 24px;
    line-height: 28px;
    color: #365a64;
    background: transparent;
}
/* ===================================== */
/* APPLY_TO_CARELINES                    */
.itemid-411.loggedout #page,
.itemid-411.loggedin.view-registration #page {
    background: #ffffff;
}
.itemid-411.loggedout #page #mainbody .container {
    max-width: 740px;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
}
.itemid-411 .form-carelines-apply h2 {
    font-size: 48px;
    text-align: center;
    color: #F7941E;
    margin: 0 auto;
    padding: 50px 0 30px 0;
    line-height: 1.2em;
}
.itemid-411 .form-carelines-apply p {
    max-width: 420px;
    margin: 0 auto !important;
    text-align: left;
    font-size: 20px;
    line-height: 28px;
    padding: 0 0 15px 0;
}
.itemid-411 .cl-apply-login-fields,
.itemid-411 .cl-apply-basic-info,
.itemid-411 .cl-apply-my-url,
.itemid-411 .cl-apply-patient-info,
.itemid-411 .cl-apply-patient-info-2,
.itemid-411 .cl-apply-treatment-info,
.itemid-411 .cl-apply-patient-story,
.itemid-411 .cl-apply-submit {
    max-width: 420px;
    margin: 15px auto 35px auto;
}
.itemid-411 .cl-apply-basic-info {
    max-width: 420px;
    margin: 0 auto 0 auto;
}
.itemid-411 .cl-apply-basic-info #jform_user_firstname {
    /* margin-top: 15px; */
}
.itemid-411 .cl-apply-basic-info #jform_user_lastname {
    margin-bottom: 10px;
}
.itemid-411 .cl-apply-patient-info {
    margin: 10px auto 35px auto;
}
.itemid-411 .cl-apply-patient-info-2 {
    
}
.itemid-411 .cl-apply-my-url {
    margin: 0 auto;
}
.itemid-411 .form-carelines-apply .cl-apply-my-url p {
    text-align: left;
    line-height: 24px;
    padding: 0 0 10px 0;
    font-size: 16px;
}
.itemid-411 .form-carelines-apply .cl-apply-my-url p.bold-before-url {
    color: #F7941E;
    font-weight: 700;
    padding: 0 0 10px 0;
}
.control-group.group-alias .controls {
    width: 80%;
    float: right;
    overflow: hidden;
}
.control-group.group-alias {
    display: block;
    overflow: hidden;
}
.itemid-411 form h3 {
    font-size: 28px;
    text-align: left;
    color: #F7941E;
    margin: 0 auto;
    padding: 0;
    max-width: 420px;
    text-transform: normal;
}
.itemid-411 form .control-group .controls input:not([type="checkbox"]):not([type="button"]) {
    width: 100%;
    box-sizing: border-box;
    padding: 16px 10px 4px; 
	
    margin: 0 0 10px 0;
    background: #E5F7E2;
    color: #365A64;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    height: initial;
    border-radius: 5px;
    border: none !important;
    outline: none !important;
    -webkit-text-fill-color: #365A64 !important;
}
.itemid-411 form .control-group .controls input:not([type="checkbox"]):not([type="button"])::placeholder {
    color: #365A64 !important;
    opacity: 1;
}
.itemid-411 form .control-group .controls select {
    background: #E5F7E2 url(../images/arrow_font_g_d.png) no-repeat scroll calc(100% - 10px) center;
    width: 100%;
    display: block;
    height: 50px;
    font-size: 18px;
    color: #365A64;
    font-weight: 300;
    box-sizing: border-box;
    border-radius: 5px;
    outline: none;
    border: none;
    margin: 0 0 10px 0;
    padding: 0 6px 0 10px;
}
.firefox .itemid-411 form .control-group .controls select {
    padding: 0 6px;
}
.itemid-411 .cl-apply-login-fields .control-group .controls button.btn-submit {
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    background: #008343;
    color: #ffffff;
    font-weight: 400;
    font-size: 18px;
    line-height: 46px;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #008343;
    box-shadow: none;
    text-transform: uppercase;
    transition: all 0.25s ease-in-out;
}
/*.itemid-411 form .control-group .controls .field-calendar input#jform_birthdate.invalid {
    border: 1px solid red!important;
}*/
.itemid-411 .cl-apply-login-fields .control-group .controls button.btn-submit:hover {
    background: #ffffff;
    color: #008343;
}
.itemid-411 form .control-group .controls .field-calendar {
    position: relative;
}
.itemid-411 form .control-group .controls .field-calendar .input-group {
    width: 100% !important;
}
.itemid-411 form .control-group .controls .field-calendar input#jform_birthdate,
.itemid-411 form .control-group .controls .field-calendar input#jform_expected_date {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    margin: 0 0 10px 0;
    background: #E5F7E2;
    color: #365A64;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    height: initial;
    border-radius: 5px;
    border: none;
}
.itemid-411 form .control-group .controls .field-calendar button#jform_birthdate_btn, 
.itemid-411 form .control-group .controls .field-calendar button#jform_expected_date_btn {
    position: absolute;
    right: 10px;
    top: 9px;
    z-index: 9;
    background: transparent url(../images/calendar_icon_b.png) no-repeat scroll center center;
    border: none;
    width: 30px;
    height: 30px;
}
.itemid-411 form .control-group.text-area {
    position: relative;
}
.itemid-411 form .control-group.text-area .control-label {
    position: absolute;
    z-index: 9;
}
.itemid-411 form .control-group .controls textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px 15px 10px;
    margin: 0 0 10px 0;
    background: #E5F7E2;
    color: #365A64;
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    height: initial;
    border-radius: 5px;
    border: none;
    height: 200px;
    -webkit-text-fill-color: #365A64 !important;
}
.itemid-411 form .control-group .controls textarea::placeholder {
    color: #365A64;
    opacity: 1;
}
.itemid-411 .control-group.checkboxes {
    padding-top: 10px;
}
.itemid-411 .control-group.checkboxes .control-label label {
    color: #365A64;
    font-weight: 300;
    font-size: 20px;
}
.itemid-411 #jform_treatment_type label input,
.itemid-411 #jform_programs label input,
.com_carelines .form-carelines-apply .checkboxes input {
    display: none;
}
.itemid-411 #jform_treatment_type input + label,
.itemid-411 #jform_programs input + label {
    background: transparent;
    padding: 0 0 0 30px;
    font-weight: 300;
    font-size: 16px;
    margin: 5px 3% 0 0;
    vertical-align: top;
    width: 100%;
    display: inline-block;
    color: #365A64;
    position: relative;
}
.itemid-411 #jform_treatment_type input[type="checkbox"] + label:before,
.itemid-411 #jform_programs input[type="checkbox"] + label:before {
    content: " ";
    display: block;
    left: 0;
    top: 5px;
    width: 18px;
    height: 18px;
    background: #E5F7E2;
    border: 1px solid #008343;
    position: absolute;
}
.itemid-411 #jform_treatment_type input[type="checkbox"]:checked + label:before,
.itemid-411 #jform_programs input[type="checkbox"]:checked + label:before {
    background: #008343;
}
.itemid-411 .chk-terms input[type="checkbox"] + label {
    background: transparent;
    padding: 0 0 0 30px;
    font-weight: 300;
    font-size: 16px;
    margin: 5px 3% 0 0;
    vertical-align: top;
    width: 100%;
    color: #365A64;
    display: block !important;
    position: relative;
}
.itemid-411 .chk-terms input[type="checkbox"] + label:before {
    content: " ";
    display: block;
    left: 0;
    top: 5px;
    width: 18px;
    height: 18px;
    background: #E5F7E2;
    border: 1px solid #008343;
    position: absolute;
}
.itemid-411 .chk-terms input[type="checkbox"]:checked + label {
    background: transparent;
}
.itemid-411 .chk-terms input[type="checkbox"]:checked + label:before {
    background: #008343;
}
.itemid-411 .chk-terms input#jform_certify,
.itemid-411 .chk-terms input#jform_terms_of_use {
    display: none;
}
.itemid-411 .chk-terms.term01 .control-label label,
.itemid-411 .chk-terms.term02 .control-label label {
    background: transparent url(../images/tick_orange_1.png) no-repeat scroll left 3px;
    padding: 0 0 0 30px;
    font-weight: 300;
    font-size: 16px;
    margin: 5px 3% 0 0;
    vertical-align: top;
    width: 100%;
    display: inline-block !important;
    color: #F7941E;
}
.itemid-411 .chk-terms.term01 .control-label label.checked,
.itemid-411 .chk-terms.term02 .control-label label.checked {
    background: transparent url(../images/tick_orange_2.png) no-repeat scroll left 3px;
}
.itemid-411 .cl-apply-submit button.btn-submit {
    border: 1px solid #ffffff;
    color: #ffffff;
    background: #008343;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0 50px;
    display: inline-block;
    border-radius: 5px;
    min-width: 100%;
    transition: all 0.25s ease-in-out;
    height: 50px;
    line-height: 46px;
}
.itemid-411 .cl-apply-submit button.btn-submit:hover {
    border: 1px solid #008343;
    color: #008343;
    background: #ffffff;
}
.itemid-411 .cl-apply-submit button.btn-submit.disabled {
    opacity: 0.2;
}
.itemid-411 form .control-group .controls input#jform_alias {
    margin-bottom: 0 !important;
}
.i-am-patient p.small {
    font-size: 16px;
    text-align: left;
    line-height: 24px;
    margin: 0;
    padding: 0;
    font-weight: 300;
    color: #777777;
}
.cl-apply-url-confirm {
    padding: 30px 0;
}
.i-am-patient label {
    vertical-align: top;
    padding: 2px 0 0 7px;
    margin: 0;
    font-size: 20px;
    font-weight: 300;
    line-height: 28px;
}
.itemid-411 .form-carelines-apply p.url-confirm {
    font-size: 24px;
    color: #008343;
    text-align: left;
    max-width: 420px;
    padding: 0 0 5px 0;
    line-height: 32px;
}
.itemid-411 .form-carelines-apply p.my-final-url span {
    font-size: 18px;
    color: #008343;
    text-align: right;
    max-width: 100%;
    display: block;
}
.itemid-411 .form-carelines-apply .cl-apply-url-confirm p.small {
    font-size: 14px;
    max-width: 420px;
    text-align: left;
    line-height: 18px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 0 15px 0;
    color: #008343;
}
.itemid-411 .form-carelines-apply .cl-apply-url-confirm p.my-final-url {
    color: #008343;
    font-size: 18px;
    max-width: 420px;
    text-align: left;
    line-height: 20px;
}
.itemid-411 .form-carelines-apply .cl-apply-url-confirm p.my-final-url .url-span {
    display: inline-block;
    font-weight: 700;
}
.itemid-411 .form-carelines-apply .read-guidelines > p {
    padding: 0 0 10px 0;
    font-weight: 500;
    font-size: 16px;
    margin: 0;
    vertical-align: top;
    width: 100%;
    color: #365A64;
    display: block !important;
    line-height: 23px;
    text-align: left;
}
.itemid-411 .control-group.i-am-patient.checkboxes {
    max-width: 420px;
    margin: 0 auto 5px;
}
.itemid-411 .control-group.i-am-patient.checkboxes input[type="checkbox"] {
    display: none;
}
.itemid-411 .control-group.i-am-patient.checkboxes input[type="checkbox"] + label {
    background: transparent url(../images/tick_orange_1.png) no-repeat scroll left 4px;
    padding: 0 0 0 30px;
    font-weight: 700;
    font-size: 16px;
    margin: 5px 3% 0 0;
    vertical-align: top;
    width: 100%;
    display: inline-block;
    color: #F7941E;
}
.itemid-411 .control-group.i-am-patient.checkboxes input[type="checkbox"]:checked + label {
    background: transparent url(../images/tick_orange_2.png) no-repeat scroll left 4px;
}
.cl-apply-patient-info p.small.pat-name-desc {
    font-size: 16px;
    text-align: left;
    line-height: 24px;
    margin-bottom: 40px !important;
    padding: 0;
    font-weight: 300;
}
.itemid-411 .cl-apply-patient-info h3.my-personal-url-title {
    padding: 0;
    font-weight: 700;
    font-size: 16px;
    color: #F7941E;
    text-align: left;
    margin: 30px auto 0 auto;
}
.body-app.view-registration #mainbody > .container #content-area {
    padding: 0 50px 70px;
}
.itemid-411 .form-carelines-apply .cl-apply-patient-story p {
    font-size: 16px;
    line-height: 1.4em;
    padding: 0 0 20px 0;
}
.body-app.view-registration.layout-thankyou #mainbody > .container #content-area {
    padding-top: 50px;
}
/* ================================================================= */
/* LOGGED_PATIENT_BUTTONS                                            */
/* ================================================================= */
.com_carelines #care-top-menu > .container > .module.app-header-link {
    min-width: auto;
    width: 210px;
}
.com_carelines.cl-patient #content-area .btn {
    font-size: 13px;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
    background: #74973f;
    color: #ffffff;
    border: 1px solid #74973f;
    transition: all 0.25s ease-in-out;
    font-weight: 400;
    text-align: center;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.com_carelines.cl-patient #content-area .btn.btn-clear {
    background: #ffffff;
    color: #74973f;
    border: 1px solid #74973f;
}
.com_carelines.cl-patient #content-area .btn.btn-alert {
    background: #ffffff;
    color: #74973f;
    border: 1px solid #74973f;
}
.com_carelines.cl-patient #content-area .btn.btn-dash.btn-orange {
    background: #F7941E;
    color: #ffffff;
    border: 1px solid #F7941E;
}
.com_carelines.cl-patient #content-area .btn.btn-disabled {
    opacity: 0.5;
    cursor: default;
}
.com_carelines.cl-patient #content-area .btn.btn-dash {
    font-size: 13px;
    padding-left: 5px;
    padding-right: 5px;
    min-width: 173px;
    height: 35px;
    line-height: 32px;
}
.com_carelines.cl-patient #content-area .btn.btn-large {
    font-size: 17px;
    padding-left: 50px;
    padding-right: 50px;
    min-width: 200px;
    height: 50px;
    line-height: 46px;
}
.com_carelines.cl-patient #content-area .btn.btn-medium {
    font-size: 17px;
    padding-left: 20px;
    padding-right: 20px;
    min-width: 130px;
    height: 40px;
    line-height: 36px;
}
.com_carelines.cl-patient #content-area .btn.btn-medium-nomin {
    min-width: auto;
    width: auto;
}
.com_carelines.cl-patient #content-area .btn.btn-small {
    font-size: 13px;
    padding-left: 20px;
    padding-right: 20px;
    min-width: 150px;
    height: 30px;
    line-height: 26px;
}
.com_carelines.cl-patient #content-area .btn.btn-small-nomin {
    min-width: auto;
    width: auto;
}
.com_carelines.cl-patient #content-area .btn.btn-mini {
    font-size: 13px;
    padding-left: 20px;
    padding-right: 20px;
    min-width: 150px;
    height: 25px;
    line-height: 21px;
}
.com_carelines.cl-patient #content-area .btn.btn-mini-nomin {
    min-width: auto;
    width: auto;
}
.com_carelines.cl-patient #content-area .btn.btn-full {
    display: block;
    width: 100%;
}
.com_carelines.cl-patient #content-area .btn.btn-right {
    float: right;
    margin-left: 0;
    margin-right: 0;
}
.com_carelines.cl-patient #content-area .btn.btn-left {
    float: left;
    margin-left: 0;
    margin-right: 0;
}
.com_carelines.cl-patient #content-area .btn:hover,
.com_carelines.cl-patient #content-area .btn.btn-dash:hover {
    background: #608325;
    color: #ffffff;
    border: 1px solid #608325;
}
.com_carelines.cl-patient #content-area .btn.btn-clear:hover {
    background: #74973f;
    color: #ffffff;
    border: 1px solid #74973f;
}
.com_carelines.cl-patient #content-area .btn.btn-alert:hover {
    background: #F7941E;
    color: #ffffff;
    border: 1px solid #F7941E;
}
.com_carelines.cl-patient #content-area .btn.btn-dash.btn-orange:hover {
    background: #D17626;
    color: #ffffff;
    border: 1px solid #D17626;
}
.com_carelines.cl-patient #content-area .btn.btn-disabled:hover {
    opacity: 0.5;
    cursor: default;
}
.com_carelines.cl-patient #content-area .btn.m8-left {
    margin-left: 8px;
}
.com_carelines.cl-patient #content-area .btn.m10-left {
    margin-left: 10px;
}
.com_carelines.cl-patient #content-area .btn.m12-left {
    margin-left: 12px;
}
.com_carelines.cl-patient #content-area .btn.m20-left {
    margin-left: 20px;
}
.com_carelines.cl-patient #content-area .btn.m25-left {
    margin-left: 25px;
}
.com_carelines.cl-patient #content-area .btn.m30-left {
    margin-left: 30px;
}
.com_carelines.cl-patient #content-area .btn.m40-left {
    margin-left: 40px;
}
.com_carelines.cl-patient #content-area .btn.m8-right {
    margin-right: 8px;
}
.com_carelines.cl-patient #content-area .btn.m10-right {
    margin-right: 10px;
}
.com_carelines.cl-patient #content-area .btn.m12-right {
    margin-right: 12px;
}
.com_carelines.cl-patient #content-area .btn.m20-right {
    margin-right: 20px;
}
.com_carelines.cl-patient #content-area .btn.m25-right {
    margin-right: 25px;
}
.com_carelines.cl-patient #content-area .btn.m30-right {
    margin-right: 30px;
}
.com_carelines.cl-patient #content-area .btn.m40-right {
    margin-right: 40px;
}
.com_carelines.cl-patient #content-area .btn.m8-bottom {
    margin-bottom: 8px;
}
.com_carelines.cl-patient #content-area .btn.m10-bottom {
    margin-bottom: 10px;
}
.com_carelines.cl-patient #content-area .btn.m12-bottom {
    margin-bottom: 12px;
}
.com_carelines.cl-patient #content-area .btn.m20-bottom {
    margin-bottom: 20px;
}
.com_carelines.cl-patient #content-area .btn.m30-bottom {
    margin-bottom: 30px;
}
.com_carelines.cl-patient #content-area .btn.m40-bottom {
    margin-bottom: 40px;
}
.com_carelines.cl-patient #content-area .btn.m8-top {
    margin-top: 8px;
}
.com_carelines.cl-patient #content-area .btn.m10-top {
    margin-top: 10px;
}
.com_carelines.cl-patient #content-area .btn.m12-top {
    margin-top: 12px;
}
.com_carelines.cl-patient #content-area .btn.m20-top {
    margin-top: 20px;
}
.com_carelines.cl-patient #content-area .btn.m30-top {
    margin-top: 30px;
}
.com_carelines.cl-patient #content-area .btn.m40-top {
    margin-top: 40px;
}
.com_carelines.cl-patient #content-area .btn.float-right {
    float: right;
}
.com_carelines.cl-patient #content-area .btn.float-left {
    float: left;
}
.com_carelines.cl-patient #content-area .btn.btn-uppercase {
    text-transform: uppercase;
}
.com_carelines.cl-patient #content-area .btn.btn-pad5 {
    padding-left: 5px;
    padding-right: 5px;
}
.com_carelines.cl-patient #content-area .btn.btn-pad10 {
    padding-left: 10px;
    padding-right: 10px;
}
.com_carelines.cl-patient #content-area .btn.btn-autocenter {
    margin-left: auto;
    margin-right: auto;
}
.com_carelines.cl-patient #content-area .btn.btn-makeblock {
    display: block;
}
.com_carelines.cl-patient #content-area .btn.disabled {
    opacity: 0.45;
}
/* ================================================================= */
/* LOGGED_PATIENT_MODAL_BUTTONS                                      */
/* ================================================================= */
.com_carelines.cl-patient #modal-window .modal-box .btn,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn {
    font-size: 13px;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
    background: #739836;
    color: #ffffff;
    border: 1px solid #739836;
    transition: all 0.25s ease-in-out;
    font-weight: 400;
    text-align: center;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.btn-clear,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.btn-clear {
    background: #ffffff;
    color: #739836;
    border: 1px solid #739836;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.btn-alert,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.btn-alert {
    background: #ffffff;
    color: #739836;
    border: 1px solid #739836;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.btn-dash.btn-orange,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.btn-dash.btn-orange {
    background: #739836;
    color: #ffffff;
    border: 1px solid #739836;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.btn-disabled,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.btn-disabled {
    opacity: 0.5;
    cursor: default;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.btn-dash,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.btn-dash {
    font-size: 13px;
    padding-left: 5px;
    padding-right: 5px;
    min-width: 173px;
    height: 35px;
    line-height: 32px;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.btn-large,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.btn-large {
    font-size: 17px;
    padding-left: 50px;
    padding-right: 50px;
    min-width: 200px;
    height: 50px;
    line-height: 46px;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.btn-medium,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.btn-medium {
    font-size: 17px;
    padding-left: 20px;
    padding-right: 20px;
    min-width: 130px;
    height: 40px;
    line-height: 36px;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.btn-small,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.btn-small {
    font-size: 13px;
    padding-left: 20px;
    padding-right: 20px;
    min-width: 150px;
    height: 30px;
    line-height: 26px;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.btn-small-nomin,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.btn-small-nomin {
    min-width: initial;
    width: auto;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.btn-mini,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.btn-mini {
    font-size: 13px;
    padding-left: 20px;
    padding-right: 20px;
    min-width: 150px;
    height: 25px;
    line-height: 21px;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.btn-mini-nomin,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.btn-mini-nomin {
    min-width: initial;
    width: auto;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.btn-full,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.btn-full {
    display: block;
    width: 100%;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.btn-right,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.btn-right {
    float: right;
    margin-left: 0;
    margin-right: 0;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.btn-left,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.btn-left {
    float: left;
    margin-left: 0;
    margin-right: 0;
}
.com_carelines.cl-patient #modal-window .modal-box .btn:hover,
.com_carelines.cl-patient #modal-window .modal-box .btn.btn-dash:hover,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn:hover,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.btn-dash:hover {
    background: #608325;
    color: #ffffff;
    border: 1px solid #608325;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.btn-clear:hover,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.btn-clear:hover {
    background: #739836;
    color: #ffffff;
    border: 1px solid #739836;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.btn-alert:hover,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.btn-alert:hover {
    background: #F7941E;
    color: #ffffff;
    border: 1px solid #F7941E;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.btn-dash.btn-orange:hover,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.btn-dash.btn-orange:hover {
    background: #D17626;
    color: #ffffff;
    border: 1px solid #D17626;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.btn-disabled:hover,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.btn-disabled:hover {
    opacity: 0.5;
    cursor: default;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.m8-left,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.m8-left {
    margin-left: 8px;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.m10-left,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.m10-left {
    margin-left: 10px;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.m12-left,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.m12-left {
    margin-left: 12px;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.m20-left,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.m20-left {
    margin-left: 20px;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.m25-left,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.m25-left {
    margin-left: 25px;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.m30-left,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.m30-left {
    margin-left: 30px;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.m40-left,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.m40-left {
    margin-left: 40px;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.m8-right,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.m8-right {
    margin-right: 8px;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.m10-right,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.m10-right {
    margin-right: 10px;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.m12-right,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.m12-right {
    margin-right: 12px;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.m20-right,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.m20-right {
    margin-right: 20px;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.m25-right,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.m25-right {
    margin-right: 25px;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.m30-right,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.m30-right {
    margin-right: 30px;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.m40-right,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.m40-right {
    margin-right: 40px;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.m8-bottom,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.m8-bottom {
    margin-bottom: 8px;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.m10-bottom,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.m10-bottom {
    margin-bottom: 10px;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.m12-bottom,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.m12-bottom {
    margin-bottom: 12px;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.m20-bottom,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.m20-bottom {
    margin-bottom: 20px;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.m30-bottom,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.m30-bottom {
    margin-bottom: 30px;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.m40-bottom,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.m40-bottom {
    margin-bottom: 40px;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.m8-top,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.m8-top {
    margin-top: 8px;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.m10-top,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.m10-top {
    margin-top: 10px;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.m12-top,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.m12-top {
    margin-top: 12px;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.m20-top,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.m20-top {
    margin-top: 20px;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.m30-top,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.m30-top {
    margin-top: 30px;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.m40-top,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.m40-top {
    margin-top: 40px;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.float-right,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.float-right {
    float: right;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.float-left,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.float-left {
    float: left;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.btn-uppercase,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.btn-uppercase {
    text-transform: uppercase;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.btn-pad5,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.btn-pad5 {
    padding-left: 5px;
    padding-right: 5px;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.btn-pad10,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.btn-pad10 {
    padding-left: 10px;
    padding-right: 10px;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.btn-autocenter,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.btn-autocenter {
    margin-left: auto;
    margin-right: auto;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.btn-makeblock,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.btn-makeblock {
    display: block;
}
.com_carelines.cl-patient #modal-window .modal-box .btn.disabled,
.com_carelines.cl-patient #modal-window .modal-box .modal-buttons .btn.disabled {
    opacity: 0.45;
}
/* ================================================================= */
/* PUBLIC_CAMPAIGN_BUTTONS                                           */
/* ================================================================= */
.com_carelines #modal-window .modal-box .modal-buttons .btncl,
.com_carelines #content-area .btncl,
.com_carelines .sidebar-right .btncl {
    font-size: 13px;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
    background: #74973f;
    color: #ffffff;
    border: 1px solid #74973f;
    transition: all 0.25s ease-in-out;
    font-weight: 400;
    text-align: center;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: inline-block;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.btn-clear,
.com_carelines #content-area .btncl.btn-clear,
.com_carelines .sidebar-right .btncl.btn-clear {
    background: #ffffff;
    color: #74973f;
    border: 1px solid #74973f;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.btn-alert,
.com_carelines #content-area .btncl.btn-alert,
.com_carelines .sidebar-right .btncl.btn-alert {
    background: #ffffff;
    color: #74973f;
    border: 1px solid #74973f;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.btn-dash.btn-orange,
.com_carelines #content-area .btncl.btn-dash.btn-orange,
.com_carelines .sidebar-right .btncl.btn-dash.btn-orange {
    background: #F7941E;
    color: #ffffff;
    border: 1px solid #F7941E;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.btn-dash.btn-red,
.com_carelines #content-area .btncl.btn-dash.btn-red,
.com_carelines .sidebar-right .btncl.btn-dash.btn-red {
    background: #CB0303;
    color: #ffffff;
    border: 1px solid #CB0303;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.btn-disabled,
.com_carelines #content-area .btncl.btn-disabled,
.com_carelines .sidebar-right .btncl.btn-disabled {
    opacity: 0.5;
    cursor: default;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.btn-dash,
.com_carelines #content-area .btncl.btn-dash,
.com_carelines .sidebar-right .btncl.btn-dash {
    font-size: 13px;
    padding-left: 5px;
    padding-right: 5px;
    min-width: 173px;
    height: 35px;
    line-height: 32px;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.btn-large,
.com_carelines #content-area .btncl.btn-large,
.com_carelines .sidebar-right .btncl.btn-large {
    font-size: 17px;
    padding-left: 50px;
    padding-right: 50px;
    min-width: 200px;
    height: 50px;
    line-height: 46px;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.btn-large,
.com_carelines #content-area .btncl.btn-large,
.com_carelines .sidebar-right .btncl.btn-large {
    font-size: 17px;
    padding-left: 20px;
    padding-right: 20px;
    min-width: 130px;
    height: 40px;
    line-height: 36px;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.btn-small,
.com_carelines #content-area .btncl.btn-small,
.com_carelines .sidebar-right .btncl.btn-small {
    font-size: 13px;
    padding-left: 20px;
    padding-right: 20px;
    min-width: 150px;
    height: 30px;
    line-height: 26px;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.btn-small-nomin,
.com_carelines #content-area .btncl.btn-small-nomin,
.com_carelines .sidebar-right .btncl.btn-small-nomin {
    min-width: initial;
    width: auto;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.btn-mini,
.com_carelines #content-area .btncl.btn-mini,
.com_carelines .sidebar-right .btncl.btn-mini {
    font-size: 13px;
    padding-left: 20px;
    padding-right: 20px;
    min-width: 150px;
    height: 25px;
    line-height: 21px;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.btn-mini-nomin,
.com_carelines #content-area .btncl.btn-mini-nomin,
.com_carelines .sidebar-right .btncl.btn-mini-nomin {
    min-width: initial;
    width: auto;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.btn-full,
.com_carelines #content-area .btncl.btn-full,
.com_carelines .sidebar-right .btncl.btn-full {
    display: block;
    width: 100%;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.btn-right,
.com_carelines #content-area .btncl.btn-right,
.com_carelines .sidebar-right .btncl.btn-right {
    float: right;
    margin-left: 0;
    margin-right: 0;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.btn-left,
.com_carelines #content-area .btncl.btn-left,
.com_carelines .sidebar-right .btncl.btn-left {
    float: left;
    margin-left: 0;
    margin-right: 0;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl:hover,
.com_carelines #modal-window .modal-box .modal-buttons .btncl.btn-dash:hover,
.com_carelines #content-area .btncl:hover,
.com_carelines #content-area .btncl.btn-dash:hover,
.com_carelines .sidebar-right .btncl:hover,
.com_carelines .sidebar-right .btncl.btn-dash:hover {
    background: #608325;
    color: #ffffff;
    border: 1px solid #608325;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.btn-clear:hover,
.com_carelines #content-area .btncl.btn-clear:hover,
.com_carelines .sidebar-right .btncl.btn-clear:hover {
    background: #74973f;
    color: #ffffff;
    border: 1px solid #74973f;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.btn-alert:hover,
.com_carelines #content-area .btncl.btn-alert:hover,
.com_carelines .sidebar-right .btncl.btn-alert:hover {
    background: #F7941E;
    color: #ffffff;
    border: 1px solid #F7941E;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.btn-dash.btn-orange:hover,
.com_carelines #content-area .btncl.btn-dash.btn-orange:hover,
.com_carelines .sidebar-right .btncl.btn-dash.btn-orange:hover {
    background: #D17626;
    color: #ffffff;
    border: 1px solid #D17626;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.btn-dash.btn-red:hover,
.com_carelines #content-area .btncl.btn-dash.btn-red:hover,
.com_carelines .sidebar-right .btncl.btn-dash.btn-red:hover {
    background: transparent;
    color: #CB0303;
    border: 1px solid #CB0303;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.btn-disabled:hover,
.com_carelines #content-area .btncl.btn-disabled:hover,
.com_carelines .sidebar-right .btncl.btn-disabled:hover {
    opacity: 0.5;
    cursor: default;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.m8-left,
.com_carelines #content-area .btncl.m8-left,
.com_carelines .sidebar-right .btncl.m8-left {
    margin-left: 8px;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.m10-left,
.com_carelines #content-area .btncl.m10-left,
.com_carelines .sidebar-right .btncl.m10-left {
    margin-left: 10px;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.m12-left,
.com_carelines #content-area .btncl.m12-left,
.com_carelines .sidebar-right .btncl.m12-left {
    margin-left: 12px;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.m20-left,
.com_carelines #content-area .btncl.m20-left,
.com_carelines .sidebar-right .btncl.m20-left {
    margin-left: 20px;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.m25-left,
.com_carelines #content-area .btncl.m25-left,
.com_carelines .sidebar-right .btncl.m25-left {
    margin-left: 25px;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.m30-left,
.com_carelines #content-area .btncl.m30-left,
.com_carelines .sidebar-right .btncl.m30-left {
    margin-left: 30px;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.m40-left,
.com_carelines #content-area .btncl.m40-left,
.com_carelines .sidebar-right .btncl.m40-left {
    margin-left: 40px;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.m8-right,
.com_carelines #content-area .btncl.m8-right,
.com_carelines .sidebar-right .btncl.m8-right {
    margin-right: 8px;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.m10-right,
.com_carelines #content-area .btncl.m10-right,
.com_carelines .sidebar-right .btncl.m10-right {
    margin-right: 10px;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.m12-right,
.com_carelines #content-area .btncl.m12-right,
.com_carelines .sidebar-right .btncl.m12-right {
    margin-right: 12px;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.m20-right,
.com_carelines #content-area .btncl.m20-right,
.com_carelines .sidebar-right .btncl.m20-right {
    margin-right: 20px;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.m25-right,
.com_carelines #content-area .btncl.m25-right,
.com_carelines .sidebar-right .btncl.m25-right {
    margin-right: 25px;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.m30-right,
.com_carelines #content-area .btncl.m30-right,
.com_carelines .sidebar-right .btncl.m30-right {
    margin-right: 30px;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.m40-right,
.com_carelines #content-area .btncl.m40-right,
.com_carelines .sidebar-right .btncl.m40-right {
    margin-right: 40px;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.m8-bottom,
.com_carelines #content-area .btncl.m8-bottom,
.com_carelines .sidebar-right .btncl.m8-bottom {
    margin-bottom: 8px;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.m10-bottom,
.com_carelines #content-area .btncl.m10-bottom,
.com_carelines .sidebar-right .btncl.m10-bottom {
    margin-bottom: 10px;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.m12-bottom,
.com_carelines #content-area .btncl.m12-bottom,
.com_carelines .sidebar-right .btncl.m12-bottom {
    margin-bottom: 12px;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.m20-bottom,
.com_carelines #content-area .btncl.m20-bottom,
.com_carelines .sidebar-right .btncl.m20-bottom {
    margin-bottom: 20px;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.m30-bottom,
.com_carelines #content-area .btncl.m30-bottom,
.com_carelines .sidebar-right .btncl.m30-bottom {
    margin-bottom: 30px;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.m40-bottom,
.com_carelines #content-area .btncl.m40-bottom,
.com_carelines .sidebar-right .btncl.m40-bottom {
    margin-bottom: 40px;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.m8-top,
.com_carelines #content-area .btncl.m8-top,
.com_carelines .sidebar-right .btncl.m8-top {
    margin-top: 8px;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.m10-top,
.com_carelines #content-area .btncl.m10-top,
.com_carelines .sidebar-right .btncl.m10-top {
    margin-top: 10px;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.m12-top,
.com_carelines #content-area .btncl.m12-top,
.com_carelines .sidebar-right .btncl.m12-top {
    margin-top: 12px;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.m20-top,
.com_carelines #content-area .btncl.m20-top,
.com_carelines .sidebar-right .btncl.m20-top {
    margin-top: 20px;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.m30-top,
.com_carelines #content-area .btncl.m30-top,
.com_carelines .sidebar-right .btncl.m30-top {
    margin-top: 30px;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.m40-top,
.com_carelines #content-area .btncl.m40-top,
.com_carelines .sidebar-right .btncl.m40-top {
    margin-top: 40px;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.float-right,
.com_carelines #content-area .btncl.float-right,
.com_carelines .sidebar-right .btncl.float-right {
    float: right;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.float-left,
.com_carelines #content-area .btncl.float-left,
.com_carelines .sidebar-right .btncl.float-left {
    float: left;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.btn-uppercase,
.com_carelines #content-area .btncl.btn-uppercase,
.com_carelines .sidebar-right .btncl.btn-uppercase {
    text-transform: uppercase;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.btn-pad5,
.com_carelines #content-area .btncl.btn-pad5,
.com_carelines .sidebar-right .btncl.btn-pad5 {
    padding-left: 5px;
    padding-right: 5px;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.btn-pad10,
.com_carelines #content-area .btncl.btn-pad10,
.com_carelines .sidebar-right .btncl.btn-pad10 {
    padding-left: 10px;
    padding-right: 10px;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.btn-autocenter,
.com_carelines #content-area .btncl.btn-autocenter,
.com_carelines .sidebar-right .btncl.btn-autocenter {
    margin-left: auto;
    margin-right: auto;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.btn-makeblock,
.com_carelines #content-area .btncl.btn-makeblock,
.com_carelines .sidebar-right .btncl.btn-makeblock {
    display: block;
}
.com_carelines #modal-window .modal-box .modal-buttons .btncl.disabled,
.com_carelines #content-area .btncl.disabled,
.com_carelines .sidebar-right .btncl.disabled {
    opacity: 0.45;
}
/* ===================================== */
/* LOGGED_PATIENT_HISTORY                */
h2 {
    color: #739836;
}
.lg-backdrop {
    z-index: 99999 !important;
}
body .lg-backdrop.in {
    opacity: 0.97;
}
.lg-outer {
    z-index: 999999 !important;
}
.story_headline {
    display: block;
    overflow: hidden;
    padding-bottom: 50px;
}
.story_text {
    float: left;
    display: block;
}
.story_text h2 {
    margin: 0;
}
.story_btn {
    float: right;
    padding-top: 5px;
}
.com_carelines.view-story .patient-header-gallery-out {
    display: block;
    padding-bottom: 50px;
}
.com_carelines.view-story .patient-header-gallery-mid {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0;
}
.com_carelines.view-story .patient-header-gallery-out.edit-mosaic-bg .patient-header-gallery-mid {
    padding: 0 20px;
}
.body-app #mainbody > .container #content-area {
    padding: 60px 100px 70px;
    overflow: hidden;
    background: #ffffff;
}
.com_carelines.view-story .patient-summary p {
    font-size: 20px;
    line-height: 28px;
}
.com_carelines p {
    font-size: 16px;
}
#adminForm .adminform h3 {
    font-size: 20px;
    margin: 0;
    padding: 0 0 3px 0;
    color: #58535B;
    line-height: 26px;
}
#adminForm .adminform h4 {
    font-size: 16px;
    margin: 0;
    padding: 0 0 5px 0;
    color: #58535B;
    text-transform: none;
}
.editor.wf-editor-container {
    padding: 0 !important;
}
.publish_btn {
    text-align: center;
    margin: 0;
    padding: 70px 0 0 0;
}
.patient-header-gallery-out.edit-mosaic-bg {
    background: #9ECC52;
    padding: 20px 0;
}
.com_carelines.view-story .patient-header-gallery-out.edit-mosaic-bg {
    padding-bottom: 20px;
}
.main_image {
    background: #F1F1F1;
    margin: 50px 0 40px;
}
.main_image .fileuploader {
    display: inline-block;
    width: 100%;
    padding: 15px;
    margin: 0;
    background: none;
    border-radius: 4px;
    line-height: normal;
    text-align: left;
}
.main_image .fileuploader-theme-thumbnails .fileuploader-items-list, 
.other_image .fileuploader-theme-thumbnails ul.fileuploader-items-list {
    margin: 5px 0px !important;
}
.main_image p {
    margin: 0;
    padding: 20px 0 0 20px;
}
.well {
    background: none !important;
}
.com_carelines.view-storysettings .item_fields .form-validate {
    padding-top: 0 !important;
}
.com_carelines.view-storysettings .form-validate h2 {
    margin: 0;
    padding: 0 0 30px;
}
#jform_summary_ifr {
    height: 150px !important;
}
.com_carelines form .field.switch.sw-lg.full-story-fields {
    border-bottom: none;
    padding: 20px 0 0 0;
    margin: 0;
}
.com_carelines form .field.description p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    max-width: 360px;
    font-size: 15px;
    line-height: 19px;
}
.profile-edit-form #jform_summary {
    border: 1px solid #dddddd;
    padding: 10px 15px;
    width: 100%;
}
.profile-edit-form .item_fields .adminform p {
    margin: 0;
    padding: 0 0 10px 0;
}
.profile-edit-form .item_fields .adminform p.summary-counter {
    padding: 5px 0 0 0;
}
.profile-edit-form .item_fields .adminform .control-group > .control-label {
    display: none;
}
#adminForm .adminform .app-subtitle {
    margin: 0;
    line-height: 24px;
    font-size: 24px;
    padding: 0 0 15px 0;
    color: #739836;
}
.fileuploader-theme-thumbnails .fileuploader-action.fileuploader-action-sort {
    background: transparent url(/images/etc/move-icon-w.png) scroll no-repeat center center / 18px 18px;
}
.fileuploader-theme-thumbnails .fileuploader-action.fileuploader-action-sort i {
    display: none;
}
.move-icon {
    width: 16px;
    height: 16px;
    vertical-align: top;
    margin-top: 6px;
    margin-left: 1px;
}
.patient-summary {
    color: #365a64;
    font-size: 18px;
    margin: 0;
    padding: 0 0 15px 0;
    line-height: 1.5em;
}
/* ===================================== */
/* LOGGED_PATIENT_CROWDFUNDING           */
.view-fundraisingoverview h2 {
    margin: 0;
    padding: 0 0 30px 0;
}
.view-fundraisingoverview .progress {
    height: 44px;
    margin-bottom: 5px;
    overflow: hidden;
    background-color: #E1E1E1;
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
    box-shadow: inset 0 0 0 rgba(0,0,0,0);
    position: relative;
}
.view-fundraisingoverview .progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 14px;
    line-height: 44px;
    color: #fff;
    text-align: center;
    background-color: #9ecc52;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}
.view-fundraisingoverview .progress-bar-success {
    background-color: #739836;
    color: #ffffff;
    font-weight: 800;
    text-align: left;
    padding: 0 0 0 10px;
}
.donation-bar-right {
    text-align: right;
    color: #58535b;
    font-weight: 800;
    padding: 0 10px 0 0;
    line-height: 44px;
    position: absolute;
    top: 0px;
    right: 0;
    z-index: 100;
}
.donation-bar-left {
    text-align: left;
    color: #ffffff;
    font-weight: 800;
    padding:  0 0 0 10px;
    line-height: 44px;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 101;
}
.you-have-x-new {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 5px 0 30px;
}
.you-have-x-new p {
    display: inline-block;
    margin: 0;
    font-size: 16px;
    color: #6d6d6d;
    padding: 4px 0 0 0;
}
.you-have-x-new .gray-btn.small-btn {
    display: block;
    float: right;
    color: #58535b;
    font-size: 13px;
    background: #F1F1F1;
    line-height: 15px;
    padding: 5px 15px;
    border-radius: 5px;
}
.you-have-x-new .gray-btn.small-btn:hover {
    color: #ffffff;
    background: #58535b;
}
.fund-tips {
    display: none !important;
}
.body-carelines #content-area form.donations-form {
    padding: 20px 0 0;
}
.com_carelines .main h3.title-month {
    font-size: 28px;
    padding: 40px 0 10px 0;
}
.one-donor {
    display: block;
    width: 100%;
    margin: 0;
    padding: 20px 0;
    overflow: hidden;
}
.one-donor-img {
    max-width: 80px;
    display: block;
    float: left;
    margin: 0 20px 0 0;
    background-color: #eeeeee;
    padding: 12px;
    border-radius: 100px;
}
.one-donor-info {
    display: block;
    float: left;
    width: calc(100% - 390px);
    padding: 0 25px 0 0;
}
.one-donor-info p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #58535b;
    line-height: 23px;
}
.one-donor-info .one-donor-name .one-donor-amount {
    font-size: 14px;
}
.one-donor-info .one-donor-short-desc {
    font-size: 14px;
    line-height: 18px;
    padding: 5px 0 0 0;
}
.one-donor-info .one-donor-short-answer {
    color: #739836;
    padding: 5px 0 0 25px;
    font-size: 14px;
}
.one-donor-other-info {
    background: #eeeeee;
    padding: 8px 11px;
    margin: 8px 0 0 0;
}
.com_carelines .main .one-donor-other-info h4 {
    font-size: 15px;
    margin: 0;
    padding: 0;
    line-height: 16px;
    font-weight: 700;
}
.one-donor-other-info p.one-donor-field {
    padding: 2px 0;
}
.one-donor-other-info p.one-donor-field.first-field {
    padding-top: 5px;
    line-height: 19px;
    font-size: 15px;
}
.one-donor-other-info .one-donor-email {
    font-size: 15px;
    line-height: 19px;
    padding-top: 4px;
}
.one-donor-hidden {
    display: block;
    float: left;
    width: 52px;
    padding: 0;
    margin: 0 15px 0 0;
    height: auto;
    vertical-align: top;
    text-align: center;
}
.odh-circle {
    width: 50px;
    height: 50px;
    display: block;
    overflow: hidden;
    border-radius: 50px;
    background: #aaaaaa;
    color: #ffffff;
    margin: 12px 0;
    line-height: 48px;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
}
.one-donor-buttons {
    display: block;
    float: left;
    width: 220px;
    padding-left: 20px;
}
.donations-form h3 {
    margin: 0;
    padding: 20px 0 40px;
}
.donations-form #limit {
    display: none;
}
.one-donor-thankyou-sent {
    background: #74973f;
    color: #ffffff;
    width: 100%;
    display: block;
    text-align: center;
    padding: 0 5px;
    border-radius: 5px;
    font-size: 13px;
    margin: 0 0 8px 0;
    height: 30px;
    line-height: 28px;
    opacity: 0.5;
    max-width: 200px;
}
.one-donor.donation-disabled .one-donor-img {
    opacity: 0.45;
}
.one-donor.donation-disabled .one-donor-info {
    opacity: 0.45;
}
.com_carelines .main h3 {
    font-size: 35px;
    line-height: 50px;
    margin: 0;
    padding: 0 0 10px 0;
}
.com_carelines .main h4 {
    font-size: 28px;
    line-height: 34px;
    margin: 0;
    padding: 0 0 10px 0;
    text-transform: none !important;
}
.payment-selection {
    display: block;
    width: 100%;
    margin: 30px 0;
}
.payment-selection > input {
    width: calc(33.3% - 20px);
    box-sizing: border-box;
    margin: 5px 0;
    height: 130px;
    border-radius: 5px;
    border: 5px solid #A8A8A8;
    transition: all 0.25s ease-in-out;
    background-color: #ffffff;
    background-position: center center;
    background-size: 90%;
    background-repeat: no-repeat;
    text-indent: -9999px;
}
.payment-selection > input.pay-paypal {
    margin-top: 5px
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 10px;
    background-image: url(/images/etc/payment_paypal.png);
}
.payment-selection > input.pay-wire {
    margin-top: 5px
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
    background-image: url(/images/etc/payment_wire.png);
}
.payment-selection > input.pay-check {
    margin-top: 5px
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 0;
    background-image: url(/images/etc/payment_check.png);
}
.payment-selection > input.activemethod {
    border: 10px solid #A3BF74;
    margin-top: 0;
    margin-bottom: 0;
    height: 140px;
}
.payment-selection > input.active {
    border: 10px solid #A3BF74;
    margin-top: 0;
    margin-bottom: 0;
    height: 140px;
}
.payment-selection > input.activemethod:not(.active) {
    border: 5px solid #A3BF74;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 130px;
    opacity: 0.5;
}
#content-area .payment-method form {
    padding-left: 0;
    padding-right: 0;
}
.payment-method h4 {
    text-transform: none;
    font-size: 28px;
    margin: 0;
    padding: 0 0 20px 0;
}
.com_carelines form input[type="text"],
.com_carelines form input[type="email"],
.com_carelines form input[type="password"] {
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #e1e1e1;
    padding: 5px 5px 2px 5px;
    font-size: 16px;
    line-height: 26px;
}
.cl-patient.com_carelines form input[type="text"],
.cl-patient.com_carelines form input[type="email"],
.cl-patient.com_carelines form input[type="password"],
.cl-admin.com_carelines form input[type="text"],
.cl-admin.com_carelines form input[type="email"],
.cl-admin.com_carelines form input[type="password"] {
    border-radius: 0;
}
.com_carelines form input[type="text"]::placeholder,
.com_carelines form input[type="email"]::placeholder,
.com_carelines form input[type="password"]::placeholder {
    opacity: 1 !important;
    color: #aaaaaa !important;
}
.com_carelines form input[type="text"].input-white::placeholder,
.com_carelines form input[type="email"].input-white::placeholder,
.com_carelines form input[type="password"].input-white::placeholder {
    opacity: 1 !important;
    color: #ffffff !important;
}
.com_carelines form .field {
    margin: 0 0 20px 0;
}
.com_carelines form select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    outline: none;
    background-color: #ffffff;
    background-image: url(../images/arrow_dark_gray.png);
    background-position: calc(100% - 5px) center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #e1e1e1;
    padding: 5px 5px 2px 0;
    font-size: 16px;
    line-height: 26px;
    background-size: 12px auto;
}
.phone-fields {
    display: block;
    position: relative;
    margin: 0;
    overflow: hidden;
}
.phone-fields .fields-label {
    float: left;
    display: block;
    line-height: 30px;
    width: 80px;
}
.phone-fields .pp-country-code.field {
    width: 100px;
    display: block;
    float: left;
    margin: 0 10px 0 0;
}
.phone-fields .pp-area-code.field {
    width: 100px;
    display: block;
    float: left;
    margin: 0 10px 0 0;
}
.phone-fields .pp-phone.field {
    width: 200px;
    display: block;
    float: left;
}
.phone-fields .pp-country-code input,
.phone-fields .pp-area-code input,
.phone-fields .pp-phone input {
    font-size: 14px !important;
}
.phone-fields .pp-country-code input,
.phone-fields .pp-area-code input {
    text-align: center !important;
}
.field-text {
    float: right;
    display: block;
}
.field-goal .field-text input {
    width: calc(100% - 20px) !important;
    display: block;
    float: left;
}
.field-goal .field-text .dollar {
    display: block;
    float: left;
    width: 20px;
    line-height: 30px;
    font-size: 22px;
}
.com_carelines .field input[type="radio"] {
    display: none !important;
}
.com_carelines .field input[type="radio"] + label {
    background: #ffffff url("../images/radio_green_1.png") no-repeat scroll 5px 4px;
    border: none;
    border-radius: 4px;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    line-height: 20px;
    margin: 0 20px 0 0;
    padding: 5px 10px 5px 35px;
    width: auto;
    color: #739836;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    text-align: left;
}
.com_carelines .field input[type="radio"]:checked + label {
    background: #ffffff url(../images/radio_green_2.png) no-repeat scroll 5px 4px;
}
.com_carelines .field .btn-group-yesno {
    padding-top: 0;
}
.popup-donor {
    padding: 15px 0 15px 15px;
}
.modal-prompt-input {
    height: 100px;
    margin: 40px 0 10px !important;
}
.com_carelines.view-fundraisingsettings .item_fields .form-validate {
    padding-top: 0 !important;
}
.com_carelines.view-journalsettings .item_fields .form-validate {
    padding-top: 0 !important;
}
.field-goal .field-label {
    width: calc(100% - 235px) !important;
}
.field-goal .field-text {
    width: 155px;
    margin: 0 40px;
}
.field-goal .field-text span {
    
}
.field-goal .field-text input {
    
}
.com_carelines form input[type="text"]#jform_goal {
    font-size: 22px;
    color: #58535b;
    border-bottom: 1px solid #dddddd;
    padding: 3px 0;
    text-align: right;
}
.body-carelines #content-area form#userForm.rp-form {
    padding: 0;
}
.body-carelines #content-area form#userForm.rp-form .formHorizontal div > .rsform-block {
    max-width: 100%;
    margin: 0 auto 20px auto;
}
.body-carelines #content-area #userForm.rp-form .formHorizontal .rsform-block p {
    margin: 0;
}
.body-carelines #content-area #userForm.rp-form .formHorizontal div > .rsform-block.rsform-block-header,
.body-carelines #content-area #userForm.rp-form .formHorizontal div > .rsform-block.rsform-block-explanation {
    margin: 0 auto 40px auto;
}
.body-carelines #content-area #userForm.rp-form .formHorizontal div > .rsform-block.rsform-block-header h3 {
    color: #739836;
    font-size: 36px;
    text-align: left;
    font-weight: 300;
    padding: 0 0 10px 0;
}
.body-carelines #content-area #userForm.rp-form .formHorizontal div > .rsform-block.rsform-block-header p {
    color: #284e6e;
    text-align: left;
    font-size: 15px;
    margin: 0;
    padding: 0 0 5px 0;
}
.body-carelines #content-area #userForm.rp-form .formHorizontal div > .rsform-block .formBody {
}
.body-carelines #content-area #userForm.rp-form .formHorizontal div > .rsform-block .formBody input {
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #e1e1e1;
    padding: 3px 8px 5px 8px;
    font-size: 16px;
    line-height: 26px;
    color: #888888;
    background: #ffffff;
    border-radius: 0;
    box-shadow: none;
}
.body-carelines #content-area #userForm.rp-form .formHorizontal div > .rsform-block .formBody input::placeholder {
    color: #888888 !important;
    opacity: 1 !important;
}
.body-carelines #content-area #userForm.rp-form .formHorizontal div > .rsform-block .formBody textarea {
    width: 100%;
    border: 1px solid #e1e1e1;
    padding: 5px 10px;
    font-size: 16px;
    line-height: 22px;
    color: #888888;
    background: #ffffff;
    border-radius: 0;
    box-shadow: none;
    height: 150px;
}
.body-carelines #content-area #userForm.rp-form .formHorizontal div > .rsform-block .formBody textarea::placeholder {
    color: #888888 !important;
    opacity: 1 !important;
}
.body-carelines #content-area #userForm.rp-form .formHorizontal div > .rsform-block.rsform-block-name .formBody input,
.body-carelines #content-area #userForm.rp-form .formHorizontal div > .rsform-block.rsform-block-email .formBody input {
    background: #f0f0f0;
}
.body-carelines #content-area #userForm.rp-form .formHorizontal div > .rsform-block.rsform-block-submit .formBody {
    text-align: center;
}
.body-carelines #content-area #userForm.rp-form .formHorizontal div > .rsform-block.rsform-block-submit .formBody button {
    display: inline-block;
    width: auto;
    min-width: 200px;
    text-transform: none;
    font-size: 17px;
    text-shadow: none;
    color: #ffffff;
    background: #739836;
    border: none !important;
}
.body-carelines #content-area #userForm.rp-form .formHorizontal div > .rsform-block.rsform-block-submit .formBody button:hover {
    background: #5c7a2c;
}
.body-carelines #content-area #userForm.rp-form .formHorizontal div > .rsform-block.rsform-block-name,
.body-carelines #content-area #userForm.rp-form .formHorizontal div > .rsform-block.rsform-block-email,
.body-carelines #content-area #userForm.rp-form .formHorizontal div > .rsform-block.rsform-block-paid-amount,
.body-carelines #content-area #userForm.rp-form .formHorizontal div > .rsform-block.rsform-block-last-address-1,
.body-carelines #content-area #userForm.rp-form .formHorizontal div > .rsform-block.rsform-block-last-address-2,
.body-carelines #content-area #userForm.rp-form .formHorizontal div > .rsform-block.rsform-block-last-city,
.body-carelines #content-area #userForm.rp-form .formHorizontal div > .rsform-block.rsform-block-last-state,
.body-carelines #content-area #userForm.rp-form .formHorizontal div > .rsform-block.rsform-block-last-zip,
.body-carelines #content-area #userForm.rp-form .formHorizontal div > .rsform-block.rsform-block-normalized-name,
.body-carelines #content-area #userForm.rp-form .formHorizontal div > .rsform-block.rsform-block-request-number {
    display: none !important;
}
.rsform-block.rsform-block-address-1 .formControls .formBody {
    position: relative;
}
.rsform-block.rsform-block-address-1 .copy-last-address {
    text-align: center;
    margin: 0;
    padding: 0;
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
    width: auto;
}
.rsform-block.rsform-block-address-1 .copy-last-address a {
    cursor: pointer;
    background: #739836;
    font-size: 12px;
    color: #ffffff;
    padding: 0 0 2px 0;
    line-height: 15px;
    border-radius: 5px;
    display: block;
}
.rsform-block.rsform-block-address-1 .copy-last-address a:hover {
    background: #5c7a2c;
}
.rsform-block.rsform-block-address-1 .copy-last-address a br {
    display: none;
}
.clear-file > a {
    cursor: pointer;
}
.body-carelines #content-area form#userForm.rp-form .formHorizontal div > .rsform-block.rsform-block-header-2 {
    margin-bottom: 40px;
}
.body-carelines #content-area form#userForm.rp-form .formHorizontal div > .rsform-block.rsform-block-header-3 {
    margin-bottom: 40px;
    margin-top: 40px;
}
.body-carelines #content-area form#userForm.rp-form .formHorizontal div > .rsform-block.rsform-block-header-2 p,
.body-carelines #content-area form#userForm.rp-form .formHorizontal div > .rsform-block.rsform-block-header-3 p {
    text-align: left;
}
.body-carelines #content-area #userForm.rp-form .formHorizontal div > .rsform-block .formBody input[type="file"] {
    width: 100%;
    display: block;
    border: none;
    background: #E5F7E2;
    border-radius: 5px;
    padding: 0;
    height: 34px;
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99;
}
.formResponsive .formHorizontal div[class*="rsform-block-receipt-"] {
    margin: 0 0 10px 0 !important;
    position: relative;
    display: block;
}
.formResponsive .formHorizontal div[class*="rsform-block-receipt-"] .formControls {
    display: block;
    position: relative;
    width: 100%;
    height: 40px;
}
.formResponsive .formHorizontal div[class*="rsform-block-receipt-"] .formControls .formBody {
    display: block;
    overflow: hidden;
    width: 100%;
    position: relative;
    height: 40px;
}
.body-carelines #content-area #userForm.rp-form .formHorizontal div[class*="rsform-block-receipt-"] .formControls .formBody input[type="file"] {
    opacity: 0;
    height: 40px;
    z-index: 0;
    background: transparent;
    color: transparent;
}
.formResponsive .formHorizontal div[class*="rsform-block-receipt-"] label.formControlLabel {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #f1f1f1;
    border-radius: 5px;
    overflow: hidden;
    height: 40px;
    display: block;
    position: absolute;
    z-index: 999;
}
.formResponsive .formHorizontal div[class*="rsform-block-receipt-"] label.formControlLabel .choose-file {
    position: absolute;
    width: 120px;
    top: 5px;
    left: 5px;
    height: 30px;
    background: #739836;
    border-radius: 5px;
    line-height: 28px;
    padding: 0 5px;
    color: #ffffff;
    font-weight: 400;
    z-index: 1;
    display: block;
    text-align: center;
    font-size: 13px;
}
.formResponsive .formHorizontal div[class*="rsform-block-receipt-"] label.formControlLabel .file-chosen {
    width: 100%;
    height: 40px;
    padding: 0 20px 0 140px;
    line-height: 38px;
    color: #58535b;
    display: block;
    text-align: left;
    font-size: 13px;
    font-weight: 400;
}
.formResponsive .formHorizontal div[class*="rsform-block-receipt-"] .formControls .formBody p.clear-file {
    position: absolute;
    top: 4px;
    right: 5px;
    display: block;
    z-index: 9999;
    height: 30px;
}
.formResponsive .formHorizontal div[class*="rsform-block-receipt-"] .formControls .formBody p.clear-file a {
    background: #A8CFA1;
    color: #58535b;
    font-size: 13px;
    padding: 2px 6px 5px;
    border-radius: 5px;
}
.formResponsive .formHorizontal div[class*="rsform-block-add"] .formControls .formBody input[type="checkbox"] + label {
    color: #365A64;
    padding: 2px 10px 0px 30px;
    font-size: 16px;
    font-weight: 300;
}
.formResponsive .formHorizontal div[class*="rsform-block-add"] .formControls .formBody input.rsform-upload-box {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}
/* ===================================== */
/* LOGGED_PATIENT_TASKS                  */
.tasks-title-block {
    display: block;
    margin: 0;
    padding: 0 0 20px 0;
}
.tasks-title-block .app-title {
    display: inline-block;
    margin: 0;
    line-height: 35px;
    font-size: 35px;
    vertical-align: top;
    padding: 0;
}
.tasks-title-block.task-manage .app-title {
    max-width: calc(100% - 150px);
    padding-right: 30px;
}
.tasks-title-block .btn {
    margin-top: 5px;
}
.calendar-block #calendar .fc-view-container {
    border-radius: 5px;
    overflow: hidden;
    border-top: 2px solid #739736;
    border-bottom: 2px solid #739736;
    border-left: 2px solid #739736;
    border-right: 1px solid #739736;
    background: #739736;
}
.com_carelines.view-tasks #calendar .fc-center h2 {
    font-size: 28px;
}
.calendar-block #calendar .fc-toolbar.fc-header-toolbar {
    margin-bottom: 30px;
}
.calendar-block #calendar .fc-header-toolbar .fc-left {
    margin: 10px 0 0 90px;
}
.calendar-block #calendar .fc-header-toolbar .fc-right {
    margin: 10px 90px 0 0;
}
.calendar-block #calendar .fc-header-toolbar button {
    width: 34px;
    height: 34px;
    border: none;
    outline: none;
}
.calendar-block #calendar .fc-header-toolbar .fc-left button {
    background: transparent url(../images/calendar_arrow_l_1.png) no-repeat scroll center center;
    box-shadow: initial !important;
    text-shadow: initial !important;
}
.calendar-block #calendar .fc-header-toolbar .fc-right button {
    background: transparent url(../images/calendar_arrow_r_1.png) no-repeat scroll center center;
    box-shadow: initial !important;
    text-shadow: initial !important;
}
.calendar-block #calendar .fc-header-toolbar .fc-left button:hover {
    background-image: url(../images/calendar_arrow_l_2.png);
    box-shadow: initial !important;
    text-shadow: initial !important;
}
.calendar-block #calendar .fc-header-toolbar .fc-right button:hover {
    background-image: url(../images/calendar_arrow_r_2.png);
    box-shadow: initial !important;
    text-shadow: initial !important;
}
.calendar-block #calendar .fc-header-toolbar .fc-left button span,
.calendar-block #calendar .fc-header-toolbar .fc-right button span {
    display: none;
    box-shadow: initial !important;
    text-shadow: initial !important;
}
.calendar-block #calendar .fc-head-container .fc-widget-header thead tr th {
    background: #739736;
    border: none;
}
.calendar-block #calendar .fc-head-container .fc-widget-header thead tr th > span {
    color: #ffffff;
    font-size: 24px;
    font-weight: 500;
    line-height: 60px;
}
.calendar-block #calendar .fc-view-container .fc-view table > thead,
.calendar-block #calendar .fc-view-container .fc-view table > thead tr,
.calendar-block #calendar .fc-view-container .fc-view table > thead tr td {
    border-top: none;
    border-bottom: none;
    border-left: 1px solid #739736;
    border-right: 1px solid #739736;
}
.calendar-block #calendar > .fc-view-container > .fc-view > table > thead.fc-head {
    background: #739736;
}
.calendar-block #calendar .fc-view-container .fc-body tr > .fc-widget-content {
    border: none;
}
.calendar-block #calendar .fc-view-container .fc-body .fc-day-grid .fc-week .fc-bg tr {
    border-collapse: collapse;
}
.calendar-block #calendar .fc-view-container .fc-body .fc-day-grid .fc-week .fc-bg td {
    border-top: 1px solid #739736 !important;
    border-left: none;
    border-right: 1px solid #739736;
    border-bottom: none;
}
.fc-row .fc-bg > table {
    border: inherit;
}
.calendar-block #calendar .fc-view-container .fc-body .fc-day-grid .fc-week .fc-bg td.fc-today {
    background-color: #dff8b6;
    background-image: url(../images/dark_green_square.png), url(../images/dark_green_square.png), url(../images/dark_green_square.png), url(../images/dark_green_square.png);
    background-position: left center, right center, center top, center bottom;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-size: 2px 200px, 2px 200px, 200px 2px, 200px 2px;
    background-attachment: scroll;
}
.calendar-block #calendar .fc-view-container .fc-body .fc-day-grid .fc-week .fc-bg td.fc-past {
    background: #F1F1F2;
}
.calendar-block #calendar .fc-view-container .fc-body .fc-day-grid .fc-week .fc-bg td.fc-future {
    background: #ffffff;
}
.calendar-block #calendar .fc-view-container .fc-body .fc-day-grid .fc-week .fc-content-skeleton thead td.fc-day-top {
    border: none;
    padding-bottom: 4px;
}
.calendar-block #calendar .fc-view-container .fc-body .fc-day-grid .fc-week .fc-content-skeleton thead td.fc-day-top > span {
    float: left;
    padding: 1px 0 0 4px;
    font-size: 20px;
    font-weight: 500;
}
.calendar-block #calendar .fc-view-container .fc-body .fc-day-grid .fc-week .fc-content-skeleton tbody td.fc-event-container .fc-event {
    margin: 2px 5px 1px;
    line-height: 12px;
    padding: 0 4px 2px;
    overflow: visible;
    border-radius: 6px;
}
.calendar-block #calendar .fc-view-container .fc-body .fc-day-grid .fc-week .fc-content-skeleton tbody td.fc-event-container .fc-event .fc-content .fc-time {
    display: none;
}
.calendar-block #calendar .fc-view-container .fc-body .fc-day-grid .fc-week .fc-content-skeleton tbody td.fc-event-container .fc-event .fc-content .fc-title {
    color: #ffffff;
    font-weight: 400;
    font-size: 10px;
}
.calendar-block .calendar-legend {
    display: block;
    overflow: hidden;
    margin: 10px 0 0 0;
}
.calendar-block .calendar-legend > div {
    float: left;
    margin-right: 15px;
}
.calendar-block .calendar-legend .circle {
    width: 16px;
    background: #5BB85D;
    padding: 0;
    border-radius: 40px;
    height: 16px;
    display: block;
    float: left;
    vertical-align: top;
    margin: 5px 5px 0 5px; 
}
.calendar-block .calendar-legend .needs-met .circle {
    background: #5BB85D;
}
.calendar-block .calendar-legend .needs-not-met .circle {
    background: #A1CC56;
}
.calendar-block .calendar-legend .my-tasks .circle {
    background: #f07f6d;
}
/* ===================================== */
/* LOGGED_PATIENT_TASKS_MODAL            */
#modal-window .modal-box.modal-type-primary .modal-inner .modal-title {
    padding: 20px 40px 10px 40px;
}
.body-app #modal-window .modal-box .modal-text {
    font-size: 16px;
    padding: 0 40px 15px 40px;
    overflow-y: auto;
}
.modal-task {
    display: block;
    overflow: hidden;
    padding-bottom: 30px;
}
.modal-task-title {
    font-size: 28px;
    margin: 0;
    padding: 0 0 5px 0;
}
.modal-task-info {
    display: block;
    width: calc(100% - 210px);
    float: left;
    padding: 0 20px 0 0;
}
.body-app.body-carelines #modal-window .modal-box .modal-inner .modal-buttons {
    padding: 0 40px 30px;
}
.modal-task-btn {
    display: block;
    float: left;
    width: 210px;
    padding: 6px 0 0 0;
}
.modal-task-btn .btn.btn-default {
    margin-bottom: 10px;
}
.modal-task-date {
    padding: 7px 0;
}
.com_carelines .bootstrap-timepicker-widget table td input {
    width: 45px;
}
/* ===================================== */
/* LOGGED_PATIENT_TASKS_MANAGE           */
.tasks-block {
    display: block;
    overflow: hidden;
}
.task-block {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0 0 50px 0;
}
.task-block .task-title {
    margin: 0;
    padding: 0 0 20px 0;
}
.task-block-in {
    display: flex;
    margin: 0;
    width: 100%;
    position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}
.task-title a,
.task-title a span {
    color: #739836;
    font-weight: 300;
}
.task-mini-calendar {
    display: flex;
    width: 280px;
    padding: 0 40px 0 1px;
    align-items: flex-start;
    position: relative;
}
.datepicker-overlay-link {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 40px);
    height: 235px;
    display: block;
    z-index: 9;
}
.task-people {
    display: flex;
    width: 260px;
    padding: 40px 40px 0 0;
    align-items: center;
}
.task-actions {
    display: flex;
    width: 200px;
    margin: 0;
    align-items: center;
    padding: 40px 0 0 0;
}
.task-people-assigned {
    font-size: 16px;
    text-transform: none;
    color: #58535b;
    margin: 0;
    padding: 0 0 5px 0;
}
.task-people-assigned.none-assigned {
    position: relative;
    display: block;
    padding: 0 0 0 20px;
    margin: 10px 0 0 0;
    line-height: 19px;
}
.task-people-assigned.none-assigned::before {
    display: block;
    content: " ";
    background: transparent !important;
    border: 2px solid #A3BF74;
    border-radius: 30px;
    position: absolute;
    top: 4px;
    left: 0;
    z-index: 1;
    width: 14px;
    height: 14px;
}
.assigned-supporters-wrapper {
    font-size: 16px;
    color: #58535b;
    line-height: 22px;
    padding: 0 0 20px 0;
}
.assigned-supporters-wrapper span {
    font-size: 16px;
    color: #58535b;
    line-height: 24px;
}
.task-people-offers {
    font-size: 16px;
    text-transform: none;
    color: #58535b;
    margin: 0;
    padding: 15px 0 5px 0;
    line-height: 20px;
}
.invited-supporters-wrapper {
    font-size: 16px;
    color: #58535b;
    line-height: 22px;
    padding: 0;
}
.task-block .activeClass {
    background:#fcf !important;
}
.task-block .selectedClass {
    background:#ddd;
}
.task-block .semi-block {
    float:left;
    width:30%;
}
.task-block span.supporter-0,
.task-block span.supporter-1,
.task-block span.supporter-2,
.task-block span.supporter-3,
.task-block span.supporter-4,
.task-block span.supporter-5 {
    display: inline-block;
    width: 10px;
    height: 10px;
    vertical-align: top;
    margin: 8px 9px 0 1px;
}
.task-block .supporter-0 {
    background-color: brown !important;
    color: white  !important;
}
.task-block .supporter-1 {
    background-color: orange !important;
    color: white  !important;
}
.task-block .supporter-2 {
    background-color: blue !important;
    color: white  !important;
}
.task-block .supporter-3 {
    background-color: red !important;
    color: white  !important;
}
.task-block .supporter-4 {
    background-color: yellow !important;
    color: white  !important;
}
.task-block .supporter-5 {
    background-color: green !important;
    color: white  !important;
}
.task-mini-calendar > div {
    width: 100%;
    display: block;
}
.task-mini-calendar > div .datepicker {
    width: 100%;
}
.task-mini-calendar .datepicker .datepicker-days {
    width: 100%;
}
.task-mini-calendar .datepicker .datepicker-days .table-condensed {
    width: 100%;
}
.task-mini-calendar .datepicker .datepicker-days .table-condensed td {
    border-radius: 0;
    border: 1px solid #cccccc;
    font-weight: 500;
}
.task-mini-calendar .datepicker .datepicker-days .table-condensed .dow {
    background: #dddddd;
    border-radius: 0;
    height: 20px;
    line-height: 14px;
    font-size: 10px;
    text-transform: uppercase;
    color: #58535b;
    font-weight: 700;
    padding: 5px 0;
}
.task-mini-calendar .datepicker .datepicker-days .table-condensed td.old.day {
    opacity: 0.4;
    color: #58535b;
}
.table-condensed thead tr:last-child {
    border-left: 1px solid #dddddd;
}
.task-mini-calendar .datepicker .datepicker-days .table-condensed td.day.activeClass {
    background: transparent !important;
    position: relative;
    z-index: 1;
}
.task-mini-calendar .datepicker .datepicker-days .table-condensed td.day.activeClass::before {
    display: block;
    content: " ";
    background: transparent !important;
    border: 2px solid #A3BF74;
    border-radius: 30px;
    position: absolute;
    top: 4px;
    left: 3px;
    bottom: 3px;
    right: 3px;
    z-index: -1;
}
.calendar-key .task-people-assigned.none-assigned {
    padding: 0 0 0 25px;
    margin: 10px 0 0 0;
    line-height: 19px;
}
.calendar-key .task-people-assigned.none-assigned::before {
    border: 2px solid #A3BF74;
    top: 1px;
    left: 0;
    width: 18px;
    height: 18px;
}
.calendar-key {
    margin: 0 0 0 5px;
    padding: 5px 0 0 0;
}
.calendar-key.couple {
    display: block;
    overflow: hidden;
    width: 100%;
}
.calendar-key .task-people-assigned {
    display: block;
    float: left;
}
.calendar-key .task-people-assigned.none-assigned {
    padding: 0 0 0 25px;
    margin: 10px 0 0 0;
    line-height: 19px;
}
.calendar-key.couple .task-people-assigned.none-assigned {
    margin-right: 40px;
    line-height: 23px;
}
.calendar-key.couple .task-people-assigned.one-assigned {
    padding: 0 0 0 25px;
    margin: 10px 0 0 0;
    line-height: 23px;
    position: relative;
}
.calendar-key.couple .task-people-assigned.none-assigned::before {
    border: 2px solid #A3BF74;
    top: 4px;
}
.calendar-key.couple .task-people-assigned.one-assigned::before {
    display: block;
    content: " ";
    border: 2px solid #A3BF74;
    border-radius: 30px;
    position: absolute;
    top: 4px;
    left: 0;
    z-index: 1;
    width: 18px;
    height: 18px;
    background: #A3BF74 !important;
    color: #ffffff;
}
.tasks-for-supporter .task-calendars-block .month-calendars .datepicker .datepicker-days .table-condensed td.day.activeClass {
    color: #ffffff;
    text-shadow: none;
    position: relative;
    background: transparent !important;
}
.tasks-for-supporter .task-calendars-block .month-calendars .datepicker .datepicker-days .table-condensed td.day.activeClass::before {
    display: block;
    content: " ";
    background: #A3BF74 !important;
    border: 2px solid #A3BF74;
    border-radius: 30px;
    position: absolute;
    top: 4px;
    left: 3px;
    bottom: 3px;
    right: 3px;
    z-index: -1;
    color: #ffffff !important;
}
.tasks-for-supporter .calendar-key {
    margin-bottom: 60px;
}
.calendar-key.couple .task-people-assigned.help-needed,
.calendar-key.couple .task-people-assigned.needs-met,
.calendar-key.couple .task-people-assigned.my-tasks {
    padding: 0 0 0 25px;
    margin: 10px 40px 0 0;
    line-height: 23px;
    position: relative;
}
.calendar-key.couple .task-people-assigned.my-tasks {
    margin: 10px 0 0 0;
}
.calendar-key.couple .task-people-assigned.help-needed::before,
.calendar-key.couple .task-people-assigned.needs-met::before,
.calendar-key.couple .task-people-assigned.my-tasks::before {
    display: block;
    content: " ";
    border-radius: 30px;
    position: absolute;
    top: 4px;
    left: 0;
    z-index: 1;
    width: 18px;
    height: 18px;
    color: #ffffff;
}
.calendar-key.couple .task-people-assigned.help-needed::before {
    border: 2px solid #A1CC56;
    background: #A1CC56 !important;
}
.calendar-key.couple .task-people-assigned.needs-met::before {
    border: 2px solid #5BB85D;
    background: #5BB85D !important;
}
.calendar-key.couple .task-people-assigned.my-tasks::before {
    border: 2px solid #f07f6d;
    background: #f07f6d !important;
}
.body-carelines #content-area form.accept-offer {
    padding: 0;
    margin: 0;
    max-width: 100%;
}
/* ===================================== */
/* LOGGED_PATIENT_TASKS_NEW              */
.body-carelines form.form-new-task {
    padding-top: 0 !important;
}
.form-new-task {
}
.form-new-task > h2 {
    margin: 0;
    padding: 0 0 40px 0;
}
.form-new-task .task-buttons {
    width: 100%;
    display: block;
    margin: 0;
    padding: 50px 0 0 0;
    text-align: center;
}
.form-new-task .task-type,
.form-new-task .task-frequency,
.form-new-task .task-name,
.form-new-task .task-description,
.form-new-task .task-options,
.form-new-task .task-dates,
.form-new-task .task-frequency-title,
.form-new-task .task-date-selection,
.form-new-task .task-weekdays,
.form-new-task .task-single-day,
.form-new-task .task-starting-time,
.form-new-task .task-duration {
    width: 100%;
    margin: 0;
    padding: 0 0 40px 0;
}
.form-new-task .task-starting-time,
.form-new-task .task-duration,
.form-new-task .task-description {
    padding: 0;
}
.form-new-task .task-name {
    padding: 0 0 10px 0;
}
.form-new-task .task-options {
    padding: 10px 0 10px 0;
}
.form-new-task .task-frequency-title {
    padding: 0;
}
.form-new-task .task-date-selection {
    padding: 0 0 20px 0;
}
.form-new-task .task-dates {
    padding: 40px 0 40px 0;
}
.form-new-task .task-single-day {
    padding: 30px 0 40px 0;
}
.form-new-task .task-type > label,
.form-new-task .task-frequency > label,
.form-new-task .task-name > label,
.form-new-task .task-description > div > label,
.form-new-task .task-options > label,
.form-new-task .task-dates > label,
.form-new-task .task-frequency-title > label,
.form-new-task .task-date-selection > label,
.form-new-task .task-weekdays > label,
.form-new-task .task-single-day > label,
.form-new-task .task-starting-time > label,
.form-new-task .task-duration > label {
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    margin: 0;
    padding: 0 0 5px 0;
}
.task-type fieldset {
    width: 100%;
    margin: 0;
    padding: 10px 0 0;
}
.task-type fieldset .text-nicelabel:not(:checked) + label {
    background-color: #878787;
    color: #ffffff;
    font-size: 16px;
    padding: 0 10px;
    line-height: 30px;
    height: 50px !important;
    border-radius: 0;
    width: calc(25% - 15px);
    margin: 0 15px 15px 0;
    text-align: center;
    font-family: inherit !important;
    display: table !important;
}
.task-type fieldset .text-nicelabel:checked + label {
    background-color: #9ECC52 !important;
    color: #ffffff !important;
    font-size: 16px !important;
    padding: 0 10px !important;
    line-height: 30px !important;
    height: 50px !important;
    border-radius: 0 !important;
    width: calc(25% - 15px) !important;
    margin: 0 15px 15px 0 !important;
    text-align: center !important;
    font-family: inherit !important;
    display: table !important;
}
.task-frequency fieldset .text-nicelabel:not(:checked) + label {
    background-color: #878787;
    color: #ffffff;
    font-size: 16px;
    padding: 0 10px;
    line-height: 30px;
    height: 50px !important;
    border-radius: 0;
    width: calc(25% - 15px);
    margin: 0 15px 15px 0;
    text-align: center;
    font-family: inherit !important;
    display: table !important;
}
.task-frequency fieldset .text-nicelabel:checked + label {
    background-color: #9ECC52 !important;
    color: #ffffff !important;
    font-size: 16px !important;
    padding: 0 10px !important;
    line-height: 30px !important;
    height: 50px !important;
    border-radius: 0 !important;
    width: calc(25% - 15px) !important;
    margin: 0 15px 15px 0 !important;
    text-align: center !important;
    font-family: inherit !important;
    display: table !important;
}
.task-type fieldset .text-nicelabel + label span,
.task-frequency fieldset .text-nicelabel + label span {
    margin-left: 0;
    display: table-cell;
    vertical-align: middle;
    line-height: 14px;
    padding-bottom: 4px;
}
form.journal-edit fieldset.adminform > div {
    margin: 0 0 40px 0;
}
.form-new-task .task-description {
    position: relative;
    margin-top: 20px;
}
.task-description .control-group {
    position: relative;
}
.task-description > label {
    position: absolute;
    top: 7px;
    left: 5px;
    z-index: 99;
    font-weight: 300;
}
.task-description .control-label label#jform_text-lbl {
    font-size: 16px;
    font-weight: 300;
    color: #aaaaaa;
}
.task-description .editor.wf-editor-container {
    padding: 0 !important;
}
.task-description .defaultSkin > .mceLayout {
    border-left: none;
    border-right: none;
}
.task-description .defaultSkin .mceLayout > .mceToolbar.mceRight.mceFirst {
    border-top: none;
    background: transparent;
}
.task-description .defaultSkin .mceLayout > .mceIframeContainer.mceLast {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.form-new-task .task-dates {
}
.form-new-task .task-dates h3 {
    margin: 0;
    padding: 0 0 10px 0;
}
.form-new-task .task-dates .task-start,
.form-new-task .task-dates .task-end {
    width: 240px;
    display: inline-block;
}
.form-new-task .task-dates > div > label {
    font-weight: 300;
    font-size: 16px;
}
.form-new-task .task-dates > div > input {
    width: 140px;
    border: 1px solid #58535b;
    background: transparent url(../images/calendar_icon.png) scroll no-repeat calc(100% - 5px) center / 18px 19px;
    height: 27px;
    margin: 0 0 0 10px;
    line-height: 27px;
    padding: 1px 30px 3px 5px;
    font-size: 14px;
    color: #58535b;
}
.task-frequency-title h3 {
    margin: 0;
    padding: 0 0 10px 0;
}
.task-date-selection .task-date-selection-in .tds-month {
    display: inline-block;
}
.task-date-selection .task-date-selection-in .tds-month label {
    font-weight: 300;
    font-size: 16px;
}
.task-date-selection .task-date-selection-in .tds-month select {
    width: 100px;
    border: 1px solid #58535b;
    padding: 2px 20px 4px 3px;
    margin: 0 0 0 10px;
    color: #58535b;
}
.task-date-selection .task-date-selection-in > span {
    display: inline-block;
    margin: 0 0 0 20px;
    font-size: 16px;
}
.task-date-selection .task-date-selection-in .tds-week {
    display: inline-block;
}
.task-date-selection .task-date-selection-in .tds-week label {
    font-weight: 300;
    font-size: 16px;
}
.task-date-selection .task-date-selection-in .tds-week select {
    border: 1px solid #58535b;
    padding: 3px 20px 4px 3px;
    margin: 0 0 0 10px;
    color: #58535b;
    font-size: 14px;
}
.task-date-selection .task-date-selection-in .tds-week select#jform_onday {
    width: 110px;
}
.task-date-selection .task-date-selection-in .tds-week select#jform_onweekday {
    width: 110px;
}
.task-date-selection .task-date-selection-in .tds-week > span {
    display: inline-block;
    margin: 0 0 0 10px;
}
.task-starting-group {
    display: block;
}
.form-new-task .task-starting-time {
    width: 270px;
    display: inline-block;
}
.com_carelines form.form-new-task .task-starting-time label {
    font-weight: 300;
    font-size: 16px;
}
.com_carelines form.form-new-task .task-starting-time input {
    width: 140px;
    border: 1px solid #58535b;
    background: transparent url(../images/clock.png) scroll no-repeat calc(100% - 5px) center / 18px 19px;
    height: 27px;
    margin: 0 0 0 10px;
    line-height: 27px;
    padding: 1px 30px 3px 5px;
    font-size: 14px;
    color: #58535b;
}
.form-new-task .task-duration {
    width: 220px;
    display: inline-block;
}
.com_carelines form.form-new-task .task-duration label {
    font-weight: 300;
    font-size: 16px;
}
.com_carelines form.form-new-task .task-duration input {
    width: 70px;
    border: 1px solid #58535b;
    height: 27px;
    margin: 0 0 0 10px;
    line-height: 27px;
    padding: 0 0 0 5px;
    font-size: 14px;
    color: #58535b;
}
.com_carelines form.form-new-task .task-duration span {
    display: inline-block;
    margin: 0 0 0 10px;
}
.task-weekdays .task-weekday label {
    font-weight: 300;
    font-size: 16px;
}
.task-weekdays .task-weekday fieldset {
    width: 100%;
    margin: 0;
    padding: 10px 0 0;
}
.task-weekdays .task-weekday fieldset .text-nicelabel:not(:checked) + label {
    background-color: #878787;
    color: #ffffff;
    font-size: 16px;
    padding: 0 10px;
    line-height: 21px;
    height: 30px !important;
    border-radius: 0;
    width: auto;
    margin: 0 6px 15px 0;
    text-align: center;
    font-family: inherit !important;
}
.task-weekdays .task-weekday fieldset .text-nicelabel:checked + label {
    background-color: #9ECC52 !important;
    color: #ffffff !important;
    font-size: 16px !important;
    padding: 0 10px !important;
    line-height: 21px !important;
    height: 30px !important;
    border-radius: 0 !important;
    width: auto !important;
    margin: 0 6px 15px 0 !important;
    text-align: center !important;
    font-family: inherit !important;
}
.task-weekdays .task-weekday fieldset .text-nicelabel + label span {
    margin-left: 0;
}
.form-new-task .task-options .task-option {
    display: inline-block;
    margin: 0 30px 0 0;
}
.form-new-task .task-options .task-option label.pull-left {
    width: 40px;
    height: 20px;
    margin: 0 10px 0 0;
}
.form-new-task .task-options .task-option .circle-nicelabel:checked + label.pull-left {
    background: #739836;
}
.form-new-task .task-options .task-option .circle-nicelabel:not(:checked) + label.pull-left {
    background: #bbbbbb;
}
.form-new-task .task-options .task-option .circle-nicelabel:checked + label.pull-left .circle-btn {
    position: absolute;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    left: 21px;
    top: 1px;
    transition: left 0.2s;
    -webkit-transition: left 0.2s;
}
.form-new-task .task-options .task-option .circle-nicelabel:not(:checked) + label.pull-left .circle-btn {
    left: 1px;
    top: 1px;
    width: 18px;
    height: 18px;
}
.form-new-task .task-options .task-option label:not(.pull-left) {
    font-weight: 300;
    line-height: 18px;
    vertical-align: top;
    font-size: 16px;
}
.form-new-task .task-single-day {
    width: 240px;
}
.task-single-day .datepicker {
    width: 100%;
}
.task-single-day .datepicker .datepicker-days {
    width: 100%;
}
.task-single-day .datepicker .datepicker-days .table-condensed {
    width: 100%;
}
.task-single-day .datepicker .datepicker-days .table-condensed td {
    border-radius: 0;
    border: 1px solid #cccccc;
    font-weight: 500;
}
.task-single-day .datepicker .datepicker-days .table-condensed .dow {
    background: #dddddd;
    border-radius: 0;
    height: 20px;
    line-height: 14px;
    font-size: 10px;
    text-transform: uppercase;
    color: #58535b;
    font-weight: 700;
    padding: 5px 0;
}
.task-single-day .datepicker .datepicker-days .table-condensed td.old.day {
    opacity: 0.4;
    color: #58535b;
}
.task-single-day .table-condensed thead tr:last-child {
    border-left: 1px solid #dddddd;
}
.task-single-day .datepicker .datepicker-days .table-condensed td.day.activeClass {
    background: transparent !important;
    position: relative;
    z-index: 1;
}
.task-single-day .datepicker .datepicker-days .table-condensed td.day.activeClass::before {
    display: block;
    content: " ";
    background: transparent !important;
    border: 2px solid #A3BF74;
    border-radius: 30px;
    position: absolute;
    top: 4px;
    left: 3px;
    bottom: 3px;
    right: 3px;
    z-index: -1;
}
.form-new-task h2.edit-header {
    padding: 0 0 10px 0;
}
.form-new-task p.edit-header {
    margin: 0;
    padding: 50px 0 0 0;
}
.task-frequency.editing-task {
    opacity: 0.5;
}
.hide-editing-task,
.field-wrapper.hide-editing-task {
    display: none !important;
}
.form-new-task .task-type.editing-task {
    padding: 40px 0;
}
.com_carelines form .task-name.editing-task input[type="text"]#jform_task_name {
    color: #739836;
    padding: 5px 10px 12px 1px;
    font-size: 36px;
}
.form-new-task h4.sub-head {
    font-weight: 700 !important;
    font-size: 20px;
    margin: 0;
    padding: 15px 0 5px 0;
    text-transform: uppercase !important;
}
h4.sub-head {
    font-weight: 700 !important;
    font-size: 20px !important;
    margin: 0 !important;
    padding: 15px 0 5px 0 !important;
    text-transform: uppercase !important;
}
.view-task .form-new-task #delete-btn {
    margin: 12px 0 0 0;
}
.com_carelines p.task-title-minimum {
    font-size: 13px;
    margin: 0;
    color: #888888;
}
.com_carelines p.task-desc-minimum {
    font-size: 13px;
    margin: 0;
    color: #888888;
}
.view-volunteering #modal-window .modal-box.cl-front-modal .modal-text .atj-form-full > textarea.offer-message {
    min-height: 84px;
}
.offer-usr-msg {
    padding: 5px 0 5px 0 !important;
    font-size: 14px !important;
    font-weight: 400;
}
.offer-usr-clickdate {
    padding: 0 !important;
    font-size: 14px !important;
    font-weight: 600;
}
/* ===================================== */
/* LOGGED_PATIENT_TASKS_SUPPORTERS       */
.sup-and-tasks .task-assigned-block .task-ab-supporter .task-abs-avatar {
    width: 100px;
    height: 100px;
    margin: 0 20px 0 0;
    display: block;
    float: left;
}
.sup-and-tasks .task-assigned-block .task-ab-supporter .task-abs-info {
    width: calc(100% - 500px);
    margin: 0 20px 0 0;
    display: block;
    float: left;
}
.sup-and-tasks .task-assigned-block .task-ab-supporter .task-abs-actions {
    width: 360px;
    margin: 0;
    display: block;
    float: left;
}
.sup-and-tasks .task-assigned-block.last-one {
    margin: 0;
    padding: 0;
    border: none;
}
/* ===================================== */
/* LOGGED_PATIENT_TASKS_MANAGE           */
.task-subtitle-block {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}
.task-subtitle-block .app-label {
    background: #739836;
    color: #ffffff;
    padding: 1px 10px 3px;
    display: inline-block;
    margin: 0 0 0 10px;
}
.task-subtitle-block h4 {
    display: inline-block;
}
.task-description-block {
    color: #284e6e;
    font-size: 16px;
    padding: 20px 0 0 0;
    display: block;
    width: 100%;
    overflow: hidden;
}
.task-undertitle-block {
    display: block;
    overflow: hidden;
    width: 100%;
}
.task-details-block h3 {
    margin: 0;
    padding: 0 0 15px 0;
}
.task-details-block p {
    margin: 0;
    padding: 0 0 12px 0;
}
.task-calendars-block {
    padding: 30px 0 50px;
}
.view-tasksupporters .task-calendars-block.edit-dates,
.view-tasksupporters .task-calendars-block.edit-dates > form {
    padding-top: 0 !important;
}
.task-calendars-block .month-calendars .slick-prev.slick-arrow {
    background: transparent url(../images/arrow_v_thin_b_l.png) scroll no-repeat center center / 100% 100%;
    width: 21px;
    height: 50px;
    text-indent: -9999px;
    opacity: 0.5;
    left: -40px;
}
.task-calendars-block .month-calendars .slick-next.slick-arrow {
    background: transparent url(../images/arrow_v_thin_b_r.png) scroll no-repeat center center / 100% 100%;
    width: 21px;
    height: 50px;
    text-indent: -9999px;
    opacity: 0.5;
    right: -40px;
}
.task-calendars-block .month-calendars .slick-prev.slick-arrow.slick-disabled,
.task-calendars-block .month-calendars .slick-next.slick-arrow.slick-disabled {
    opacity: 0.1;
}
.task-calendars-block .month-calendars .slick-prev.slick-arrow::before,
.task-calendars-block .month-calendars .slick-next.slick-arrow::before {
    display: none;
}
.task-calendars-block .month-calendars .task-single-day {
    width: 240px;
}
.task-calendars-block .month-calendars .datepicker {
    width: 100%;
}
.task-calendars-block .month-calendars .datepicker .datepicker-days {
    width: 100%;
}
.task-calendars-block .month-calendars .datepicker .datepicker-days .table-condensed {
    width: 100%;
}
.task-calendars-block .month-calendars .datepicker .datepicker-days .table-condensed td {
    border-radius: 0;
    border: 1px solid #cccccc;
    font-weight: 500;
}
.task-calendars-block .month-calendars .datepicker .datepicker-days .table-condensed .dow {
    background: #dddddd;
    border-radius: 0;
    height: 20px;
    line-height: 14px;
    font-size: 10px;
    text-transform: uppercase;
    color: #58535b;
    font-weight: 700;
    padding: 5px 0;
}
.task-calendars-block .month-calendars .datepicker .datepicker-days .table-condensed td.old.day {
    opacity: 0.4;
    color: #58535b;
}
.task-calendars-block .month-calendars .table-condensed thead tr:last-child {
    border-left: 1px solid #dddddd;
}
.task-calendars-block .month-calendars .datepicker .datepicker-days .table-condensed td.day.available-date {
    background: transparent !important;
    position: relative;
    z-index: 1;
    border: 1px solid #cccccc !important;
}
.task-calendars-block .month-calendars .datepicker .datepicker-days .table-condensed td.day.available-date::before {
    display: block;
    content: " ";
    background: transparent !important;
    border: 2px solid #A3BF74;
    border-radius: 30px;
    position: absolute;
    top: 4px;
    left: 3px;
    bottom: 3px;
    right: 3px;
    z-index: -1;
}
.task-calendars-block .month-calendars .datepicker .datepicker-days .table-condensed td.day.available-date.active {
    color: #ffffff !important;
    text-shadow: none !important;
}
.task-calendars-block .month-calendars .datepicker .datepicker-days .table-condensed td.day.available-date.active::before {
    background: #A3BF74 !important;
}
.task-calendars-block .month-calendars .slick-list > .slick-track > .slick-slide {
    width: 250px;
    padding: 0 7px 0 7px;
    margin: 0;
}
.task-assigned-block {
    display: block;
    overflow: hidden;
    margin: 0 0 50px 0;
    padding: 0 0 50px 0;
    border-bottom: 1px solid #9ECC52;
}
.task-assigned-block .tasks-title-block {
    padding-bottom: 40px;
    width: 100%;
    display: block;
}
.task-assigned-block .tasks-title-block .app-title {
    font-size: 28px;
}
.task-assigned-block .task-ab-supporters {
    display: block;
    overflow: hidden;
}
.task-assigned-block .task-ab-supporter {
    display: block;
    overflow: hidden;
    float: left;
    width: 100%;
    margin: 0 0 40px 0;
}
.task-assigned-block .task-ab-supporter .task-abs-avatar {
    width: 100px;
    height: 100px;
    margin: 0 20px 0 0;
    display: block;
    float: left;
}
.task-assigned-block .task-ab-supporter .task-abs-info {
    width: calc(100% - 260px);
    margin: 0 20px 0 0;
    display: block;
    float: left;
}
.task-assigned-block .task-ab-supporter .task-abs-actions {
    width: 120px;
    margin: 0;
    display: block;
    float: left;
}
.task-assigned-block .task-ab-supporter .task-abs-avatar .profileimg {
    border-radius: 100px;
    padding: 0;
    position: relative;
    bottom: initial;
}
.task-abs-info .task-info-name {
    font-weight: 700;
    line-height: 24px;
    font-size: 16px;
    padding: 5px 0 3px 0;
}
.task-abs-info .task-info-date {
    line-height: 22px;
    font-size: 13px;
    padding: 0 0 3px;
}
.task-abs-info .task-info-email {
    line-height: 22px;
    font-size: 16px;
}
.task-offers-block {
    display: block;
    overflow: hidden;
    margin: 0 0 50px 0;
    padding: 0 0 50px 0;
    border-bottom: 1px solid #9ECC52;
}
.task-offers-block .tasks-title-block {
    padding-bottom: 40px;
    width: 100%;
    display: block;
}
.task-offers-block .tasks-title-block .app-title {
    font-size: 28px;
}
.task-offers-block .task-ab-supporters {
    display: block;
    overflow: hidden;
}
.task-offers-block .task-ab-supporter {
    display: block;
    overflow: hidden;
    float: left;
    width: 100%;
    margin: 0 0 40px 0;
}
.view-task.layout- .task-offers-block .task-ab-supporter {
    float: none;
    margin: 0 0 20px 0;
}
.task-offers-block .task-ab-supporter .task-abs-avatar {
    width: 100px;
    height: 100px;
    margin: 0 20px 0 0;
    display: block;
    float: left;
}
.task-offers-block .task-ab-supporter .task-abs-info {
    width: calc(100% - 260px);
    margin: 0 20px 0 0;
    display: block;
    float: left;
}
.task-offers-block .task-ab-supporter .task-abs-actions {
    width: 120px;
    margin: 0;
    display: block;
    float: left;
}
.task-offers-block .task-ab-supporter .task-abs-avatar .profileimg {
    border-radius: 100px;
    padding: 0;
    position: relative;
    bottom: initial;
}
.task-offers-block .task-abs-info .task-info-name {
    font-weight: 700;
    line-height: 20px;
}
.task-offers-block .task-abs-info .task-info-date {
    line-height: 20px;
}
.task-offers-block .task-abs-info .task-info-email {
    line-height: 20px;
    font-size: 13px;
}
.task-offers-block .offers-calendar {
    padding: 10px 0 40px 0;
}
.offers-calendar > div {
    width: 250px;
    padding: 0 7px 0 7px;
}
.offers-calendar .datepicker {
    width: 100%;
    margin: 0 0 0 1px;
}
.offers-calendar .datepicker .datepicker-days {
    width: 100%;
}
.offers-calendar .datepicker .datepicker-days .table-condensed {
    width: 100%;
}
.offers-calendar .datepicker .datepicker-days .table-condensed td {
    border-radius: 0;
    border: 1px solid #cccccc;
    font-weight: 500;
}
.offers-calendar .datepicker .datepicker-days .table-condensed .dow {
    background: #dddddd;
    border-radius: 0;
    height: 20px;
    line-height: 14px;
    font-size: 10px;
    text-transform: uppercase;
    color: #58535b;
    font-weight: 700;
    padding: 5px 0;
}
.offers-calendar .datepicker .datepicker-days .table-condensed td.old.day {
    opacity: 0.4;
    color: #58535b;
}
.offers-calendar .table-condensed thead tr:last-child {
    border-left: 1px solid #dddddd;
}
.offers-calendar .datepicker .datepicker-days .table-condensed td.day.available-date {
    background: transparent !important;
    position: relative;
    z-index: 1;
    border: 1px solid #cccccc !important;
    color: #58535b;
    text-shadow: initial;
}
.offers-calendar .datepicker .datepicker-days .table-condensed td.day.available-date::before {
    display: block;
    content: " ";
    background: transparent !important;
    border: 2px solid #A3BF74;
    border-radius: 30px;
    position: absolute;
    top: 4px;
    left: 3px;
    bottom: 3px;
    right: 3px;
    z-index: -1;
}
.task-invited-block {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border-bottom: none;
}
.task-invited-block .tasks-title-block {
    padding-bottom: 40px;
    width: 100%;
    display: block;
}
.task-invited-block .tasks-title-block .app-title {
    font-size: 28px;
}
.task-invited-block .task-ab-supporters {
    display: block;
    overflow: hidden;
}
.task-invited-block .task-ab-supporter {
    display: block;
    overflow: hidden;
    float: left;
    width: 100%;
    margin: 0 0 40px 0;
}
.task-invited-block .task-ab-supporter .task-abs-avatar {
    width: 100px;
    height: 100px;
    margin: 0 20px 0 0;
    display: block;
    float: left;
}
.task-invited-block .task-ab-supporter .task-abs-info {
    width: calc(100% - 260px);
    margin: 0 20px 0 0;
    display: block;
    float: left;
}
.task-invited-block .task-ab-supporter .task-abs-actions {
    width: 120px;
    margin: 0;
    display: block;
    float: left;
}
.task-invited-block .task-ab-supporter .task-abs-avatar .profileimg {
    border-radius: 100px;
    padding: 0;
    position: relative;
    bottom: initial;
}
.task-invited-block .task-abs-info .task-info-name {
    font-weight: 700;
    line-height: 20px;
}
.task-invited-block .task-abs-info .task-info-date {
    line-height: 20px;
}
.task-invited-block .task-abs-info .task-info-email {
    line-height: 20px;
    font-size: 13px;
}
.task-calendars-block.edit-dates .month-calendars .datepicker .datepicker-days .table-condensed td.day.available-date {
    color: #A3BF74;
    text-shadow: none;
}
.task-calendars-block.edit-dates .month-calendars .datepicker .datepicker-days .table-condensed td.active.day.available-date {
    color: #ffffff !important;
}
.task-calendars-block.edit-dates .month-calendars .datepicker .datepicker-days .table-condensed td.active.day.available-date:before {
    background: #A3BF74 !important;
}
.task-abs-calendar {
    display: block;
    float: none;
}
.body-carelines #content-area form.offers-calendar {
    max-width: 100%;
    margin: 0;
    padding: 0 0 20px 0;
}
/* ===================================== */
/* LOGGED_PATIENT_TASKS_SUPPORTERS_MSG   */
.sup-msgs .task-assigned-block .task-ab-supporters {
    display: block;
    overflow: hidden;
}
.sup-msgs .task-assigned-block .task-ab-supporter {
    margin: 0 25px 40px 0;
    width: calc((100% - 50px) / 3);
    position: relative;
    display: block;
    float: left;
    height: 82px;
    overflow: hidden;
}
.sup-msgs .task-assigned-block .task-ab-supporter:nth-child(3n) {
    margin: 0 0 40px 0;
}
.sup-msgs .task-assigned-block .task-ab-supporter .task-abs-avatar {
    width: 80px;
    height: 80px;
    margin: 0 10px 0 0;
    display: block;
    float: left;
}
.sup-msgs .task-assigned-block .task-ab-supporter .task-abs-info {
    width: calc(100% - 90px);
    margin: 0;
    display: block;
    float: left;
}
.sup-msgs .task-assigned-block.last-one {
    margin: 0;
    padding: 0;
    border: none;
}
.sup-msgs .task-abs-info .task-info-name {
    font-weight: 700;
    line-height: 15px;
    font-size: 15px;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
}
.sup-msgs .task-abs-info .task-info-date {
    line-height: 18px;
    font-size: 13px;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
}
.sup-msgs .task-abs-info .task-info-email {
    line-height: 18px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    display: none;
}
.sup-msgs .task-abs-info .select-box input {
    vertical-align: top;
    margin: 4px 4px 0 0;
}
.sup-msgs .task-abs-info .select-box label {
    line-height: 18px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}
.sup-msgs .message-area {
    display: block;
    margin: 10px 0 20px;
}
.sup-msgs .message-area textarea {
    display: block;
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    height: 130px;
    color: #58535b;
}
.sup-msgs .message-area textarea::placeholder {
    opacity: 1 !important;
}
.sup-msgs .task-ab-supporter input[type="checkbox"].mega-check {
    display: block;
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
}
.sup-msgs .task-ab-supporter input[type="checkbox"].mega-check ~ .task-abs-avatar img {
    border: 5px solid #ffffff;
    transition: all 0.25s ease-in-out;
}
.sup-msgs .task-ab-supporter input[type="checkbox"].mega-check:checked ~ .task-abs-avatar img {
    border: 5px solid #9ECC52;
}
.sup-msgs .task-ab-supporter input[type="checkbox"].mega-check:hover ~ .task-abs-avatar img {
    border: 3px solid #9ECC52;
    transition: all 0.25s ease-in-out;
}
.sup-msgs .task-ab-supporter input[type="checkbox"].mega-check:checked:hover ~ .task-abs-avatar img {
    border: 5px solid #9ECC52;
    transition: all 0.25s ease-in-out;
}
.sup-msgs .task-ab-supporter input[type="checkbox"].mega-check ~ .task-abs-info .task-info-name {
    color: #58535b;
    font-size: 16px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    transition: all 0.25s ease-in-out;
}
.sup-msgs .task-ab-supporter input[type="checkbox"].mega-check:checked ~ .task-abs-info .task-info-name {
    color: #799053;
}
.sup-msgs .task-ab-supporter input[type="checkbox"].mega-check:hover ~ .task-abs-info .task-info-name {
    color: #799053;
}
.sup-msgs .task-ab-supporter input[type="checkbox"].mega-check ~ .task-abs-info .select-box {
    width: 100px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    font-size: 14px;
    color: #58535b;
    background: #F1F1F1;
    border-radius: 5px;
    transition: all 0.25s ease-in-out;
    margin: 5px 0 0 0;
    border: 1px solid #f1f1f1;
}
.sup-msgs .task-ab-supporter input[type="checkbox"].mega-check:checked ~ .task-abs-info .select-box {
    opacity: 0.5;
}
.sup-msgs .task-ab-supporter input[type="checkbox"].mega-check:checked:hover ~ .task-abs-info .select-box {
    background: #739836;
    color: #ffffff;
    border: 1px solid #739836;
}
.sup-msgs .task-ab-supporter input[type="checkbox"].mega-check ~ .task-abs-info .select-box span {
    text-align: center;
    line-height: 13px;
    font-size: 13px;
    color: #ffffff;
    padding: 5px 5px 4px 5px;
    background: #74973f;
    border-radius: 5px;
    height: 25px;
    display: block;
}
.sup-msgs .task-ab-supporter input[type="checkbox"].mega-check:hover ~ .task-abs-info .select-box span {
    background: #608325;
}
.sup-msgs .task-ab-supporter input[type="checkbox"].mega-check ~ .task-abs-info .select-box .sb-sel {
    display: block;
}
.sup-msgs .task-ab-supporter input[type="checkbox"].mega-check:checked ~ .task-abs-info .select-box .sb-sel {
    display: none;
}
.sup-msgs .task-ab-supporter input[type="checkbox"].mega-check ~ .task-abs-info .select-box .sb-unsel {
    display: none;
}
.sup-msgs .task-ab-supporter input[type="checkbox"].mega-check:checked ~ .task-abs-info .select-box .sb-unsel {
    display: block;
}
/* ===================================== */
/* LOGGED_PATIENT_TASKS_FOR_SUPPORTERS   */
.tasks-for-supporter .task-assigned-block {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border-bottom: none;
}
.tasks-for-supporter .task-details-block h3 {
    display: inline-block;
}
/* ===================================== */
/* LOGGED_PATIENT_JOURNAL                */
.journal-title {
    display: block;
    overflow: hidden;
    width: 100%;
    margin: 0 0 90px 0;
}
.journal-overview.journal-title {
    margin: 0 0 10px 0;
}
.view-journals .journal-overview.journal-title {
    margin: 0 0 60px 0;
}
.layout-comments.view-journals .journal-overview.journal-title {
    margin: 0 0 10px 0;
}
.journal-title h2 {
    display: inline-block;
    font-size: 40px;
    margin: 0;
}
.journal-overview-head {
    display: block;
    margin: 0 0 60px 0;
}
.journal-overview-head h3 {
    display: inline-block;
    font-size: 28px;
    line-height: 30px;
    margin: 0;
    vertical-align: top;
}
.journal-new-comments .journal-overview-head {
    display: block;
    margin: 0;
    padding: 45px 15px 0;
    overflow: hidden;
}
.journal-overview-head h3.posted-on {
    display: block;
    padding: 0 0 10px 0;
}
.no-pad-side.journal-intro {
	display: block;
	width: 100%;
	margin: 0 0 80px 0;
	overflow: hidden;
}
.journal-edit .no-pad-side.journal-intro {
    margin: 0 0 20px 0;
}
.view-journal .no-pad-side.journal-intro .ji-text .journal-gallery.slick-slider .slick-list {
    background: #f1f1f1;
}
.view-journal .no-pad-side.journal-intro .ji-text .journal-gallery.slick-slider .slick-prev.slick-arrow {
    left: 8px;
    z-index: 999;
}
.view-journal .no-pad-side.journal-intro .ji-text .journal-gallery.slick-slider .slick-next.slick-arrow {
    right: 8px;
    z-index: 999;
}
.view-journal .no-pad-side.journal-intro .ji-text .journal-gallery.slick-slider .slick-list .slick-track {
    height: 160px;
}
.view-journal .no-pad-side.journal-intro .ji-text .journal-gallery.slick-slider .slick-list .slick-track a img {
    height: 100%;
}
.ji-social {
    width: 150px;
    float: left;
}
.ji-text {
    display: block;
    float: left;
    width: calc(100% - 150px);
    padding: 0 50px 0 0;
}
.ji-intro-block {
	display: block;
	overflow: hidden;
	margin: 0 0 5px 0;
}
.ji-intro-block .ji-intro {
	width: 100%;
	float: none;
	clear: none;
}
.ji-intro-block .ji-intro h4 {
	font-size: 24px;
	font-weight: 300;
	color: #58535b;
	line-height: 24px;
	text-transform: none;
	margin: 0;
	padding: 0 0 10px 0;
}
.ji-intro-block .ji-intro h4 a {
	font-size: 24px;
	font-weight: 300;
	color: #58535b;
	line-height: 24px;
	text-transform: none;
	margin: 0;
	padding: 0;
}
.ji-intro-block .ji-intro h6 {
	margin: 0;
	font-size: 17px;
	color: #58535b;
	text-transform: none;
	padding: 0 0 7px 0;
}
.ji-posted-on .pub-icon {
	width: 18px;
	height: auto;
	vertical-align: top;
	padding: 2px 0 0 0;
}
.ji-intro-text {
	font-weight: 16px;
	font-weight: 21px;
	line-height: 21px;
}
.ji-intro-block.post-with-image .ji-image {
	width: 120px;
	float: left;
	height: auto;
	overflow: hidden;
	margin: 0 15px 0 0;
}
.ji-intro-block.post-with-image .ji-image a {
	display: block;
	width: 100%;
	height: auto;
}
.ji-intro-block.post-with-image .ji-image a img {
	display: block;
	width: 100%;
	height: auto;
}
.ji-intro-block.post-with-image .ji-intro {
	width: calc(100% - 135px);
	float: left;
	clear: none;
}
.ji-social-call h3 {
    margin: 0;
    font-size: 13px;
    letter-spacing: -0.005em;
    text-align: left;
    line-height: 16px;
    padding: 0 0 8px 0;
    font-weight: 400;
}
.ji-social-buttons {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0 0 10px 0;
	overflow: hidden;
}
.ji-social-buttons > span {
    background: #739836;
    width: 22px;
    height: 22px;
    display: block;
    float: left;
    margin: 0 calc((100% - 90px) / 3) 0 0;
    transition: all 0.25s ease-in-out;
}
.cl-patient .ji-social-buttons > span {
    background: #739836;
    width: 26px;
    height: 26px;
    display: block;
    float: left;
    margin: 0 5px 0 0;
    transition: all 0.25s ease-in-out;
}
.ji-social-buttons > span:last-child {
	margin: 0;
}
.journal-new-comments {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.ji-social-buttons > span:hover {
	background: #56781D;
}
.ji-social-buttons > span.let-know,
.ji-social-buttons > span.let-know:hover,
.ji-social-buttons.share-false > span.let-know,
.ji-social-buttons.share-false > span.let-know:hover {
    background: transparent;
    width: 70px;
    float: left;
    font-size: 12px;
    line-height: 13px;
    vertical-align: top;
    margin-top: -1px;
}
.ji-social-buttons span img {
    vertical-align: top;
    max-width: 90%;
    margin-top: 10%;
    margin-left: 5%;
}
.ji-button-wide {
    display: block;
    margin: 0;
    padding: 0;
}
.ji-button-wide .btn-green.btn-fill {
    padding: 0 2px;
    text-align: center;
}
.journal-comments-list .journal-overview-head {
	margin: 0 0 20px 0;
}
.jc-block {
    border: 1px solid #E1E1E1;
    padding: 20px 25px 20px 35px;
    margin: 0 0 24px 0;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 15px rgba(0,0,0,0.15);
}
.jc-comment {
	width: calc(100% - 255px);
	float: left;
	display: block;
	padding: 0;
	margin: 0;
	vertical-align: top;
}
.joh-new-comments .jc-comment {
    width: calc(100% - 90px);
}
.jc-isnew {
	display: block;
	float: left;
	width: 100px;
	padding: 0;
	margin: 0 65px 0 0;
	height: 100px;
	vertical-align: top;
	text-align: center;
}
.jc-buttons {
	width: 90px;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	vertical-align: top;
}
.jc-comment h4 {
	color: #58535b;
	text-transform: none;
	font-size: 16px;
	margin: 0;
	padding: 0 0 5px 0;
}
.jc-comment .jc-date {
	color: #58535b;
	font-size: 16px;
	margin: 0;
	padding: 0 0 5px 0;
}
.jc-comment .jc-message {
	color: #58535b;
	font-size: 16px;
	margin: 0;
	padding: 0;
	line-height: 22px;
}
.jc-buttons > div {
	margin-bottom: 5px;
}
.jc-buttons > div:last-child {
	margin-bottom: 0;
}
.jc-new {
	width: 48px;
	height: 48px;
	display: block;
	overflow: hidden;
	border-radius: 50px;
	background: #739836;
	color: #ffffff;
	font-weight: 700;
	margin: 26px 0;
	line-height: 48px;
	text-align: center;
}
.jc-isnew.jc-7days {
    display: block;
    float: left;
    width: 100px;
    padding: 0;
    margin: 0 65px 0 0;
    height: 100px;
    vertical-align: top;
    text-align: center;
}
.jc-isnew.jc-7days .jc-new {
    line-height: 15px;
    font-size: 17px;
    padding: 3px 0 0 0;
}
.jc-isnew.jc-7days .jc-new span {
    line-height: 11px;
    font-size: 11px;
    font-weight: 700;
    display: inline-block;
    padding: 1px 0 0 0;
}
.jc-isnew.jc-7days .jc-new.jc-today {
    line-height: 46px;
    font-size: 14px;
    padding: 0 0 0 1px;
}
.journal-comments-list.joh-new-comments {
    margin-bottom: 0;
    display: block;
    padding: 15px;
    overflow: hidden;
    height: 100%;
}
.journal-new-comments .jc-block {
    margin: 0;
}
.c-level-1 {
    display: block;
    overflow: auto;
    padding-bottom: 15px;
    position: relative;
}
.c-level-2 {
    display: block;
    padding-left: 30px;
    overflow: auto;
    padding-bottom: 15px;
    position: relative;
}
.c-level-3 {
    display: block;
    padding-left: 60px;
    overflow: auto;
    padding-bottom: 15px;
    position: relative;
}
.c-level-4 {
    display: block;
    padding-left: 90px;
    overflow: auto;
    padding-bottom: 15px;
    position: relative;
}
.c-level-5 {
    display: block;
    padding-left: 120px;
    overflow: auto;
    padding-bottom: 15px;
    position: relative;
}
h5.posted-on {
    color: #757575;
    text-transform: none;
    font-size: 20px;
    display: inline-block;
    vertical-align: top;
}
.body-carelines #content-area form.journal-edit {
	padding-top: 0;
}
.com_carelines.view-journal .control-group input[type="radio"] {
    display: none !important;
}
.com_carelines.view-journal .control-group input[type="radio"] + label {
    background: #ffffff url("../images/radio_green_1.png") no-repeat scroll 5px 4px;
    border: none;
    border-radius: 4px;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    line-height: 20px;
    margin: 0 20px 0 0;
    padding: 5px 10px 5px 35px;
    width: auto;
    color: #739836;
}
.com_carelines.view-journal .control-group input[type="radio"]:checked + label {
    background: #ffffff url(../images/radio_green_2.png) no-repeat scroll 5px 4px;
}
form#adminForm.journal-edit h2 {
	margin: 0;
	padding: 0 0 30px 0;
}
form.journal-edit fieldset.adminform > div {
	margin: 0 0 40px 0;
}
.fld-title .control-label,
.fld-video .control-label {
	display: none !important;
}
.fld-text .control-group {
	position: relative;
}
.fld-text .control-label {
	position: absolute;
	top: 7px;
	left: 5px;
	z-index: 99;
}
.fld-text .control-label label {
	font-size: 24px;
	font-weight: 300;
	color: #739836;
}
.fld-text .defaultSkin .mceLayout > .mceToolbar.mceRight.mceFirst {
	border-top: none;
	background: transparent;
}
.fld-text .defaultSkin > .mceLayout {
	border-left: none;
	border-right: none;
}
.fld-text .defaultSkin .mceLayout > .mceIframeContainer.mceLast {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
form.journal-edit .controls input[type="text"] {
}
form.journal-edit .controls input[type="textarea"] {
}
form.journal-edit .controls input[type="checkbox"] {
}
form#adminForm.journal-edit fieldset.adminform h3 {
    font-size: 24px;
    font-weight: 300;
    color: #739836;
    margin: 0;
    padding: 20px 0 5px 0;
}
.fld-ishidden .control-group,
.fld-guestc .control-group,
.fld-supc .control-group {
	margin: 15px 0 0 0;
	display: block;
	overflow: hidden;
}
.fld-ishidden .control-group .control-label,
.fld-guestc .control-group .control-label,
.fld-supc .control-group .control-label {
	display: block;
	float: left;
}
.fld-ishidden .control-group .control-label label,
.fld-guestc .control-group .control-label label,
.fld-supc .control-group .control-label label {
	font-weight: 300;
	font-size: 16px;
	line-height: 30px;
	margin: 0;
}
.fld-ishidden .control-group .controls,
.fld-guestc .control-group .controls,
.fld-supc .control-group .controls {
	display: block;
	float: right;
}
.fld-ishidden .control-group .controls fieldset,
.fld-guestc .control-group .controls fieldset,
.fld-supc .control-group .controls fieldset {
	margin: 0;
}
form.journal-edit fieldset.adminform > div.fld-ishidden,
form.journal-edit fieldset.adminform > div.fld-guestc,
form.journal-edit fieldset.adminform > div.fld-supc {
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #dddddd;
}
.fld-notify .control-group > .controls {
	float: left;
	width: 30px;
	padding: 5px 0 0 0;
}
.fld-notify .control-group > .control-label {
	display: block;
	width: calc(100% - 30px);
	float: right;
}
.fld-notify .control-group > .control-label label {
	font-weight: 300;
	font-size: 16px;
	line-height: 30px;
	margin: 0;
}
form.journal-edit fieldset.adminform > div.fld-notify {
	overflow: hidden;
	margin: 10px 0 20px 0;
}
.fld-notifyo .control-group > .control-label label {
	font-weight: 300;
	font-size: 16px;
	line-height: 30px;
	margin: 0;
}
.fld-notifyo .control-group > .controls {
	margin: 5px 0 0 0;
}
.fld-notifyo .control-group > .controls textarea {
	width: 100%;
	height: 120px;
	padding: 5px 8px;
	color: #58535b;
	font-size: 16px;
	line-height: 23px;
	border: 1px solid #cccccc;
}
.fld-notifyo .control-group > .controls textarea::placeholder {
	opacity: 0;
}
.journal-edit-btns {
	text-align: center;
	margin: 40px 0 0;
}
p.main-image, p.main-video {
    margin: 30px 0;
}
.journal-gallery {
    margin: 30px 0 0 0;
}
form#adminForm.journal-edit fieldset.adminform fld-title > h3 {
    font-size: 24px;
    font-weight: 300;
    color: #739836;
    margin: 0;
    padding: 20px 0 15px 0;
}
.fld-text .control-label label#jform_text-lbl {
    font-size: 16px;
    font-weight: 300;
    color: #aaaaaa;
}
.ji-social-call h3.share-false {
    color: #888888;
}
.ji-social-buttons.share-false > span {
    background: #bbbbbb;
}
.ji-social-call h3.share-false > a {
    color: #48434b;
}
#content-area .fileuploader-items ul, 
#content-area .fileuploader-items ol {
    margin: 0;
}
/* ===================================== */
/* LOGGED_PATIENT_GUESTBOOK               */
.body-app #content.col-md-12 {
    padding-bottom: 0;
    padding-top: 0;
}
.body-app #modal-window .modal-box .modal-title {
    background: #ffffff !important;
    border-radius: 10px 10px 0 0;
    text-shadow: 0 0 0 rgba(0,0,0,0) !important;
}
.jc-comment.on-modal {
    width: 100% !important;
    margin: 0 0 15px 0;
}
.modal-text textarea {
    width: 100%;
    min-height: 120px;
    outline: none;
    border: 1px solid #cccccc;
    padding: 10px;
}
.jc-comment.on-modal h4 {
    margin: 0 0 10px 0
}
.jc-comment.on-modal .jc-date {
    margin: 0 0 10px 0
}
.journal-title.guestbook-title {
    display: block;
    overflow: hidden;
    width: 100%;
    margin: 0 0 45px 0;
    padding-top: 0;
}
.journal-title.guestbook-title.less-margin {
    margin: 0 0 10px 0;
}
.journal-title.guestbook-title h2 {
    display: inline-block;
    font-size: 35px;
    line-height: 40px;
    margin: 0;
}
.view-guestbooks .jc-block {
    padding: 20px 25px 0 35px;
}
.view-guestbooksettings .journal-title.guestbook-title {
    display: block;
    overflow: initial;
    width: 100%;
    margin: 0 0 45px 0;
    padding: 0;
}
.view-guestbooksettings .journal-title.guestbook-title h2 {
    display: inline-block;
    font-size: 35px;
    line-height: 46px;
    margin: 0;
}
/* ===================================== */
/* LOGGED_PATIENT_COMMUNITY              */
.community-screen.cm-title {
    display: block;
    overflow: hidden;
    width: 100%;
    margin: 0 0 70px 0;
}
.community-screen.cm-title h2 {
    display: inline-block;
    font-size: 40px;
    margin: 0;
}
.community-screen.overview-list {
    display: block;
    overflow: hidden;
    width: 100%;
    margin: 0 0 70px 0;
}
.community-screen h3 {
    font-size: 28px;
    line-height: 34px;
}
.one-supporter {
    display: block;
    width: 100%;
    margin: 0;
    padding: 20px 0;
    overflow: hidden;
}
.one-supporter-img {
    max-width: 90px;
    display: block;
    float: left;
    margin: 0 20px 0 0;
    background-color: #eeeeee;
    padding: 0;
    border-radius: 100px;
    overflow: hidden;
}
.one-supporter-info {
    display: block;
    float: left;
    width: calc(100% - 230px);
    padding: 0 50px 0 0;
}
.one-supporter-info p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #58535b;
    line-height: 23px;
}
.one-supporter-info .one-supporter-name .one-supporter-since {
    font-size: 14px;
}
.one-supporter-info .one-supporter-permissions {
    font-size: 14px;
    line-height: 18px;
    padding: 5px 0 0 0;
}
.one-supporter-buttons {
    display: block;
    float: left;
    width: 120px;
    padding-left: 0;
}
.one-supporter-buttons br {
    display: none;
}
.one-supporter-buttons .btn-default {
    margin-bottom: 6px;
}
.body-carelines #content-area .form-validate.form-community-invite {
    padding: 0 0 20px;
}
.fld-fn .control-group,
.fld-ln .control-group,
.fld-em .control-group {
    margin-top: 15px;
}
.fld-msg .control-group {
    margin-top: 25px;
}
.fld-fn .control-group .control-label,
.fld-ln .control-group .control-label,
.fld-em .control-group .control-label {
    display: none;
}
.fld-fn .control-group input::placeholder,
.fld-ln .control-group input::placeholder,
.fld-em .control-group input::placeholder {
    opacity: 1;
}
.fld-msg .control-group {
    position: relative;
    display: block;
}
.fld-msg .control-group .control-label {
    position: absolute;
    top: 7px;
    left: 6px;
    z-index: 9;
}
.fld-msg .control-group .control-label label {
    font-weight: 300;
}
.fld-msg .control-group .defaultSkin .mceLayout {
    border-left: none;
    border-right: none;
}
.fld-msg .control-group .mceLayout .mceFirst {
    border-top: none;
    border-bottom: none;
    background: transparent;
}
.fld-msg .control-group .mceLayout .mceLast {
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}
#adminForm.form-community-invite fieldset h3,
.form-validate.form-community-invite fieldset h3 {
    color: #739836;
    font-size: 28px;
    margin: 40px 0 20px;
}
.fld-perm label.checkbox input[type="checkbox"] {
    display: none;
}
.form-community-invite .fld-perm input + label {
    background: transparent;
    padding: 0 0 0 30px;
    font-weight: 300;
    font-size: 16px;
    margin: 5px 3% 10px 0;
    vertical-align: top;
    width: 30%;
    display: inline-block;
}
.form-community-invite .fld-perm input + label::before {
    background: #E5F7E2;
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 20px;
    height: 20px;
    border: none;
}
.form-community-invite .fld-perm input:checked + label::before {
    background: #74973f;
}
.form-community-invite .fld-perm .checkboxes > input {
    display: none;
}
/* ===================================== */
/* LOGGED_PATIENT_SETTINGS               */
.pe-notice {
    margin: 0 0 20px 0;
    display: block;
    width: 100%;
}
.patient-edit > h3 {
    font-size: 28px;
    margin: 0;
    padding: 50px 0 15px;
}
.patient-edit .control-label {
    display: none;
}
.body-carelines #content-area form.form-messages {
    display: block;
    overflow: hidden;
    padding-top: 0;
}
.form-messages .messages-list {
    width: 240px;
    display: block;
    float: left;
    margin: 0 40px 0 0;
}
.form-messages .messages-msg {
    width: calc(100% - 280px);
    display: block;
    float: left;
    margin: 0;
}
.form-messages > fieldset > h3 {
    margin: 0;
    padding: 0 0 15px 0;
}
.form-messages > fieldset.messages-msg > h3 {
    padding: 0 0 11px 0;
}
.form-messages .msg-3-buttons > input {
    border: none;
    padding: 1px 8px 3px 8px;
    color: #ffffff;
    background: #878787 !important;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    display: block;
    float: left;
}
.form-messages .msg-3-buttons > input#all {
    width: calc(100% - 199px);
    margin: 0 3px 0 0;
}
.form-messages .msg-3-buttons > input#administrators {
    width: 106px;
    margin: 0 3px 0 0;
}
.form-messages .msg-3-buttons > input#supporters {
    width: 87px;
    margin: 0;
}
.form-messages .msg-3-buttons > input.activebtn {
    background: #739836 !important;
}
.form-msg .message-input > .control-label {
    display: none;
}
.msg-people-list {
    border: 1px solid #799053;
    margin: 0;
    height: 440px;
    display: block;
    position: relative;
}
.frmSearch {
    border-bottom: 1px solid #739836;
    position: relative;
    height: 32px;
}
.frmSearch > input#search-box {
    padding: 2px 4px;
}
.frmSearch #suggesstion-box {
    position: absolute;
    top: 33px;
    left: 2px;
    right: 2px;
    background: #739836;
    color: #ffffff;
}
.form-messages > h2 {
    margin: 0;
    padding: 0 0 30px 0;
}
#memberlist {
    height: calc(100% - 38px);
}
#memberlist > ul {
    height: 100%;
    margin: 0;
    padding: 3px 0;
    display: block;
    overflow-y: auto;
}
#memberlist > ul > li {
    width: 100%;
    display: block;
}
#memberlist > ul > li > a {
    width: 100%;
    height: 100%;
    display: block;
}
.person-name {
    color: #58535B;
    font-weight: bold;
}
.person-type {
    color: #878787;
    font-weight: 300;
    font-size: 12px;
    padding: 0 0 0 4px;
}
#memberlist > ul > li > a {
    width: 100%;
    height: 100%;
    display: block;
    padding: 6px 10px;
    background: transparent;
    margin: 1px 0;
    line-height: 16px;
}
#memberlist > ul > li > a:hover {
    background: #dddddd;
}
#memberlist > ul > li > a.active {
    background: #739836;
}
#memberlist > ul > li > a.active .person-name,
#memberlist > ul > li > a.active .person-type {
    color: #ffffff;
}
.messages-msg #messages {
    display: block;
    overflow-y: auto;
    height: 337px;
    border: 1px solid #739836;
    margin: 0 0 10px 0;
    padding: 0;
}
.messages-msg .control-label {
    display: none;
}
.messages-msg .message-input #jform_message_input {
    border: 1px solid #739836;
    height: 93px;
    margin: 0 0 10px 0;
    overflow-y: auto;
    display: block;
    padding: 4px 10px;
    vertical-align: top;
    line-height: 20px;
    font-size: 16px;
    width: 100%;
}
.messages-msg h4#message-from {
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    color: #58535B;
    padding: 0 0 7px 0;
    margin: 0;
    text-transform: none;
    height: 38px;
}
.view-messagecenter .messages-msg h4#message-from {
    padding: 4px 0 0 0;
    height: 33px;
}
.msg-3-buttons {
    height: 38px;
}
#messages .message-container {
    margin: 20px 0;
    padding: 10px;
    color: #58535B;
    font-size: 16px;
    line-height: 22px;
}
.message-container.from-self {
    background: #F1F1F1;
    text-align: right;
}
.message-container.from-other {
    background: #e5f8e6;
    text-align: left;
}
#messages .message-container p {
    margin: 0;
    padding: 0 0 7px 0;
    color: #58535B;
    font-size: 16px;
    line-height: 22px;
}
#messages .message-container p.msg-date-sent {
    margin: 0;
    padding: 0 0 7px 0;
    color: #999999;
    font-size: 14px;
}
#messages .message-container p:last-child {
    padding: 0 0 2px 0;
}
.com_carelines form .msg-people-list select#sort {
    display: block;
    position: absolute;
    right: 0;
    left: initial;
    width: 50px;
    top: 0;
    bottom: initial;
    z-index: 999;
    padding: 3px 2px 2px 0;
}
/* ===================================== */
/* LOGGED_PATIENT_PROFILE                */
.body-carelines #content-area form#patient-edit-form {
    padding-top: 0;
}
#patient-edit-form .control-group .controls {
    margin: 5px 0 20px 0;
}
.group-date .input-group {
    position: relative;
    width: 100%;
}
.com_carelines.cl-patient #content-area .group-date .input-group #jform_expected_date_btn {
    position: absolute;
    right: 1px;
    top: 2px;
    width: 28px;
    height: 28px;
    border: none;
    background: transparent url(../images/calendar_icon_g.png) no-repeat scroll center center;
}
.group-date .input-group #jform_expected_date_btn:hover {
    background: transparent url(../images/calendar_icon.png) no-repeat scroll center center;
}
.patient-edit .control-group.with-label .control-label {
    display: block;
}
.patient-edit .control-group.with-label .control-label label {
    color: #739836;
    font-weight: 300;
    font-size: 20px;
}
.patient-edit .control-group.with-label .controls label input {
    position: relative;
    margin: 0 7px 0 1px;
}
.patient-edit #jform_treatment_type input[type="checkbox"] {
    display: none;
}
.patient-edit #jform_treatment_type input + label {
    background: transparent;
    padding: 0 0 0 30px;
    font-weight: 300;
    font-size: 16px;
    margin: 5px 3% 10px 0;
    vertical-align: top;
    width: 30%;
    display: inline-block;
}
.patient-edit #jform_treatment_type input + label::before {
    background: #E5F7E2;
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #74973f;
}
.patient-edit #jform_treatment_type input:checked + label::before {
    background: #74973f;
}
/* ===================================== */
/* LOGGED_PATIENT_SHARE                  */
.app-header.share-screen {
    padding: 0 0 30px 0;
}
.app-header.share-screen .app-title {
    padding-bottom: 0;
}
.share-screen p {
    margin: 0;
    padding: 0 0 5px 0;
}
.share-my-url {
    margin: 0;
    padding: 0 0 35px 0;
    display: block;
    overflow: hidden;
    position: relative;
}
.share-my-url p {
    margin: 0;
    padding: 0 0 5px 0;
}
.share-my-url .share-url-field {
    display: block;
    width: 100%;
    position: relative;
    background: #F1F1F1;
    margin: 5px 0;
    border-radius: 5px;
    overflow: hidden;
}
.share-my-url .share-url-field input[type="text"] {
    padding: 0 15px;
    color: #008449;
    font-weight: 700;
    font-size: 14px;
    width: calc(100% - 90px);
    display: block;
    border: none;
    line-height: 40px;
    vertical-align: top;
    background: transparent;
    box-sizing: border-box;
    float: left;
}
.share-my-url .share-url-field input[type="button"] {
    color: #ffffff;
    background: #739836;
    border: none;
    width: 90px;
    height: 40px;
    line-height: 39px;
    padding: 0 6px 1px;
    font-size: 13px;
    vertical-align: top;
    margin: 0;
    transition: all 0.25s ease-in-out;
    display: block;
    float: left;
}
.share-my-url .share-url-field input[type="button"]:hover {
    background: #597e1d;
}
.share-my-url .share-url-field input[type="button"].copy-url-btn-copied {
    background: #58535b !important;
}
.share-my-url .my-url-link {
    display: block;
    z-index: 99999;
    width: calc(100% - 120px);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    opacity: 0;
}
.com_carelines.cl-patient #content-area .btn.btn-share-my {
    position: absolute;
    z-index: 9;
    right: 5px;
    top: 5px;
}
.social-share-block {
    display: block;
    overflow: hidden;
    width: 100%;
}
.social-share-block p {
    margin: 0;
    float: left;
    width: calc(100% - 90px);
    padding: 0 50px 0 0;
    max-width: 100%;
    display: block;
}
.social-share-block .share-url-field {
    margin: 7px 0 0 0;
    display: block;
    float: left;
    width: 90px;
    overflow: hidden;
}
.social-share-block .share-url-field .ssb-icon-link {
    background: #739836;
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 10px 0 0;
    float: left;
}
.social-share-block .share-url-field .ssb-icon-link:last-child {
    margin: 0;
}
.body-carelines #content-area form#adminForm.share-via-email {
    max-width: 100% !important;
    padding: 60px 0 0 0;
}
form#adminForm.share-via-email .adminform h2.app-header {
}
form#adminForm.share-via-email .adminform h3.app-header {
    margin: 0;
    padding: 0 0 30px 0;
    color: #739836;
    font-size: 28px;
    line-height: 36px;
}
form#adminForm.share-via-email .adminform h4.app-header {
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 20px !important;
    color: #58535b;
}
form.share-via-email p {
    margin: 0;
    font-size: 14px;
}
form.share-via-email .share-page-emails {
    display: block;
    margin: 0;
    padding: 3px 0 40px;
}
form.share-via-email .share-page-emails .control-group .control-label {
    display: none;
}
form.share-via-email .share-page-emails .controls textarea {
    border: 1px solid #95989A;
    height: 140px;
    color: #58535b;
    line-height: 24px;
    padding: 5px 10px;
    width: 100%;
}
form.share-via-email .share-page-editor .control-group .control-label {
    display: none !important;
}
form.share-via-email .share-page-editor .controls iframe#jform_msg_box_ifr {
    height: 240px !important;
}
form.share-via-email .share-page-buttons {
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
    margin: 80px 0 0 0;
}
form.share-via-email .share-page-buttons .spb-block {
    display: inline-block;
    width: auto;
    text-align: center;
    margin: 0;
    vertical-align: top;
    height: 70px;
}
form.share-via-email .share-page-buttons .spb-block > span {
    clear: both;
    width: 100%;
    color: #739836;
    font-weight: 700;
    font-size: 13px;
    display: block;
    text-align: center;
}
form.share-via-email .share-page-buttons .btn-white-bg {
    display: inline-block;
    width: 100%;
    padding: 0 15px 1px;
    line-height: 49px;
    font-size: 14px;
    background: #ffffff;
    color: #58535b;
    transition: all 0.25s ease-in-out;
    border: 1px solid #58535b;
}
form.share-via-email .share-page-buttons .btn-white-bg:hover {
    background: #58535b;
    color: #ffffff;
    border: 1px solid #58535b;
}
form.share-via-email .share-page-buttons .btn-green {
    display: inline-block;
    width: 100%;
    padding: 0 15px 1px;
    line-height: 49px;
    font-size: 14px;
    transition: all 0.25s ease-in-out;
    border: 1px solid #739836;
    background: #739836;
    color: #ffffff;
}
form.share-via-email .share-page-buttons .btn-green:hover {
    border: 1px solid #597e1d;
    background: #597e1d;
    color: #ffffff;
}
.body-carelines.view-share #modal-window .modal-inner .modal-text {
    background: transparent url(../images/share_email_bar.png) scroll no-repeat center top / 100% auto;
    padding-top: 60px;
    border-bottom: 1px solid #bbbbbb;
    margin-bottom: 30px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.body-carelines.view-share #modal-window > .modal-box {
    top: 10% !important;
    margin-top: 0 !important;
    margin-bottom: 100px !important;
}
.body-carelines.view-share #modal-window .share-subject {
    border-bottom: 1px solid #333333;
    padding-bottom: 8px;
    margin-bottom: 30px;
    display: block;
    overflow: hidden;
}
.body-carelines.view-share #modal-window .share-subject span {
    font-size: 16px;
    color: #58535b;
    font-weight: 400;
}
.body-carelines.view-share #modal-window .share-subject span.share-subject-title {
    margin: 0;
    width: 75px;
    display: block;
    float: left;
}
.body-carelines.view-share #modal-window .share-subject span.share-subject-text {
    margin: 0;
    width: calc(100% - 80px);
    display: block;
    float: left;
}
.body-carelines.view-share #modal-window .share-message {
    color: #58535b;
    font-size: 16px;
    line-height: 1.4em;
    margin-bottom: 30px;
    font-weight: 400;
}
.body-carelines.view-share #modal-window .share-message p {
    color: #58535b;
    font-size: 16px;
    line-height: 1.4em;
    margin: 0;
    padding: 10px 0 0 0;
    font-weight: 400;
}
.body-carelines.view-share #modal-window .share-patient {
    display: block;
    width: 100%;
    overflow: hidden;
    margin: 0 0 50px 0;
}
.body-carelines.view-share #modal-window .share-patient .share-patient-img {
    display: block;
    float: left;
    width: 150px;
    height: 150px;
    border-radius: 200px;
    overflow: hidden;
    margin: 0 35px 20px 0;
}
.body-carelines.view-share #modal-window .share-patient .share-patient-img .share-patient-img-in {
    display: block;
    width: 100%;
    height: 100%;
}
.body-carelines.view-share #modal-window .share-patient .share-patient-img .share-patient-img-in img {
    display: none;
}
.body-carelines.view-share #modal-window .share-patient .share-patient-info {
    display: block;
    float: left;
    width: calc(100% - 185px);
    overflow: hidden;
}
.body-carelines.view-share #modal-window .share-patient-info .share-patient-name {
    display: block;
    margin: 0 0 5px 0;
}
.body-carelines.view-share #modal-window .share-patient-info .share-patient-name h3 {
    font-size: 30px;
    font-weight: 400;
    text-align: left;
    margin: 0;
}
.body-carelines.view-share #modal-window .share-patient-info .share-patient-short {
    font-size: 16px;
    color: #58535b;
    margin: 0 0 30px 0;
}
.body-carelines.view-share #modal-window .share-patient-info .share-patient-short p {
    font-size: 16px;
    color: #58535b;
    margin: 0;
    padding: 10px 0 0 0;
}
.body-carelines.view-share #modal-window .share-link {
    text-align: center;
    margin: 0 0 40px 0;
}
.body-carelines.view-share #modal-window .share-link p {
    color: #58535b;
    font-size: 14px;
    margin: 0;
}
.mail_subject .control-label {
    display: none;
}
.mail_subject {
    margin-bottom: 40px;
}
.com_carelines form.share-via-email input[type="text"] {
    border: 1px solid #95989A;
    line-height: 22px;
    padding: 7px 12px 9px 12px;
}
.share-page-editor {
    display: block;
    position: relative;
}
form#adminForm.share-via-email .adminform .share-page-editor h4.app-header {
    position: absolute;
    top: 4px;
    left: 2px;
    z-index: 99;
}
.share-page-editor .defaultSkin .mceLayout {
    border-left: none;
    border-right: none;
}
.share-page-editor .mceToolbar.mceFirst {
    border: none !important;
    background: transparent !important;
}
.share-page-editor .mceIframeContainer.mceLast {
    border-left: 1px solid #95989A !important;
    border-right: 1px solid #95989A !important;
    border-bottom: 1px solid #95989A !important;
    border-top: 1px solid #95989A !important;
}
.share-page-editor .mobileSkin .mceButton {
    padding: 5px;
    border-color: transparent;
    background-color: #ffffff !important;
    box-shadow: none !important;
    outline: none !important;
}
.mail-sending > h2 {
    margin: 0;
    padding: 0 0 40px 0;
}
.mail-sending .sending-body #ele {
    display: block;
    margin: 0 0 30px 0;
}
.mail-sending .sending-body #ele p {
    margin: 0;
}
.mail-sending .sending-body > h4 {
    text-transform: none;
}
.mail-sending #cancelbtn {
    background: #cb0303;
    outline: none;
    border: none;
    margin: 50px auto 0 auto;
    display: block;
    width: 200px;
    height: 50px;
    line-height: 48px;
    padding: 0 20px 2px 20px;
    font-size: 20px;
}
.mail-sending #cancelbtn:hover {
    background: #AB0000;
}
.sending-body .progress {
    height: 40px;
    background: #F1F1F1;
    box-shadow: none;
    margin: 0 0 40px 0;
}
.sending-body .progress .progress-bar {
    background: #739836;
}
.sending-thankyou {
    display: block;
    overflow: hidden;
}
.sending-thankyou h2.app-title {
    padding: 0 0 30px 0;
}
.sending-thankyou h3.app-title.below-sending {
    padding: 30px 0 5px 0;
    line-height: 33px;
    font-size: 28px;
    display: block;
    overflow: visible;
}
.sending-thankyou #maillist {
    display: block;
}
.sending-thankyou #maillist ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.sending-thankyou #maillist ul li {
    color: #58535b;
    font-size: 16px;
    line-height: 22px;
    padding: 0 30px 4px 0;
}
.text-blue {
    color: #284e6e !important;
}
.text-500 {
    font-weight: 500 !important;
}
.text-700 {
    font-weight: 700 !important;
}
.text-14 {
    font-size: 14px !important;
}
.text-16 {
    font-size: 16px !important;
}
.text-18 {
    font-size: 18px !important;
}
.text-20 {
    font-size: 20px !important;
}
.text-22 {
    font-size: 22px !important;
}
.text-24 {
    font-size: 24px !important;
}
/* new css start */
.body-app #mainbody > .container #content-area .tasks-title-block.task-manage > .task-subtitle-block {
    padding: 0 0 20px 0 !important;
}
.body-app #mainbody > .container #content-area .tasks-title-block.task-manage > .task-subtitle-block > h4 {
    display: inline-block;
    margin: 0 !important;
    line-height: 30px;
    font-size: 35px !important;
    vertical-align: top;
    letter-spacing: 0;
    font-weight: 300 !important;
    font-family: 'rawline', sans-serif !important;
    padding: 0 !important;
}
.body-app #mainbody > .container #content-area .tasks-title-block.task-manage > .app-title{
    padding: 0 0 20px 0;
    font-size: 24px;
    line-height: 44px;
}
.body-app #mainbody > .container #content-area .tasks-title-block.task-manage .task-description-block{
    padding: 0;
}
.body-app #mainbody > .container #content-area .tasks-title-block.task-manage .task-description-block p{
    margin: 0;
}
/* ====================================================== */
/* MIN_1201_PX                                            */
/* ====================================================== */
@media (min-width: 1201px) {
}
/* ====================================================== */
/* MIN_1300_PX                                            */
/* ====================================================== */
@media (min-width: 1300px) {
}
/* ====================================================== */
/* MIN_1400_PX                                            */
/* ====================================================== */
@media (min-width: 1400px) {
}
/* ====================================================== */
/* MIN_1500_PX                                            */
/* ====================================================== */
@media (min-width: 1500px) {
}
/* ====================================================== */
/* MIN_1600_PX                                            */
/* ====================================================== */
@media (min-width: 1600px) {
}
/* ====================================================== */
/* MAX_1700_PX                                            */
/* ====================================================== */
@media (min-width: 1700px) {
}
/* ====================================================== */
/* MAX_1400_PX                                            */
/* ====================================================== */
@media (max-width: 1400px) {
}
/* ====================================================== */
/* MAX_1300_PX                                            */
/* ====================================================== */
@media (max-width: 1300px) {
}
/* ====================================================== */
/* MAX_1200_PX                                            */
/* ====================================================== */
@media (max-width: 1200px) {
.body-app.view-guestbooks #mainbody > .container #content-area {
    padding: 60px 60px 70px 60px;
}
.ds-amount br {
    display: block;
}
.donation-module.donation-supporters .module-content .module-header {
    font-size: 26px;
    letter-spacing: -0.02em;
}
.com_carelines.view-vguestbook #content {
    padding-right: 50px;
}
.module.donation-patient-history #donate-now {
    font-size: 13px;
}
.donation-patient-history #basic-addon1 {
    font-size: 13px;
    top: 10px;
}
.donation-patient-history .dsm-field input {
    font-size: 13px;
}
}
/* ====================================================== */
/* MAX_1150_PX                                            */
/* ====================================================== */
@media (max-width: 1150px) {
}
/* ====================================================== */
/* MAX_1100_PX                                            */
/* ====================================================== */
@media (max-width: 1100px) {
}
/* ====================================================== */
/* MAX_1050_PX                                            */
/* ====================================================== */
@media (max-width: 1050px) {
}
/* ====================================================== */
/* MAX_992_PX                                             */
/* ====================================================== */
@media (max-width: 992px) {
/* ====================================================== */
/* CARELINES_MOBILE_TOP_MENU                              */
#care-top-menu:not(.app-menu-open) .module.app-main-menu {
    height: auto;
    max-height: 0;
    transition: all 0.7s ease-in-out;
    overflow: hidden;
}
#care-top-menu.app-menu-open .module.app-main-menu {
    height: auto;
    max-height: 1000px;
    transition: all 0.7s ease-in-out;
    overflow: hidden;
}
#care-top-menu > .container {
    padding: 25px 40px 0 40px;
    position: relative;
}
#care-top-menu > .container .module.app-main-menu {
    padding: 5px 20px 5px 20px;
    height: 100%;
    width: 100%;
    background: #89b244;
}
#care-top-menu:not(.app-menu-open) > .container .module.app-main-menu {
    padding: 0 15px 0 20px;
}
#care-top-menu > .container > .module ul.nav {
    height: auto;
}
#care-top-menu > .container > .module ul.nav li {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
}
#care-top-menu > .container > .module ul.nav li a {
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 200;
    padding: 0;
    line-height: 40px;
    background: transparent !important;
}
#care-sub-menu > .container .module.sub_menu {
    padding: 10px 15px 10px 20px;
    height: 100%;
}
.com_carelines #care-top-menu > .container > .module.app-header-link {
    margin: 0 0 15px 0;
}
/* ====================================================== */
/* CARELINES_PATIENT_DASHBOARD                            */
.dashboard_container > .big-box {
    max-width: 700px;
    margin: 20px auto 0;
}
.wider-boxes {
    margin: 0 0 20px 0;
}
.wider-boxes .box-in {
    flex-flow: column nowrap;
}
.wide-box.in-text {
    width: 100%;
    padding: 0 0 10px 0;
}
.wide-box.in-actions {
    width: 100%;
    display: flex;
    align-items: flex-end;
}
.com_carelines.cl-patient #content-area .btn.btn-dash {
    max-width: 200px;
}
.narrow-boxes {
    flex-wrap: wrap;
}
.narrow-boxes > .box {
    width: calc(50% - 10px);
    margin: 0 0 20px 0;
}
.cld-financial .progress-values {
    margin-bottom: 10px;
}
.cld-financial .box-in > p {
    padding: 0;
}
.cld-volunteer .box-in > h3,
.cld-guestbook .box-in > h3 {
    padding: 0 0 20px 0;
}
.cld-volunteer .box-in > h3 br,
.cld-guestbook .box-in > h3 br {
    display: none;
}
.cld-volunteer .box-in p {
    padding: 0 0 15px 0;
}
.cld-volunteer .box-in p.journal-date {
    padding: 0 0 2px 0;
}
/* ====================================================== */
/* CARELINES_PATIENT_AREA                                 */
.com_carelines.public-area:not(.view-patients) #mainbody .container {
    word-wrap: break-word;
    padding: 50px 30px 0;
    width: 100%;
}
.body-app #mainbody > .container #content-area {
    padding: 40px 60px 50px 60px;
    overflow: hidden;
    background: #ffffff;
}
.body-carelines #content-area form.form-settings {
    padding: 0;
    max-width: 100%;
}
.patient-edit #jform_treatment_type input + label {
    width: 45%;
}
.com_carelines.cl-patient #content-area .storysettingbtn .btn.btn-medium,
.com_carelines.cl-patient #content-area .storysettingbtn .btn.btn-large {
    margin-bottom: 10px;
}
.main_image .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item,
.other_image .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item,
.main_image .fileuploader-theme-thumbnails .fileuploader-thumbnails-input, 
.other_image .fileuploader-theme-thumbnails .fileuploader-thumbnails-input {
    width: calc(100% / 3);
    height: 140px;
}
.task-mini-calendar {
    width: 250px;
    padding: 0 20px 0 1px;
}
.task-actions {
    width: 150px;
}
.task-people {
    width: calc(100% - 400px);
}
.sup-msgs .task-assigned-block .task-ab-supporter {
    margin: 0 25px 30px 0;
    width: calc((100% - 50px) / 2);
}
.jc-block {
    padding: 15px 25px 15px 25px;
    margin: 0 0 24px 0;
}
.jc-isnew,
.jc-isnew.jc-7days {
    width: 60px;
    padding: 0;
    margin: 0 25px 0 0;
    height: 90px;
}
.jc-isnew.jc-7days {
    height: 100px;
}
.jc-new {
    margin: 20px 0;
}
.jc-isnew.jc-7days .jc-new {
    line-height: 15px;
    font-size: 17px;
    padding: 3px 0 0 0;
}
.jc-isnew.jc-7days .jc-new span {
    line-height: 11px;
    font-size: 11px;
    font-weight: 700;
    display: inline-block;
    padding: 1px 0 0 0;
}
.jc-isnew.jc-7days .jc-new.jc-today {
    line-height: 46px;
    font-size: 14px;
    padding: 0 0 0 1px;
}
.jc-comment {
    width: calc(100% - 175px);
}
#content-area .fileuploader-theme-thumbnails .fileuploader-thumbnails-input, 
#content-area .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {
    display: inline-block;
    width: 33%;
    height: 16vw;
    line-height: 13vw;
    padding: 10px;
    vertical-align: top;
}
.journal-title {
    margin: 0 0 50px 0;
}
.view-journals.layout-comments.body-app #mainbody > .container #content-area,
.body-app.view-guestbooks #mainbody > .container #content-area {
    padding: 40px 40px 50px 40px;
}
.form-community-invite .fld-perm input + label {
    width: 45%;
}
.donation-module.donation-supporters .module-content .module-header {
    line-height: 22px;
    padding: 13px 20px 14px;
}
.donation-module.donation-supporters .module-content .module-header br {
    display: block;
}
/* ====================================================== */
/* CARELINES_PATIENTS                                     */
.carelines-patients-main-list .container {
    max-width: 764px;
    text-align: center;
    margin-bottom: 10px;
    width: 100%;
}
.carelines-patients-main-list > .container > select {
    max-width: calc((100% / 3) - 31px);
    padding: 0 5px 4px 5px;
    background-position: calc(100% - 5px) center;
    background-size: 18px 9px;
    height: 40px;
    line-height: 26px;
}
.carelines-patients-main-list > .container > select.chosen-by, 
.carelines-patients-main-list > .container > select.chosen-state {
    width: calc(50% - 36px);
    max-width: 100%;
    margin-bottom: 10px;
}
.carelines-patients-main-list > .container > select.chosen-treatment {
    width: calc(100% - 47px);
    max-width: 100%;
}
.card-deck .container {
    max-width: 100%;
}
.card-deck .main_patient_div {
}
.card-deck .cant-find {
}
.cant-find .card {
    display: flex;
}
.main_patient_div .card .card-img-top {
    width: 100%;
    height: 200px;
}
p.patient-main-buttons {
    padding: 0 50px 40px 0;
    text-align: center;
}
.ph-hidden-menu.cl-public-scroll {
    top: 60px;
}
.view-donation.layout- #message-component {
    padding: 0 20px;
    max-width: 460px;
    margin: 0 auto;
}
.view-donation.layout- .before-donation {
    padding: 0 20px;
    max-width: 460px;
    margin: 0 auto 40px;
}
#logindiv {
    width: 100%;
    margin: 0;
    padding: 0 20px;
}
.view-donation.layout- .item_fields {
    max-width: 460px;
    padding: 0 20px;
    margin: 0 auto 40px;
}
#donationfrm {
    width: 100%;
    padding: 0;
}
.view-donation .sidebar-right {
    padding: 0 20px;
    max-width: 460px;
    margin: 0 auto;
}
.one-donor-cards {
    width: 100%;
    padding: 20px 0 0 0;
}
.com_carelines.view-vguestbook.public-area #content.col-md-8 {
    padding-right: 15px;
}
.com_carelines.view-vguestbook.public-area .sidebar-right {
    padding: 0 15px;
    margin-top: 5px;
}
.patient-main-story {
    padding: 0 20px 0 0;
}
.sidebar-right {
    padding: 0;
}
.module.donation-patient-history {
    padding: 20px 15px 25px;
}
.module.journal-single-entry .journal-single-post {
    padding: 20px 20px 25px;
}
.module.journal-single-entry .journal-single-title {
    padding: 12px 20px;
    font-size: 26px;
    line-height: 24px;
}
.donation-patient-history .input-group {
    height: 100px;
}
.donation-patient-history .input-group-btn {
    width: 100%;
    float: none;
    border-right: none;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
}
.donation-patient-history .dsm-field {
    width: 100%;
    float: none;
    border-left: none;
    background: #008343;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    border-bottom: 1px solid #80c1a1;
}
.donation-patient-history .dsm-field input {
    padding: 10px 10px 10px 57px;
}
.donation-patient-history #basic-addon1 {
    left: 29px;
}
.com_carelines.view-vguestbook #content {
    padding-right: 20px;
}
.donation-module.donation-progress .module-content .help-achieve {
    padding: 5px 20px 10px 20px;
    text-align: center;
}
.donation-module.donation-progress .progressbar {
    padding: 0 20px;
}
.donation-progress .donation-data {
    padding: 0 20px 20px;
}
.view-volunteering #content {
    padding: 20px 40px 0 15px;
}
.fc-toolbar .fc-center {
    display: block;
    width: 100%;
    clear: both;
    text-align: center;
}
.fc-toolbar .fc-center h2 {
    width: 100%;
}
.calendar-volunteer .fc-toolbar .fc-left {
    padding: 12px 20px 20px 0;
}
.calendar-volunteer .fc-toolbar .fc-right {
    padding: 12px 0 20px 20px;
}
.fc-view-container .fc-widget-content .fc-scroller {
    overflow: hidden !important;
    height: 450px !important;
}
.fc-scroller > .fc-day-grid {
    height: 100%;
}
.fc-view-container .fc-view .fc-head-container .fc-row {
    margin-right: 0 !important;
    border-right: none !important;
}
.fc-view-container .fc-basic-view .fc-body .fc-row {
    min-height: 4em;
    height: calc(100% / 6) !important;
}
}
/* ====================================================== */
/* MAX_900_PX                                             */
/* ====================================================== */
@media (max-width: 900px) {
/* ====================================================== */
/* CARELINES_PATIENT_AREA                                 */
.main_image .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item,
.other_image .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item,
.main_image .fileuploader-theme-thumbnails .fileuploader-thumbnails-input, 
.other_image .fileuploader-theme-thumbnails .fileuploader-thumbnails-input {
    height: 120px;
}
/*.body-app #mainbody > .container #content-area .tasks-title-block.task-manage > .task-subtitle-block {
    padding: 0 0 20px 0 !important;
}
.body-app #mainbody > .container #content-area .tasks-title-block.task-manage > .task-subtitle-block > h4 {
    display: inline-block;
    margin: 0 !important;
    line-height: 30px;
    font-size: 35px !important;
    vertical-align: top;
    letter-spacing: 0;
    font-weight: 300 !important;
    font-family: 'rawline', sans-serif !important;
    padding: 0 !important;
}
.body-app #mainbody > .container #content-area .tasks-title-block.task-manage > .app-title{
    padding: 0 0 20px 0;
    font-size: 24px;
    line-height: 44px;
}
.body-app #mainbody > .container #content-area .tasks-title-block.task-manage .task-description-block{
    padding: 0;
}
*/
.body-app #mainbody > .container #content-area .tasks-title-block.task-manage .task-description-block p{
    margin: 12px 0;
}
.body-app #mainbody > .container #content-area .tasks-title-block.task-manage > .app-title {
    margin: 0;
}
.com_carelines form .field.switch.funding-message .field-label {
    width: calc(100% - 280px);
}
.com_carelines form .field.switch.funding-message .field-text {
    width: 280px;
}
.tasks-title-block {
    overflow: hidden;
}
.com_carelines.cl-patient.view-tasks.layout-manage #content-area .tasks-title-block .btn.btn-right {
    float: left;
    margin: 5px 10px 0 0;
}
.view-tasks.layout-manage .tasks-title-block .app-title {
    display: block;
    margin: 0;
    line-height: 45px;
    font-size: 35px;
    vertical-align: top;
    padding: 0px 0 15px 0;
}
.body-app.view-tasks.layout-manage #mainbody > .container #content-area {
    padding: 30px 40px 30px 40px;
}
.task-date-selection .task-date-selection-in .tds-month {
    display: block;
    margin: 0 0 10px 0;
}
.task-date-selection .task-date-selection-in > span {
    margin: 0;
}
.form-new-task .task-date-selection {
    padding: 0 0 30px 0;
}
.sup-and-tasks .task-assigned-block .task-ab-supporter .task-abs-actions {
    width: 120px;
    margin: 0;
    display: block;
    float: right;
}
.sup-and-tasks .task-assigned-block .task-ab-supporter .task-abs-actions .btn {
    width: 100% !important;
    margin: 0 0 8px 0 !important;
}
.sup-and-tasks .task-assigned-block .task-ab-supporter .task-abs-info {
    width: calc(100% - 270px);
    margin: 0 20px 0 0;
}
.tasks-title-block .app-title {
    display: block;
    margin: 0 0 15px 0;
}
.com_carelines.cl-patient #content-area .tasks-title-block .btn.btn-right {
    float: left;
    margin: 5px 10px 0 0;
}
.tasks-title-block.task-manage .btn-right {
    display: block;
    float: left;
    margin: 0;
}
.view-journal.layout-edit .journal-edit-btns {
    text-align: center;
    margin: 40px auto 0 auto;
    max-width: 200px;
}
.view-journal.layout-edit .journal-edit-btns .btn {
    margin: 0 0 10px 0;
    width: 100%;
}
.tasks-title-block.task-manage .app-title {
    max-width: 100%;
    padding-right: 0;
}
}
/* ====================================================== */
/* MAX_768_PX                                             */
/* ====================================================== */
@media (max-width: 768px) {
/* ====================================================== */
/* CARELINES_MOBILE_TOP_CONTENT_BLOCK                     */
.ph-hidden-menu .patient-header-links {
    margin: 0;
}
.ph-hidden-menu {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: 100%;
    height: auto;
    transition: all 0.35s ease-in-out;
    background: #a1cc56;
    z-index: 9999;
}
.ph-container-menu,
.patient-header-container {
    display: none;
}
.ph-mobile-content {
    display: block;
    width: 100%;
}
.ph-container-content {
    padding: 25px 0 0 0;
}
.ph-content-title {
    display: flex;
    overflow: hidden;
    flex-flow: row nowrap;
    margin: 0 0 15px 0;
    padding: 0 20px;
}
.ph-content-title > a {
    display: block;
    float: left;
    margin: 0 20px 0 0;
    width: 100px;
    height: 100px;
    background-size: cover;
    border-radius: 100px;
    overflow: hidden;
    align-items: stretch;
}
.ph-content-title > a img {
    display: none;
}
.ph-content-title h3 {
    display: flex;
    margin: 0;
    align-self: center;
    font-size: 36px;
    padding: 0 0 5px 0;
    color: #365a64;
    flex-direction: column;
}
.ph-content-title h3 > a {
    color: #365a64;
}
.ph-content-title h3 > span {
    color: #a3bf74;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 14px;
    line-height: 19px;
    padding: 8px 0 0 0;
}
.ph-content-subtext {
    display: block;
    overflow: hidden;
    margin: 0 0 20px 0;
    padding: 0 20px;
}
.ph-content-subtext p {
    margin: 0;
    padding: 0 0 2px 0;
    line-height: 27px;
    font-size: 18px;
    font-weight: 400;
}
.ph-content-subtext ul {
    list-style-type: none;
    margin: 0;
}
.ph-content-subtext li {
    position: relative;
    font-size: 18px;
    color: #365a64;
    line-height: 27px;
    display: block;
    padding: 0 0 0 10px;
    font-weight: 400;
}
.ph-content-subtext li::before {
    content: " ";
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background: #365a64;
    left: 1px;
    top: 14px;
    position: absolute;
}
.ph-content-subtext li a {
    font-weight: 700;
    color: #739836;
}
.ph-content-subtext li a:hover {
    font-weight: 700;
    color: #537817;
}
/* ====================================================== */
/* CARELINES_MOBILE_TOP_MENU                              */
#care-top-menu > .container {
    padding: 25px 25px 0 25px;
}
.com_carelines #care-top-menu > .container > .module.app-header-link {
    margin: 0 0 15px 20px;
}
#care-top-menu > .container > .module.app-user-area {
    margin: 2px 20px 0 0;
}
#care-sub-menu > .container {
    padding: 0 25px;
}
.itemid-411 .form-carelines-apply h2 {
    font-size: 40px;
    text-align: center;
    margin: 0 auto;
    padding: 20px 0 30px 0;
}
.body-app.view-registration #mainbody > .container #content-area {
    padding: 0 10px 30px;
}
.body-app #modal-window .modal-box .modal-text {
    font-size: 16px;
    padding: 0 15px 15px 15px;
    overflow-y: auto;
}
/* ====================================================== */
/* CARELINES_PATIENT_AREA                                 */
.body-app.view-story #mainbody > .container #content-area {
    padding: 20px 0 40px 0;
}
.body-app.view-story #mainbody > .container #content-area > div.tasks-title-block {
    padding-bottom: 40px;
}
.body-app.view-story .tasks-title-block {
    padding-bottom: 0 0 30px 0;
    display: block;
    overflow: hidden;
}
.com_carelines.view-story .patient-header-gallery-out.edit-mosaic-bg {
    padding: 30px 0 !important;
    margin: 0 0 35px 0;
}
.com_carelines.view-story .tasks-title-block .app-title {
    padding: 0 0 20px 0;
    width: 100%;
}
.com_carelines.view-story #content-area .tasks-title-block > a.btn {
    float: left;
    margin: 0 10px 0 0;
}
.profile-edit-form .publish_btn {
    padding: 50px 0 0;
}
.profile-edit-form .field.switch.sw-lg .field-label {
    width: 100%;
    float: none;
    padding: 0 0 15px 0;
}
.profile-edit-form .field.switch.sw-lg .field-radio {
    float: none;
    text-align: left;
    padding: 0 0 15px 0;
}
.profile-edit-form .switch.sw-lg .field-radio .fl-text.fl-left {
    padding-left: 0;
    padding-right: 7px;
    text-align: left;
    width: auto;
}
.profile-edit-form .switch.sw-lg .field-radio .fl-text.fl-right {
    width: auto;
    padding-right: 0;
    padding-left: 7px;
    text-align: left;
}
.main_image .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item, 
.other_image .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item,
.main_image .fileuploader-theme-thumbnails .fileuploader-thumbnails-input, 
.other_image .fileuploader-theme-thumbnails .fileuploader-thumbnails-input {
    width: calc(100% / 2);
    height: 23vw;
}
form.share-via-email .share-page-buttons .spb-block {
    width: 100%;
}
form.share-via-email .share-page-buttons .spb-block .btn.btn-medium,
form.share-via-email .share-page-buttons .spb-block .btn.btn-large {
    margin: 0 0 20px 0 !important;
}
form.share-via-email p br {
    display: none;
}
.you-have-x-new p {
    display: block;
    padding: 4px 0 5px 0;
}
.com_carelines.cl-patient #content-area .you-have-x-new .btn {
    float: none;
    display: inline-block;
    margin: 5px 0 0 0;
}
.one-donor-info {
    width: calc(100% - 155px);
    padding: 0 25px 0 0;
}
.one-donor-hidden {
    margin: 0;
}
.one-donor-buttons {
    display: block;
    float: none;
    width: 100%;
    padding: 15px 0 0 0;
    overflow: hidden;
}
.com_carelines.cl-patient #content-area .one-donor-buttons .btn {
    max-width: 200px;
}
.form-settings .field.switch.sw-lg .field-label {
    width: 100%;
}
.form-settings .switch.sw-lg .field-radio {
    width: 100%;
    margin-top: 7px;
    margin-bottom: 8px;
}
.com_carelines form .field.switch.funding-message .field-label {
    width: 100%;
    margin-bottom: 13px;
    float: none;
}
.com_carelines form .field.switch.funding-message .field-text {
    width: 100%;
    height: 90px;
    float: none;
}
.view-fundraisingsettings h3.more-top {
    padding-top: 30px !important;
}
.settings-subtext {
    width: 100%;
    margin: 10px 0 0 0;
}
.com_carelines form .field.switch.field-goal .field-label {
    width: 80px !important;
    padding: 4px 20px 0 0;
    float: left;
}
.com_carelines form .field.switch.field-goal .field-text {
    float: left;
    width: 140px;
    margin: 0;
}
.view-fundraisingsettings .switch.sw-lg .field-radio .fl-text {
    width: auto;
}
.view-fundraisingsettings #jform_donation_period label {
    width: 100%;
    background-position: 0 5px;
    padding: 5px 10px 7px 30px;
}
.body-app #mainbody > .container #content-area {
    padding: 30px 40px;
    overflow: hidden;
    background: #ffffff;
}
.tasks-title-block {
    overflow: hidden;
}
.view-tasks:not(.layout-manage).body-app #mainbody > .container #content-area {
    padding: 40px 25px;
}
.view-tasks:not(.layout-manage) .tasks-title-block {
    padding-left: 40px;
    padding-right: 40px;
}
.body-app.view-tasks.layout-manage #mainbody > .container #content-area {
    padding: 30px 40px;
}
.task-block-in {
    display: block;
    margin: 0;
    width: 100%;
    position: relative;
    flex-direction: initial;
    flex-wrap: nowrap;
    justify-content: initial;
    align-items: initial;
    align-content: initial;
}
.task-mini-calendar {
    display: block;
    align-items: initial;
    position: relative;
    float: left;
    overflow: hidden;
    vertical-align: top;
}
.task-people {
    width: calc(100% - 250px);
    margin: 0 0 0 250px;
    display: block;
    overflow: hidden;
    padding: 25px 0 0 0;
}
.task-actions {
    width: calc(100% - 250px);
    display: block;
    float: left;
    margin: 0;
    overflow: hidden;
}
.task-actions .task-actions-in .btn {
    max-width: 150px;
}
.task-people-assigned.none-assigned {
    line-height: 23px;
}
.task-people-assigned.none-assigned::before {
    top: 6px;
}
.view-task.layout-edit.body-app #mainbody > .container #content-area {
    padding: 30px 40px;
}
.task-frequency fieldset .text-nicelabel:not(:checked) + label,
.task-type fieldset .text-nicelabel:not(:checked) + label,
.task-frequency fieldset .text-nicelabel:checked + label,
.task-type fieldset .text-nicelabel:checked + label {
    min-width: 150px;
}
.com_carelines.cl-patient #content-area .form-new-task .task-buttons .btn {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.com_carelines.cl-patient #content-area .form-new-task .task-buttons .btn:last-child {
    padding-left: 10px;
    padding-right: 10px;
}
.journal-title {
    margin: 0 0 40px 0;
}
.ji-text {
    display: block;
    float: left;
    width: 100%;
    padding: 0 0 20px 0;
}
.journal-title h2 {
    display: block;
    font-size: 40px;
    margin: 0;
}
.com_carelines.cl-patient #content-area .journal-title .btn.m12-top {
    float: left;
    margin: 20px 10px 0 0;
}
.jc-isnew, 
.jc-isnew.jc-7days {
    width: 50px;
    margin: 0 20px 0 0;
}
.jc-comment {
    width: calc(100% - 160px);
}
#content-area .fileuploader-theme-thumbnails .fileuploader-thumbnails-input, 
#content-area .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {
    width: 33%;
    height: 18vw;
    line-height: 15vw;
}
.body-app.view-photo #mainbody > .container #content-area {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.patient-header-gallery-out.edit-mosaic-bg {
    padding: 30px 0;
}
.body-app.view-story #mainbody > .container #content-area > div:not(.edit-mosaig-bg),
.body-app.view-story #mainbody > .container #content-area > a,
.body-app.view-photo #mainbody > .container #content-area #message-component,
.body-app.view-photo #mainbody > .container #content-area > h2,
.body-app.view-photo #mainbody > .container #content-area > p,
.body-app.view-photo #mainbody > .container #content-area .other_image {
    padding-left: 40px;
    padding-right: 40px;
}
.body-app.view-photo #mainbody > .container #content-area .main_image {
    margin-left: 40px;
    margin-right: 40px;
}
.community-screen.cm-title h2 {
    display: block;
    margin: 0 0 10px;
}
.com_carelines.cl-patient #content-area .community-screen.cm-title .btn {
    float: none;
    display: inline-block;
}
.one-supporter-name .bar {
    display: none;
}
.one-supporter-name .one-supporter-since {
    display: block;
}
.community-screen.cm-title {
    margin: 0 0 40px 0;
}
.community-screen.overview-list {
    margin: 0 0 40px 0;
}
/* ====================================================== */
/* CARELINES_PATIENTS                                     */
.card-deck .main_patient_div.col-lg-3,
.card-deck .main_patient_div.col-md-3,
.card-deck .main_patient_div.col-sm-3,
.card-deck .main_patient_div.col-xs-4 {
    width: calc(100% / 3);
}
.carelines-patients-main-list > .container > select.chosen-treatment {
    width: calc(100% - 40px);
}
.carelines-patients-main-list > .container > select.chosen-by, 
.carelines-patients-main-list > .container > select.chosen-state {
    width: calc(50% - 32px);
}
.form-messages .messages-list {
    width: 100%;
    float: none;
    margin: 0 0 15px 0;
}
.msg-people-list {
    height: 130px;
}
.form-messages .messages-msg {
    width: 100%;
    float: none;
    margin: 0;
}
.messages-msg h4#message-from {
    padding: 0 0 10px 0;
    margin: 0;
    height: auto;
}
.cant-find .card-block {
    padding: 10px 15px;
}
.card-block .card-text.cant-find-1 {
    font-size: 26px;
    line-height: 28px;
}
.card-block .card-text.cant-find-2,
.card-block .card-text.cant-find-3,
.card-block .card-text.cant-find-4 {
    font-size: 14px;
    line-height: 18px;
}
.com_carelines.public-area:not(.view-patients) #mainbody .container {
    padding: 10px 20px;
}
.patient-main-story {
    padding: 0;
}
.patient-main-story > p {
    padding: 0 0 12px 0;
    margin: 0;
    line-height: 21px;
}
.donation-inline {
    display: block;
    width: 45%;
    vertical-align: top;
    float: right;
    height: auto;
    background: #9ecc52;
    margin: 15px -20px 15px 25px;
    padding: 15px 20px;
}
.sidebar-right .module.donation-patient-history {
    display: none;
}
.patient-main-story #donation2 {
    display: block;
}
.donation-inline > p {
    color: #ffffff;
    text-align: center;
    margin: 0;
    padding: 0 0 15px 0;
    line-height: 21px;
    font-weight: 400;
}
.donation-inline .module-progressbar {
    padding: 0 10px;
    margin: 30px 0 0 0;
}
.donation-inline .progress {
    height: 30px;
    border-radius: 0;
    box-shadow: initial;
    outline: none;
    border: none;
    margin-bottom: 5px;
    background: rgba(255,255,255,0.5);
}
.donation-inline .progress .progress-bar.progress-bar-success {
    background: #ffffff;
    box-shadow: initial;
}
.donation-inline .progress-values {
    display: block;
    overflow: hidden;
}
.donation-inline .progress-values .value.value-left, 
.donation-inline .progress-values .value.value-right {
    line-height: 20px;
}
.donation-inline .progress-values .progress-value-number {
    color: #ffffff;
    font-weight: 900;
    font-size: 18px;
}
.donation-inline .progress-values .progress-value-text {
    color: #ffffff;
    font-weight: 300;
    font-size: 18px;
    text-transform: uppercase;
}
.donation-inline .progress-values .progress-value-number {
    color: #ffffff;
    font-weight: 900;
    font-size: 18px;
}
.donation-inline .progress-values .progress-value-text {
    color: #ffffff;
    font-weight: 300;
    font-size: 18px;
    text-transform: uppercase;
}
.donation-inline .donate-side-module {
    height: 70px;
    display: block;
    overflow: hidden;
    border-radius: 5px;
    padding: 0 10px;
}
.donation-inline .input-group {
    position: relative;
    display: block;
    border-collapse: collapse;
    overflow: hidden;
    height: 100%;
}
.donation-inline .input-group-btn {
    width: 100%;
    float: none;
    border-right: none;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    border: none;
}
.donation-inline #donate-now {
    background: #008343;
    color: #ffffff;
    text-transform: uppercase;
    outline: none;
    border: none;
    line-height: 30px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding: 0 5px 2px;
    width: 100%;
    border-radius: 0;
    height: 35px;
}
.donation-inline .dsm-field {
    width: 100%;
    float: none;
    border-left: none;
    background: #008343;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    border-bottom: 1px solid #80c1a1;
    position: relative;
    outline: none;
    display: block;
}
.donation-inline #basic-addon1 {
    position: absolute;
    z-index: 9;
    background: transparent;
    outline: none;
    border: none;
    color: #ffffff;
    font-weight: 700;
    font-size: 18px;
    top: 1px;
    left: 20%;
}
.donation-inline .dsm-field input {
    background: transparent;
    color: #ffffff;
    border: none;
    outline: none;
    line-height: 35px;
    height: 35px;
    width: 100%;
    padding: 0 15px 0 25px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
}
.donation-inline .dsm-field input::placeholder {
    color: #ffffff !important;
    opacity: 1 !important;
}
.sidebar-right {
    padding: 0 25px;
    max-width: 500px;
    margin: 0 auto;
}
p.patient-main-buttons {
    padding: 0 0 40px 0;
    text-align: center;
}
 .module.mod-cl-mobile {
    display: none;
 }
.com_carelines.view-vguestbook #content {
    padding-right: 15px;
}
.com_carelines.view-vguestbook .sidebar-right {
    display: none;
}
#guestbook-top {
    display: block;
}
#guestbook-top .module-content h3.module-title {
    background: #9ecc52;
    color: #ffffff;
    padding: 5px 30px 7px 30px;
    margin: 6px 0 0 00;
    text-transform: none;
    text-align: left;
    font-family: 'Caveat', cursive !important;
    font-weight: 400;
    font-size: 30px;
    line-height: 30px;
}
#guestbook-top .module-content h3.module-title span {
    font-family: 'Caveat', cursive !important;
    font-weight: 400;
    font-size: 26px;
    line-height: 26px;
}
#guestbook-top .module-content #messageform {
    padding: 30px 30px 10px 30px;
    display: block;
    overflow: hidden;
    background: #f0f7e7;
    margin: 0 0 30px 0;
}
.com_carelines.view-vguestbook #guestbook-top.module textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 15px 10px;
    margin: 0 0 15px 0;
    background: #ffffff;
    color: #9ecc52;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    height: initial;
    border-radius: 5px;
    border: none;
}
.com_carelines.view-vguestbook #guestbook-top.module input[type="text"], 
.com_carelines.view-vguestbook #guestbook-top.module input[type="email"] {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    margin: 0 0 15px 0;
    background: #ffffff;
    color: #9ecc52;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    height: initial;
    border-radius: 5px;
    border: none;
}
#guestbook-top .btncv {
    width: 200px;
    margin: 0 auto;
    display: block;
    float: none;
}
.com_carelines.view-vguestbook #guestbook-top.module textarea::placeholder {
    opacity: 1 !important;
    color: #9ecc52 !important;
}
.com_carelines.view-vguestbook #guestbook-top.module input::placeholder {
    opacity: 1 !important;
    color: #9ecc52 !important;
}
.sidebar-right .module.donation-module.donation-progress {
    display: none;
}
.module.mod-cl-mobile {
    display: block;
    margin: 20px 0 40px 0;
}
#donation-top .module-content {
    background: #9ecc52;
    display: block;
    width: 100%;
}
#donation-top .module-content .help-achieve {
    padding: 15px 20px 20px 20px;
    text-align: center;
    max-width: 460px;
    margin: 0 auto;
}
#donation-top .progressbar {
    padding: 0 20px;
    max-width: 460px;
    margin: 0 auto;
}
#donation-top .progressbar .progress {
    height: 30px;
    border-radius: 0;
    box-shadow: initial;
    outline: none;
    border: none;
    margin-bottom: 5px;
    background: rgba(255,255,255,0.5);
}
#donation-top .progressbar .progress .progress-bar.progress-bar-success {
    background: #ffffff;
    box-shadow: initial;
}
#donation-top .progressbar .donation-bar-left, 
#donation-top .progressbar .donation-bar-right {
    display: none;
}
#donation-top .donation-data {
    padding: 0 20px 25px;
    display: block;
    overflow: hidden;
    max-width: 460px;
    margin: 0 auto;
}
#donation-top .donation-data .donation-amount, 
#donation-top .donation-data .donation-goal {
    display: block;
    overflow: hidden;
    float: left;
    width: 50%;
    vertical-align: top;
    line-height: 20px;
    color: #ffffff;
    font-weight: 900;
    font-size: 18px;
    text-align: left;
}
#donation-top .donation-data .donation-amount .thin, 
#donation-top .donation-data .donation-goal .thin {
    color: #ffffff;
    font-weight: 300;
    font-size: 18px;
    text-transform: uppercase;
}
#donation-top .donation-data .donation-goal {
    text-align: right;
}
.main.all-donors {
    max-width: 460px;
    padding: 0 20px;
    margin: 40px auto;
}
.com_carelines.view-vjournals .sidebar-right .module.search-sort {
    display: none;
}
.com_carelines.view-vjournals #journal-top.module {
    display: block;
    margin: 20px 0 20px 0;
    padding: 0 20px;
}
.com_carelines.view-vjournals #journal-top.module form {
    margin: 5px 0 0 0 !important;
}
.com_carelines.view-vjournals #journal-top.module .message-filters .message-search {
    position: relative;
    vertical-align: top;
    margin-left: 0;
    width: 100%;
    display: block;
}
.com_carelines.view-vjournals.layout-list #journal-top.module .message-filters .message-search {
    margin-bottom: 10px;
}
.com_carelines.view-vjournals #journal-top.module .message-filters .message-search input {
    width: 100%;
    line-height: 44px;
    padding: 0px 40px 0 15px;
    border-radius: 5px;
    outline: none;
    border: none;
    font-size: 24px;
    color: #ffffff;
    font-weight: 400;
    background-color: #9ecc52;
    height: 45px;
    font-family: 'Caveat', cursive !important;
}
.com_carelines.view-vjournals #journal-top.module .message-filters .message-search input.button {
    position: absolute;
    right: 2px;
    top: 2px;
    z-index: 99;
    width: 40px;
    height: 40px;
    padding: 9px;
    background: transparent;
    border: none;
    text-indent: -9999px;
    line-height: 44px;
    border-radius: 5px;
    outline: none;
}
.com_carelines.view-vjournals #journal-top.module .message-filters .message-search input::placeholder {
    opacity: 1 !important;
    color: #ffffff !important;
}
.photo-paragraph img {
    width: 100%;
}
.com_carelines.view-vjournals #journal-top.module .message-filters > div.message-sort {
    margin: 0;
    width: 100%;
}
.com_carelines.view-vjournals #journal-top.module .message-filters select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    outline: none;
    border: none;
    background-color: #9ecc52;
    background-image: url(../images/drop_arrow_g.png);
    background-position: calc(100% - 10px) center;
    background-size: 26px 13px;
    background-repeat: no-repeat;
    background-attachment: scroll;
    padding: 10px 12px;
    border-radius: 5px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    margin: 0 10px 0 0;
    width: 100%;
    line-height: 26px;
}
.journal-list .post-image {
    margin: 0;
}
.journal-post-container .post-title.has-image h4 {
    padding: 10px 0 0 0;
}
.journal-post-container .post-title.has-image div.author {
    padding: 10px 0 0 0;
}
.journal-post-container .post-title {
    padding: 5px 0 10px 0;
    width: 100%;
}
.com_carelines.view-vjournals.layout-list .sidebar-right {
    padding: 0 10px;
}
#volunteering-top {
    background: #f0f7e7;
}
#volunteering-top .headline {
    background: #f07f6d;
    margin: 0;
    color: #ffffff;
    padding: 10px 20px;
    font-size: 28px;
    border-radius: 0;
}
#volunteering-top .headline h4 {
    margin: 0 auto;
    color: #ffffff;
    padding: 0 20px;
    font-size: 24px;
    text-transform: none !important;
    font-family: 'Caveat', cursive !important;
    max-width: 460px;
}
#volunteering-top .module-content {
    background: #f0f7e7;
    border-radius: 0;
    overflow: hidden;
    padding: 20px;
    margin: 0 auto;
    max-width: 460px;
}
#volunteering-top .task-action-btn {
    font-size: 22px;
    margin: 0;
    padding: 15px 0 5px 0;
    display: block;
}
.view-volunteering #content {
    padding: 20px 10px 0 10px;
}
.volunteer-task-list {
    margin: 50px 0 0 0;
    padding: 0 15px;
}
.sidebar-right .module.scheduled-tasks {
    display: none;
}
h3.mobile-app-top {
    background: #a3bf74;
    color: #ffffff;
    font-family: 'caveat', cursive !important;
    font-size: 34px;
    line-height: 40px;
    padding: 5px 20px;
}
.view-vjournal .journal-post-container {
    margin: 0;
}
.post-comments {
    margin: 10px 0 50px;
}
}
/* ====================================================== */
/* MAX_700_PX                                             */
/* ====================================================== */
@media (max-width: 700px) {
/* ====================================================== */
/* CARELINES_PATIENT_AREA                                 */
.share-my-url .share-url-field {
    display: block;
    width: 100%;
    position: relative;
    background: transparent;
    margin: 5px 0 15px;
    border-radius: 0;
    overflow: initial;
}
.share-my-url .share-url-field input[type="text"] {
    padding: 0 15px;
    width: 100%;
    display: block;
    background: #F1F1F1;
    float: none;
    border-radius: 6px;
}
.com_carelines.cl-patient #content-area .share-my-url .share-url-field .btn {
    left: initial;
    right: initial;
    top: initial;
    position: relative;
    margin: 5px 0 0 0;
}
.body-app #modal-window .modal-box.modal-size-normal {
    width: 96%;
    overflow: hidden;
}
.modal-task {
    padding-bottom: 10px;
}
.modal-task-info {
    display: block;
    width: 100%;
    float: left;
    padding: 0 20px 15px 0;
}
.progress-value-number {
    font-size: 13px;
}
.progress-value-text {
    font-size: 12px;
}
}
/* ====================================================== */
/* MAX_650_PX                                             */
/* ====================================================== */
@media (max-width: 650px) {
/* ====================================================== */
/* CARELINES_PATIENT_HEADER                               */
.carelines-patients-header h1 {
    font-size: 130px;
}
.carelines-patients-header h4 {
    font-size: 19px;
}
/* ====================================================== */
/* CARELINES_PATIENT_AREA                                 */
.social-share-block p br,
.share-screen p br {
    display: none;
}
.form-new-task .task-starting-time {
    width: 100%;
    display: block;
    margin: 10px 0 10px 0;
}
.form-new-task .task-dates .task-start, .form-new-task .task-dates .task-end {
    width: 100%;
    display: block;
    margin: 0 0 10px 0;
}
.sup-and-tasks .task-assigned-block .task-ab-supporter .task-abs-actions {
    width: 100%;
    margin: 15px 0 10px 0;
    display: block;
    float: right;
}
.com_carelines.cl-patient #content-area .btn.btn-mini-nomin {
    min-width: initial;
    width: auto;
}
.sup-and-tasks .task-assigned-block .task-ab-supporter .task-abs-info {
    width: calc(100% - 145px);
    margin: 0;
}
.sup-and-tasks .task-assigned-block .task-ab-supporter .task-abs-actions .btn {
    max-width: 150px;
    clear: both;
    display: block;
    margin: 0 0 8px 0 !important;
}
.sup-msgs .task-assigned-block .task-ab-supporter {
    margin: 0 0 30px 0;
    width: 100%;
}
#content-area .fileuploader-theme-thumbnails .fileuploader-thumbnails-input, 
#content-area .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {
    width: 48%;
    height: 23vw;
    line-height: 19vw;
    padding: 10px;
    margin: 0 2% 0 0;
}
.one-supporter-info {
    display: block;
    float: left;
    width: calc(100% - 110px);
    padding: 0;
    overflow: hidden;
}
.one-supporter-buttons {
    display: block;
    float: none;
    width: 100%;
    overflow: hidden;
    padding: 20px 0 0 0;
    margin: 0;
}
.com_carelines.cl-patient #content-area .one-supporter-buttons .btn {
    display: inline-block;
    width: 120px;
    margin: 0 6px 10px 0
}
.one-supporter-buttons br {
    display: initial;
}
.view-communitysettings .field.switch.sw-sm .field-label {
    width: 100%;
    padding: 0 0 10px 0;
}
.view-communitysettings .switch.sw-sm .field-radio {
    width: 100%;
    float: none;
    white-space: normal;
}
.main_patient_div .card-block {
    padding: 8px 10px 10px 10px;
}
.card-block .card-title {
    text-transform: none;
    font-size: 26px;
    line-height: 28px;
    margin: 0;
    padding: 0 5px 13px;
    font-weight: 300;
    color: #284e6e;
}
.card-block .card-title {
    font-size: 24px;
    padding: 0 5px 13px;
}
.card-block .card-text {
    padding: 0 5px 25px 5px;
}
.card-block .card-text.cant-find-2,
.card-block .card-text.cant-find-3,
.card-block .card-text.cant-find-4 {
    line-height: 16px;
}
.donation-inline #basic-addon1 {
    top: 2px;
    left: 16%;
}
}
/* ====================================================== */
/* MAX_600_PX                                             */
/* ====================================================== */
@media (max-width: 600px) {
/* ====================================================== */
/* CARELINES_MOBILE_TOP_MENU                              */
.patient-header-links > li {
    padding: 0 0 0 20px;
}
#care-top-menu > .container {
    padding: 25px 5px 0 5px;
}
#care-top-menu > .container > .module.app-user-area {
    padding: 0 20px;
}
#care-sub-menu > .container {
    padding: 0 5px;
}
.body-app #mainbody > .container {
    padding: 0 20px;
}
/* ====================================================== */
/* CARELINES_PATIENT_HEADER                               */
.view-patients .carelines-patients-header h1 {
    font-size: 22vw;
    line-height: 0.82em;
}
.carelines-patients-header h1 span {
    font-size: 6.2vw;
    line-height: 2.8em;
}
.carelines-patients-header h4 {
    font-size: 3.2vw;
    letter-spacing: 0.06em;
}
/* ====================================================== */
/* CARELINES_PATIENT_LIST                                 */
.card-deck .main_patient_div {
}
.card-deck .container {
}
.card-deck .cant-find {
}
.main_patient_div .card .card-img-top {
    height: 160px;
}
/* ====================================================== */
/* CARELINES_PATIENT_DASHBOARD                            */
.body-app.view-dashboard #mainbody > .container {
    padding: 0 35px;
}
/* ====================================================== */
/* CARELINES_PATIENT_AREA                                 */
.body-app #mainbody > .container #content-area {
    padding: 30px 40px 30px 40px;
}
.profile-edit-form .publish_btn {
    padding: 40px 0 10px;
}
.main_image .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item, 
.other_image .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item,
.main_image .fileuploader-theme-thumbnails .fileuploader-thumbnails-input, 
.other_image .fileuploader-theme-thumbnails .fileuploader-thumbnails-input {
    height: 26vw;
}
.view-tasks:not(.layout-manage).body-app #mainbody > .container #content-area {
    padding: 40px 20px;
}
.view-tasks:not(.layout-manage) .tasks-title-block {
    padding-left: 20px;
    padding-right: 20px;
}
.calendar-block #calendar .fc-header-toolbar .fc-left {
    margin: 10px 0 0 10px;
}
.calendar-block #calendar .fc-header-toolbar .fc-right {
    margin: 10px 10px 0 0;
}
.journal-overview-head h3 {
    display: block;
    margin: 0 0 15px 0;
}
.com_carelines.cl-patient #content-area .journal-overview-head .btn {
    float: left;
    margin: 0 0 25px 0;
}
.journal-title,
.journal-overview-list,
.journal-comments-list {
    padding: 0;
}
.jc-buttons {
    width: 100%;
    margin: 10px 0 0 0;
}
.jc-buttons > div {
    margin: 0 4px 0 0;
    width: 100px;
    display: inline-block;
}
.jc-isnew, 
.jc-isnew.jc-7days {
    width: 50px;
    margin: 0;
}
.jc-comment {
    width: calc(100% - 50px);
}
.view-journal.layout-edit .field.switch.sw-lg .field-label {
    width: 100%;
    margin: 0 0 10px 0;
}
.view-journal.layout-edit .switch.sw-lg .field-radio {
    width: 100%;
}
.view-journal.layout-edit .switch.sw-lg .field-radio .fl-text {
    width: auto;
}
.journal-overview.journal-title {
    margin: 0 0 10px 0;
    padding: 0 15px;
}
.view-journals.layout-comments.body-app #mainbody > .container #content-area {
    padding: 25px 20px 35px 20px;
}
h5.posted-on {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 10px 0;
}
.com_carelines.cl-patient #content-area .journal-overview-head .btn {
    float: none;
    margin: 0;
    vertical-align: top;
}
.joh-new-comments .jc-comment {
    width: 100%;
}
.body-app.view-guestbooks #mainbody > .container #content-area {
    padding: 20px 30px 30px 30px;
}
.view-guestbooks .jc-block {
    padding: 15px 20px 0 20px;
}
.form-community-invite .fld-perm input + label {
    width: 95%;
}
.view-tasksupporters.layout-viewoffer #content-area .btn {
    padding: 12px 20px !important;
    height: auto !important;
    line-height: 24px !important;
    max-width: 260px;
    white-space: normal;
}
.task-offers-block .task-ab-supporter .task-abs-avatar {
    width: 80px;
    height: 80px;
    margin: 0 20px 0 0;
    display: block;
    float: left;
}
.task-abs-info .task-info-name {
    padding: 0 0 3px 0;
}
.task-offers-block .task-ab-supporter .task-abs-info {
    width: calc(100% - 100px);
    margin: 0 0 20px 0;
    display: block;
    float: left;
}
.task-offers-block .task-ab-supporter .task-abs-actions {
    width: 100%;
    margin: 15px 0 0 0;
    display: block;
    float: left;
    clear: both;
}
.com_carelines.cl-patient #content-area .task-ab-supporter .task-abs-actions .btn {
    max-width: 120px;
    float: left;
    display: block;
    width: 100%;
    margin: 0 10px 10px 0;
}
.donation-inline #basic-addon1 {
    display: none;
}
.donation-inline .dsm-field input {
    padding: 0 15px 0 15px;
}
.donation-inline {
    padding: 15px 15px;
}
.donation-inline #donate-now {
    font-size: 14px;
}
.donation-inline .dsm-field input {
    font-size: 15px;
}
.donation-inline .donate-side-module {
    padding: 0 5px;
}
.donation-inline .module-progressbar {
    padding: 0;
    margin: 20px 0 0 0;
}
.donation-inline .progress-values .progress-value-number {
    color: #ffffff;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: -0.02em;
}
.donation-inline .progress-values .progress-value-text {
    font-weight: 400;
    font-size: 14px;
}
.one-donor-cards {
    column-count: 1;
    column-gap: 0;
}
.one-donor-cards {
    width: 100%;
    padding: 20px 0 0 0;
}
}
/* ====================================================== */
/* MAX_550_PX                                             */
/* ====================================================== */
@media (max-width: 550px) {
/* ====================================================== */
/* CARELINES_PATIENT_DASHBOARD                            */
.box-in {
    padding: 25px 20px;
    position: relative;
}
.dashboard_container > .big-box {
    margin: 0 auto;
}
/* ====================================================== */
/* CARELINES_PATIENT_AREA                                 */
.com_carelines.cl-patient #content-area .storysettingbtn .btn.btn-medium,
.com_carelines.cl-patient #content-area .storysettingbtn .btn.btn-large {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}
.patient-edit #jform_treatment_type input + label {
    width: 95%;
}
.one-donor-img {
    display: none;
}
.one-donor-info {
    width: calc(100% - 60px);
    padding: 0 15px 0 0;
}
.view-tasks:not(.layout-manage).body-app #mainbody > .container #content-area {
    padding: 30px 5px;
}
.view-tasks:not(.layout-manage) .tasks-title-block {
    padding-left: 25px;
    padding-right: 25px;
}
.task-people {
    width: 100%;
    margin: 0;
    display: block;
    overflow: hidden;
    padding: 10px 0 0 0;
}
.task-actions {
    width: 100%;
    padding: 25px 0 0 0;
}
.task-date-selection .task-date-selection-in .tds-month label {
    font-weight: 300;
    font-size: 16px;
    width: 100%;
    margin: 0 0 8px 0;
    display: block;
}
.task-date-selection .task-date-selection-in .tds-month {
    display: block;
    margin: 0 0 20px 0;
}
.task-date-selection .task-date-selection-in .tds-month select {
    margin: 0;
}
.task-date-selection .task-date-selection-in > span {
    margin: 0 0 10px 0;
    width: 100%;
    display: block;
}
.task-date-selection .task-date-selection-in .tds-week {
    display: block;
    width: 170px;
}
.task-date-selection .task-date-selection-in .tds-week select#jform_onday {
    width: 100%;
    margin: 0 0 10px 0;
}
.task-date-selection .task-date-selection-in .tds-week select#jform_onweekday {
    width: 100%;
    margin: 0 0 10px 0;
}
.task-date-selection .task-date-selection-in .tds-week > span {
    display: block;
    margin: 0;
    font-size: 16px;
}
.com_carelines.cl-patient.view-tasksettings #content-area .storysettingbtn .btn.btn-medium,
.com_carelines.cl-patient.view-tasksettings #content-area .storysettingbtn .btn.btn-large {
    margin-left: auto;
    margin-right: auto;
}
.switch.sw-lg .field-radio .fl-text {
    width: auto;
}
.ji-intro-block.post-with-image .ji-image {
    width: 120px;
    float: none;
    margin: 0 15px 15px 0;
}
.ji-intro-block.post-with-image .ji-intro {
    width: 100%;
    float: none;
    clear: both;
    margin: 0 0 10px 0;
}
.value.value-left,
.value.value-right {
    width: 100%;
    display: block;
}
.value.value-left br,
.value.value-right br {
    display: none;
}
.value.value-right {
    width: 100%;
    float: none;
    text-align: left;
}
.progress-value-number {
    margin: 0 7px 0 0;
}
.card-block .card-text {
    font-size: 16px;
    line-height: 18px;
    padding: 0 0 15px 0;
}
.modal-calendar-block .right-col {
    height: auto;
    display: block;
    float: left;
    width: 230px;
    padding: 0 0 10px 0;
}
.modal-calendar-block .right-col #selected-dates {
    height: auto;
    max-height: 110px;
}
.calendar-key {
    margin: 0;
}
}
/* ====================================================== */
/* MAX_500_PX                                             */
/* ====================================================== */
@media (max-width: 500px) {
/* ====================================================== */
/* CARELINES_MOBILE_TOP_CONTENT_BLOCK                     */
.ph-hidden-menu-in {
    padding: 8px 13px;
}
.ph-hidden-menu .ph-main-title h3 {
    line-height: 38px;
    padding: 2px 0 0 0;
    font-size: 34px;
    letter-spacing: -0.02em;
}
.patient-header-links > li:first-child {
    padding: 0;
}
.patient-header-links li a img {
    max-width: 24px;
    height: auto;
    margin: 0 auto 2px auto;
}
.patient-header-links li a .image-title {
    line-height: 16px;
    font-size: 16px;
}
.ph-content-title > a {
    margin: 0 15px 0 0;
    width: 80px;
    height: 80px;
    border-radius: 80px;
}
/* ====================================================== */
/* CARELINES_PATIENT_HEADER                               */
.carelines-patients-header h4 {
    max-width: 63vw;
    margin: 0 auto;
    font-size: 3.8vw;
    padding: 5px 0 20px 0;
}
.carelines-patients-intro p a.content-button {
    padding: 10px 15px 12px;
    height: auto;
    max-width: 300px;
}
.carelines-patients-intro p a.content-button br {
    display: none;
}
/* ====================================================== */
/* CARELINES_PATIENT_LIST                                 */
.carelines-patients-main-list > .container > select.chosen-treatment,
.carelines-patients-main-list > .container > select.chosen-by, 
.carelines-patients-main-list > .container > select.chosen-state {
    width: calc(100% - 40px);
}
.card-deck .main_patient_div {
    padding: 0 5px 15px 5px;
}
.card-deck {
    padding: 0 10px;
}
.carelines-patients-main-list > .container > select.chosen-treatment, 
.carelines-patients-main-list > .container > select.chosen-by, 
.carelines-patients-main-list > .container > select.chosen-state {
    width: calc(100% - 30px);
}
.card-block .card-title {
    font-size: 20px;
    padding: 0 0 10px;
    line-height: 23px;
}
.carelines-patients-main-list {
    text-align: center;
    margin-bottom: 10px;
}
/* ====================================================== */
/* CARELINES_PATIENT_DASHBOARD                            */
.dashboard_container > .big-box {
    max-width: 340px;
    margin: 0 auto;
}
.wider-boxes {
    flex-wrap: wrap;
    margin: 0;
}
.wider-boxes > .box {
    margin: 0 0 20px 0;
    width: 100%;
}
.narrow-boxes {
    margin: 0;
}
.narrow-boxes > .box {
    width: 100%;
    margin: 0 0 20px 0;
}
/* ====================================================== */
/* CARELINES_PATIENT_AREA                                 */
.body-app #mainbody > .container #content-area {
    padding: 20px 25px 20px 25px;
}
#userForm.formResponsive fieldset {
    padding: 0;
}
.main_image .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item, 
.other_image .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item,
.main_image .fileuploader-theme-thumbnails .fileuploader-thumbnails-input, 
.other_image .fileuploader-theme-thumbnails .fileuploader-thumbnails-input {
    width: 100%;
    height: 40vw;
    max-width: 300px;
    margin: 0 auto;
    float: none;
    display: block;
}
.calendar-block #calendar .fc-head-container .fc-widget-header thead tr th > span {
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
}
.jc-block {
    padding: 12px 20px;
    margin: 0 0 24px 0;
}
#content-area .fileuploader-items ul, #content-area .fileuploader-items ol {
    margin: 0;
    text-align: center;
}
#content-area .fileuploader-theme-thumbnails .fileuploader-thumbnails-input, 
#content-area .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {
    display: inline-block;
    width: 100%;
    height: 36vw;
    line-height: 31vw;
    padding: 10px;
    vertical-align: top;
    margin: 0 auto;
    max-width: 300px;
    float: none;
    text-align: center;
}
.view-journals.layout-comments.body-app #mainbody > .container #content-area {
    padding: 20px 10px 30px 10px;
}
.body-app.view-story #mainbody > .container #content-area > div:not(.edit-mosaig-bg), 
.body-app.view-story #mainbody > .container #content-area > a, 
.body-app.view-photo #mainbody > .container #content-area #message-component, 
.body-app.view-photo #mainbody > .container #content-area > h2, 
.body-app.view-photo #mainbody > .container #content-area > p, 
.body-app.view-photo #mainbody > .container #content-area .other_image {
    padding-left: 25px;
    padding-right: 25px;
}
.com_carelines.cl-patient #content-area .task-ab-supporter .task-abs-actions .btn {
    max-width: 100px;
}
.ph-content-title h3 {
    width: calc(100% - 95px);
}
.ph-content-title h3 > span {
    text-align: right;
}
.message-filters > div.message-sort {
    margin-right: 0;
    margin-bottom: 10px;
    width: 100%;
}
.message-filters > div.message-search {
    margin-left: 0;
    width: 100%;
}
.view-vguestbook .message-filters select {
    width: 100%;
    max-width: 100%;
}
.sidebar-right,
.view-donation .sidebar-right {
    padding: 0;
    max-width: 100vw;
    margin: 0 -5px;
    width: calc(100% + 10px);
    display: block;
}
.sidebar-right .module,
.view-donation .sidebar-right .module,
.donation-module .module-content,
.com_carelines.view-vjournals.public-area .sidebar-right .module, 
.com_carelines.view-vjournal.public-area .sidebar-right .module {
    border-radius: 0;
}
.donation-module.donation-supporters .module-content .module-header br {
    display: none;
}
.com_carelines.view-vjournals.public-area .sidebar-right, 
.com_carelines.view-vjournal.public-area .sidebar-right {
    max-width: 100vw;
    padding: 0;
    margin-top: 5px;
}
.comment-reply-block .reply-block input[type="text"], 
.comment-reply-block .reply-block input[type="email"],
.com_carelines .post_comment form input[type="text"] {
    width: 100%;
}
.calendar-key.couple .task-people-assigned.help-needed, 
.calendar-key.couple .task-people-assigned.needs-met, 
.calendar-key.couple .task-people-assigned.my-tasks {
    margin: 10px 30px 0 0;
}
}
/* ====================================================== */
/* MAX_450_PX                                             */
/* ====================================================== */
@media (max-width: 450px) {
/* ====================================================== */
/* CARELINES_MOBILE_TOP_CONTENT_BLOCK                     */
.patient-header-links > li {
    padding: 0 0 0 13px;
}
/* ====================================================== */
/* CARELINES_PATIENT_LIST                                 */
/* ====================================================== */
/* CARELINES_PATIENT_AREA                                 */
.formResponsive .formHorizontal div[class*="rsform-block-receipt-"] label.formControlLabel .choose-file {
    width: 94px;
}
.formResponsive .formHorizontal div[class*="rsform-block-receipt-"] label.formControlLabel .file-chosen {
    padding: 0 20px 0 110px;
}
.com_carelines.cl-patient #content-area .btn.btn-small {
    padding-left: 8px;
    padding-right: 8px;
    min-width: initial;
}
.main_image .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item, 
.other_image .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item,
.main_image .fileuploader-theme-thumbnails .fileuploader-thumbnails-input, 
.other_image .fileuploader-theme-thumbnails .fileuploader-thumbnails-input {
    height: 45vw;
}
.social-share-block p {
    float: none;
    width: 100%;
    padding: 0 0 5px 0;
    max-width: 100%;
}
.jc-block {
    padding: 12px 18px;
    margin: 0 0 24px 0;
}
.jc-buttons > div {
    margin: 0 4px 0 0;
    width: 60px;
}
.jc-new {
    width: 30px;
    height: 30px;
    margin: 7px 0 7px 5px;
    line-height: 28px;
    font-size: 11px;
}
.jc-isnew {
    width: 35px;
}
.jc-isnew.jc-7days .jc-new {
    line-height: 9px;
    font-size: 14px;
    padding: 3px 0 0 0;
    display: block;
    margin: 5px 0 0 0;
}
.jc-comment {
    width: calc(100% - 35px);
}
.jc-isnew, .jc-isnew.jc-7days {
    width: 35px;
    margin: 0;
}
.jc-isnew.jc-7days .jc-new span {
    height: 14px;
    display: block;
    overflow: hidden;
}
.com_carelines.cl-patient #content-area .journal-overview-head .btn {
    min-width: 150px;
}
#content-area .fileuploader-theme-thumbnails .fileuploader-thumbnails-input, 
#content-area .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {
    height: 45vw;
    line-height: 39vw;
}
.com_carelines.cl-patient.view-guestbooks #content-area .jc-buttons .btn {
    padding-left: 5px;
    padding-right: 5px;
}
.body-app.view-guestbooks #mainbody > .container #content-area {
    padding: 20px 20px 10px 20px;
}
.com_carelines.cl-patient #content-area .jc-btn-reply .btn,
.com_carelines.cl-patient #content-area .jc-btn-actions .btn,
.com_carelines.cl-patient #content-area .jc-btn-delete .btn {
    padding-left: 5px;
    padding-right: 5px;
}
.journal-title.guestbook-title h2 {
    line-height: 50px;
}
.donation-inline {
    width: 50%;
    margin: 15px -20px 15px 20px;
}
p.patient-main-buttons > a {
    max-width: 200px;
    display: block;
    margin: 0 auto;
    line-height: 22px;
}
.com_carelines.view-donations #mainbody > .container,
.com_carelines.view-donation #mainbody > .container {
    padding: 10px 5px !important;
}
.vtl-top-title {
    margin: 0;
    padding: 20px 0 20px 0;
}
.vtl-task-text {
    float: none;
    width: 100%;
    padding: 0 0 12px 0;
    margin: 0;
}
.vtl-task-buttons {
    float: none;
    width: 100%;
    max-width: 200px;
}
.view-volunteering #calendar.calendar-volunteer .fc-day-grid-event.fc-h-event.fc-event {
    width: 18px;
    height: 18px;
    margin: 0 4px 4px 4px;
    display: block;
    text-indent: -9999px;
    border-radius: 10px;
    overflow: hidden;
    float: left;
    padding: 0;
    outline: none;
    box-sizing: border-box;
}
#modal-window .modal-box.cl-front-modal .modal-text {
    padding: 20px 20px 10px 20px;
}
#modal-window .modal-box.cl-front-modal .modal-text .atj-form-half {
    width: 100%;
    margin: 5px 0 0 0;
}
.comment-block .comment-block-in.level_2 {
    padding: 0 0 0 20px;
}
.comment-block .comment-block-in.level_3 {
    padding: 0 0 0 40px;
}
.comment-block .comment-block-in.level_4 {
    padding: 0 0 0 60px;
}
.comment-block .comment-block-in.level_5 {
    padding: 0 0 0 80px;
}
.calendar-key.couple .task-people-assigned.help-needed, 
.calendar-key.couple .task-people-assigned.needs-met, 
.calendar-key.couple .task-people-assigned.my-tasks {
    display: block;
    width: 100%;
}
.field.switch.sw-sm.switch-monthly .field-label {
    max-width: 170px;
}
}
/* ====================================================== */
/* MAX_400_PX                                             */
/* ====================================================== */
@media (max-width: 400px) {
/* ====================================================== */
/* CARELINES_MOBILE_TOP_CONTENT_BLOCK                     */
.ph-hidden-menu-in {
    padding: 10px 10px;
}
.ph-hidden-menu .ph-main-title h3 {
    line-height: 40px;
    padding: 2px 0 0 0;
    font-size: 30px;
    letter-spacing: -0.03em;
}
.patient-header-links > li {
    padding: 0 0 0 10px;
}
.ph-content-title > a {
    width: 70px;
    height: 70px;
    border-radius: 70px;
}
.ph-content-title h3 {
    font-size: 30px;
}
.ph-content-subtext p {
    margin: 0;
    padding: 0 0 1px 0;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
}
.ph-content-subtext li {
    font-size: 16px;
    line-height: 24px;
}
.ph-content-subtext li::before {
    top: 12px;
}
.carelines-patients-intro p a.content-button {
    padding: 10px 10px 12px;
}
.carelines-patients-search-box {
    padding: 0 15px 40px 15px;
}
.carelines-patients-header h4 {
    max-width: 70vw;
    font-size: 4.3vw;
    padding: 5px 0 20px 0;
}
/* ====================================================== */
/* CARELINES_MOBILE_TOP_MENU                              */
.com_carelines #care-top-menu > .container > .module.app-header-link {
    margin: 0 0 15px 20px;
    width: calc(100% - 20px);
    padding: 0;
}
/* ====================================================== */
/* CARELINES_PATIENT_DASHBOARD                            */
.dashboard_container > .big-box {
    max-width: 340px;
    margin: 0 auto;
}
.wider-boxes {
    flex-wrap: wrap;
    margin: 0;
}
.wider-boxes > .box {
    margin: 0 0 20px 0;
    width: 100%;
}
.narrow-boxes {
    margin: 0;
}
.narrow-boxes > .box {
    width: 100%;
    margin: 0 0 20px 0;
}
.body-app.view-story #mainbody > .container #content-area > div:not(.edit-mosaig-bg), 
.body-app.view-story #mainbody > .container #content-area > a, 
.body-app.view-photo #mainbody > .container #content-area #message-component, 
.body-app.view-photo #mainbody > .container #content-area > h2, 
.body-app.view-photo #mainbody > .container #content-area > p, 
.body-app.view-photo #mainbody > .container #content-area .other_image {
    padding-left: 20px;
    padding-right: 20px;
}
/* ====================================================== */
/* CARELINES_PATIENT_AREA                                 */
.body-app #mainbody > .container #content-area {
    padding: 15px 20px 15px 20px;
}
.sup-and-tasks .task-assigned-block .task-ab-supporter .task-abs-info {
    width: 100%;
    margin: 10px 0 5px;
}
.one-supporter-img {
    display: block;
    float: none;
    margin: 0 0 10px 0;
    padding: 0;
}
.one-supporter-info {
    width: 100%;
}
.calendar-volunteer .fc-toolbar .fc-left {
    padding: 12px 0 20px 0;
}
.calendar-volunteer .fc-toolbar .fc-right {
    padding: 12px 0 20px 0;
    float: left;
}
}
/* ====================================================== */
/* MAX_370_PX                                             */
/* ====================================================== */
@media (max-width: 370px) {
/* ====================================================== */
/* CARELINES_MOBILE_TOP_CONTENT_BLOCK                     */
.ph-container-content {
    padding: 20px 0 0 0;
}
.ph-content-title {
    padding: 0 15px;
}
.ph-content-subtext {
    padding: 0 15px;
}
.ph-content-subtext li {
    letter-spacing: -0.02em;
}
.carelines-patients-intro p a.content-button {
    padding: 10px 20px 12px;
    max-width: 220px;
}
/* ====================================================== */
/* CARELINES_PATIENT_AREA                                 */
.card-deck .main_patient_div {
}
.card-deck .container {
}
.card-deck .cant-find {
}
.carelines-patients-main-list {
    margin-bottom: 10px;
    padding: 0 5px !important;
}
.main_patient_div .card .card-img-top {
    width: 100%;
    height: 30vw;
}
.main_patient_div .card-block {
    padding: 8px 5px 10px 5px;
    height: auto;
    display: block;
    width: 100%;
}
.card-block .card-title {
    font-size: 18px;
    padding: 0;
    line-height: 20px;
    word-wrap: break-word;
}
.card-block .card-text {
    padding: 10px 5px 0 5px;
    height: initial;
    min-height: auto;
}
.card-block .card-counter {
    margin: 0;
    padding: 10px 0 0 0;
}
.card-block .card-counter .progress {
    margin-bottom: 2px;
}
.progress-value-number {
    margin: 0 7px 0 0;
    width: 100%;
    display: block;
    line-height: 17px;
}
.progress-value-text {
    font-size: 12px;
    line-height: 15px;
    display: block;
}
.masonry { 
  display: flex;
  flex-flow: column wrap;
  max-height: 800px;
  margin-left: -8px; /* Adjustment for the gutter */
  width: 100%;
}
.masonry-brick {
  margin: 0 8px 8px 0; /* Some gutter */
}
.grid-sizer {
    width: 33.333%;
}
/* ====================================================== */
/* CARELINES_SUPPORTER_AREA                               */
.calendar-volunteer .fc-toolbar .fc-left {
    padding: 0 0 10px 0;
}
.calendar-volunteer .fc-toolbar .fc-right {
    padding: 0 0 20px 0;
    float: left;
}
}
/* ====================================================== */
/* MAX_350_PX                                             */
/* ====================================================== */
@media (max-width: 350px) {
/* ====================================================== */
/* CARELINES_PATIENT_AREA                                 */
.ph-hidden-menu-in {
    padding: 10px 6px;
}
.patient-header-links > li {
    padding: 0 0 0 7px;
}
.ph-hidden-menu .ph-main-title h3 span {
    display: none;
}
.comment-block .comment-block-in.level_2 {
    padding: 0 0 0 15px;
}
.comment-block .comment-block-in.level_3 {
    padding: 0 0 0 30px;
}
.comment-block .comment-block-in.level_4 {
    padding: 0 0 0 45px;
}
.comment-block .comment-block-in.level_5 {
    padding: 0 0 0 60px;
}
}
/* ====================================================== */
/* MAX_330_PX                                             */
/* ====================================================== */
@media (max-width: 330px) {
/* ====================================================== */
/* CARELINES_PATIENT_AREA                                 */
.field.switch.sw-sm.switch-monthly .field-label {
    padding: 5px 0;
}
}