/* ==========================================================================
   FIO's custom styles
   ========================================================================== */
/* general */
a { text-decoration: none; }

body.show {
    opacity: 1;
}
body.show.busy {
    cursor: wait;
}

/* header */
.wrapper {
    padding-top: 70px;
}
.parallax {
    /*min-height: 400px;*/
}
.parallax_over {
    position: static;
}
.header {
    height: auto;
    padding: 10px 0px;
}
.header .secondary-links {
    text-align: right;
}
.header .secondary-links .forgot-password {
    float: right;
    padding: 6px 90px 10px;
}
@media only screen and (max-width:767px) {
    .header .secondary-links .forgot-password {
        clear: both;
        text-align: center;
        padding: 8px;
    }
}


.header2:after {
    clear:both;
}

.header .search-controls .row-wrapper {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.header .logo {
    margin: 10px 0px 20px 0px;
}
.header .secondary-links {
    margin-top: 20px;
}
.header h1 {
    font-size: 30px;
    line-height: 40px;
}
.header h3 {
    margin-top: 20px;
    margin-bottom: 40px;
}
.header .btn-info {
    border-width: 2px;
}
.header .form-control,
.header .form-group .demo5 select {
    height: 42px;
    font-size: 18px;
}
.header .input-group-btn .btn-secondary {
    width: 40px;
    height: 40px;
    font-size: 18px;
}

.header2 .ident {
    margin: 21px 10px 22px 20px;
}
.ident h4, .ident p {
    color: #fff;
}

.login-form input.form-control {
    height: 24px;
    font-size: 12px;
    border: none;
}
.login-form button.btn-sign-in {
    margin-bottom: 0px;
    font-weight: 300;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding-top: 2px;
    font-size: 12px;
    height: 24px;
    border-width: 1px;
}
.login-form input[name=username] {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
}

.errorlist.nonfield {
    text-align: center;
    padding: 0 20px 0 20px;
}
.errorlist li {
    list-style: none;
    font-weight: 600;
    color: red;
    /*line-height: 1px;*/
}

.sidenav-wrapper .sidenav a {
    font-weight: 300;
}


.text-blue {
    color: #008ee5 !important;
}
.text-grey {
    color: #686868 !important;
}
.text-green {
    color: #33e672 !important;
}
.text-white {
    color: #ffffff !important;
}
.text-size-14 {
    font-size: 14px !important;
}
.text-size-16 {
    font-size: 16px !important;
}
.text-size-18 {
    font-size: 18px !important;
}
.text-size-22 {
    font-size: 22px !important;
}
.text-size-24 {
    font-size: 24px !important;
}
.btn-default {
    background-color: #b1b2b2;
    border-color: #b1b2b2;
    color: #fff;
    border-radius: 100px;
    font-weight: 400;
    padding-left: 20px;
    padding-right: 20px;
}
.btn-default:hover, .btn-default:focus {
    outline: none !important;
    background-color: #a2a2a2;
    border-color: #b1b2b2;
    color: #fff;
    border-radius: 100px;
    font-weight: 400;
    padding-left: 20px;
    padding-right: 20px;
}
.btn-info-alt {
    background-color: #00458f;
    border-color: #00458f;
    color: #ffffff;
    border-radius: 100px;
    font-size: 16px;
    font-weight: 400;
    padding-left: 40px;
    padding-right: 40px;
}
.btn-info-alt:hover {
    color: #ffffff;
}

/* jquery ui stuff overrides */
.datepicker, .ui-datepicker {
    z-index:9999 !important
}

/* ==========================================================================
   CHARITY INDEX PAGE custom styles
   ========================================================================== */
.left-content {
}
.left-content .list-group {
    background: transparent;
    border-right: 1px solid #dddddd;
}
.left-content .list-group .list-group-item {
    padding: 15px;
    font-size: 1.15em;
    background: transparent;
    border: none;
}
.right-content {
    padding-left: 20px;
}
.right-content .row {
    margin-bottom: 16px;
}
.right-content .row .box-left {
    text-align: center;
}
.right-content .row h4 {
    margin-top: 0px;
}
/* ==========================================================================
   CHARITY SEARCH PAGE custom styles
   ========================================================================== */
.search-results-heading .we {
    padding-bottom: 30px;
}

.charity-registration-form-wrapper .input-row {
    padding-bottom: 10px;
}

.search-results-pagination {
    background: repeat url(../charities/images/contain-bg.jpg);
}

/* ==========================================================================
   CHARITY REGISTRATION/CLAIM PAGE custom styles
   ========================================================================== */
form .help-block li {
    list-style: none;
    color: #fff;
}
form .help-block.text-warning li {
    color: #33e672;
}

.confirmation-page {
    color: #ffffff;
    padding:40px;
    text-align: center;
}

.confirmation-page a {
    color: #33e672;
}

/* ==========================================================================
   CHARITY DASHBOARD PAGE custom styles
   ========================================================================== */
.black-banner .setup-steps {
    text-align: center;
}
.black-banner .setup-steps .setup-step {
    position: relative;
    display: inline-block;
    margin: 10px 20px;
}
.black-banner .setup-steps .setup-step:first-child {
    margin-left: 0px;
}
.black-banner .setup-steps .setup-step:last-child {
    /*margin-right: 0px;*/
}

.dash-column:first-child .box .tooltip-forward .tooltiptextforward {
    margin-left: -20px;
}
.dash-column:first-child .box .tooltip-forward .tooltiptextforward:after {
    margin-left: -69px;
}

.black-banner .setup-steps .setup-step .icon-completed {
    position: absolute;
    top: 15%;
    left: 40%;
    padding-left: inherit;
    padding-right: inherit;
    display: none;
}
.black-banner .setup-steps .setup-step .icon-completed i {
    color: #33e672;
}

.black-banner .setup-steps .setup-step.complete .icon-completed {
    display: block;
}
.black-banner .setup-steps .setup-step.complete .round,
.black-banner .setup-steps .setup-step.complete .caption { opacity: 0.15; }



/* ==========================================================================
   CHARITY ADMIN PROFILE PAGE custom styles
   ========================================================================== */
.profit.admin-profile,
.profit.donations-history {
    padding-bottom: 40px;
}
#charity-admin-profile-form .container {
    padding-left: 0px;
}

.profit.admin-profile .form-group {
    padding-bottom: 40px;
}
.profit.admin-profile .form-control {
    height: 42px;
}
.profit.admin-profile .input-row .form-group label {
    font-weight: 300;
    color: #686868;
    margin-top: 12px;
}
.profit.admin-profile .input-row .form-group .label-wrapper {
    text-align: right;
    height: 42px;
}
.profit.admin-profile .input-row .btn {
    font-size: 14px;
    font-weight: 400;
}
.profit.admin-profile .input-row.button-row {
    margin-top: 40px;
}


/* ==========================================================================
   CHARITY PROFILE PAGE custom styles
   ========================================================================== */

.mission.charity-profile {
    padding-bottom: 40px;
}
.docs .tooltip-forward .pop {
    margin-top: 7px;
}
.profit .media-body {
    padding-left:4px;
    padding-right: 16px;
}
.profit .demo select, .profit .demo2 select, .profit .demo3 select {
    width: 100%;
}
.profit .legal h4 {
    font-weight: 300;
    padding: 8px 0px 4px 0px;
}
.profit .legal h5 {
    margin-bottom: 20px;
}
.profit .legal .btn-doc-upload {
    font-weight: 400;
    font-size: 14px;
}

.mission input.form-control {
    border-radius: 0px;
    border: none;
    height: 42px;
}
.mission textarea.form-control {
    border-radius: 0px;
    border: none;
    font-size: 16px;
}

.charity-profile .media .image-wrapper {
    height: 150px;
    width: 150px;
    background-color: transparent;  /* #0f0f0f; */
    text-align: center;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    transition: 0.3s all;
}
.charity-profile .media .image-wrapper img {
    width: 100%;
    height: auto;
    transition: 0.3s all;
    margin-left: auto;
    margin-right: auto;
}
.charity-profile .media .image-wrapper i {
    display: none;
    position: absolute;
    top: 34%;
    left: 38%;
    cursor: pointer;
    font-weight: 200;
}
.charity-profile .media .image-wrapper:hover i {
    display: block;
}


.charity-profile .media .image-trigger-wrapper img {
    margin-left: auto;
    margin-right: auto;
}
.charity-profile .media .image-trigger-wrapper {
    margin-bottom: 10px;
}

.dz-trigger, .dz-featured-image-trigger, .dz-logo-trigger {
    cursor: pointer;
}

/* ------------------------------------------------------------ *\
	Button Dummy Favourite
\* ------------------------------------------------------------ */
.btn-dummy-favorite { text-decoration: none; }
.btn-dummy-favorite .text { font-size: 13px; color: #6e6e6e; }
.btn-dummy-favorite i { margin-right: 4px; font-size: 18px; color: #a9a9a9; transition: all .2s ease-out; }
.btn-dummy-favorite.active i,
.btn-dummy-favorite:hover i { color: #e63000; }


/* ==========================================================================
   CHARITY DONATIONS PAGE custom styles
   ========================================================================== */
#table-list_wrapper {
    padding:10px;
}
#table-list_wrapper .top {
    margin-bottom: 30px;
}
#table-list_wrapper .bottom {
    margin-top: 40px;
}
#table-list_info, #table-list_filter,
#table-list_length, #table-list_paginate {
    display: inline-block;
}
#table-list_filter,#table-list_paginate {
    float: right;
}
@media (min-width: 767px) {
    #table-list_filter input[type="search"] {
        width: 300px;
    }
}

#table-list_info {
    font-style: italic;
}
table#table-list thead, table#table-list tfoot {
    background-color: #008ee5;
    color: #fff;
}


/* ==========================================================================
   CHARITY MONTHLY UPDATES PAGE custom styles
   ========================================================================== */
.august .sidebar {
    background-color: #000;
    text-align: center;
    padding: 0px 10px;
}
.sidebar .extra-info {
    width: 80%;
    margin: 20px auto;
}
.sidebar .extra-info h3 {
    color: #fff;
}
.submit {

}
.submit .submit-wrapper {
    padding: 0px 20px 140px;
    height: 100%;
    min-height: 660px;
}

.media .media-body .text-body {
    overflow-y: hidden;
    -webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
}
.media .media-body .text-body.excerpt {
    max-height: 70px;
}

.media-roll {
    text-align: left;
    padding: 8px;
}
.media-roll .img-box {
    display: inline-block;
    position:relative;
    width: 50px;
    height: 50px;
}
.media-roll .img-box img { margin-top: 0px;}

.media-roll .img-box .media-deleter {
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
}

.media-roll .img-box:hover .media-deleter {
    display: block;
}

.sidebar .box .upload-progress {
    padding: 10px;
}

.list-explanation {
    margin-left: 10px;
}
.list-explanation li {
    padding: 10px 15px;
}

.side-explanation .info-box {
    padding: 20px;
    margin-bottom: 20px;
    background-color: #8cc3e2;
}
.info-box .list-explanation {
    margin-left: 5px;
}
.info-box h3, .info-box p, .info-box li {
    color: #0f0f0f;
}
/* ==========================================================================
   CHARITY NEEDS PAGE custom styles
   ========================================================================== */
.profit.needs {
    margin-top: 0px;
}
.profit label {
    font-weight: 500;
    font-size: smaller;
}
.profit .create-need-form-wrapper label {
    display:none;
}
.profit.needs input.form-control {
    border-radius: 0px;
    border: none;
    /* height: 42px; */
}
.profit.needs .btn {
    display: inline-block;
}
.profit.needs .btn-need-submit {
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    border-radius:100px;
    margin-left: 10px;
}
.profit textarea.form-control {
    height: auto;
}
.create-need-form-wrapper, .list-needs-wrapper {
    padding: 20px 40px;
}
.create-need-form-wrapper {
    padding-left: 20px;
}
.list-needs-wrapper .edit-need-trigger {
    cursor: pointer;
}
.list-needs-wrapper .need-detail-row {
    display: none;
}
.list-needs-wrapper .btn-need-edit-submit {
    border-radius: 100px;
}

/* ==========================================================================
   CHARITY INFO PAGES (FAQ, TOS, PP, ETC) custom styles
   ========================================================================== */
.faq-questions .faq-section-head {
    margin:40px 0px 20px;
}
.faq-questions {
    padding-bottom: 40px;
}

.faq-questions .panel-heading {
    padding: 0;
}

.faq-questions .panel-heading .panel-title {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    padding: 10px 15px;
}

.bold-blue {
    font-weight: 600;
    color: #008ee5;
}

.terms-of-service p, .privacy-policy p {
    padding: 16px;
}
ol.legal-clauses li {
    padding: 20px;
}
ol.nest-level-1 > li {
    list-style-type: upper-alpha;
}
ol.nest-level-2 > li {
    list-style-type: lower-roman;
}
ol.legal-clauses {
    list-style: none; counter-reset: li
}
ol.legal-clauses > li > .text-blue {
    font-size: 1.2em;
    padding: 20px 10px;
}
/* ol.legal-clauses { counter-reset: item; } */
ol.legal-clauses > li {
    /*list-style-type: decimal;*/
    font-weight: 500;
    counter-increment: li;

}
ol.legal-clauses > li:before {
    content: counter(li) ". ";
    display: inline-block; width: 1em;
    margin-left: -1em;
    color: #008ee5;
}

/* ==========================================================================
   CHARITY Modal and other universal component custom styles
   ========================================================================== */
.modal .modal-dialog {width: 380px;}

.modal  .modal-content {width:360px; border-radius:0px; inline-size: 360px; overflow-wrap: break-word;}

.modal  .modal-header {border-bottom:none; text-align:center;}

.modal .modal-title { font-size:23px; color:#686868; }

.modal-filename { font-size:20px; color:#686868; }

.modal  .modal-content .modal-body p {font-size:12px; text-align:left;}
.modal  .modal-content .modal-body .title { margin-top: 0px;}

.modal .modal-footer {border-top:none; text-align:center;}

.modal .btn-default {border-radius: 100px; font-size: 14px; line-height:10px; padding: 10px 16px; background-color:#b1b2b2; border-color:#b1b2b2; color:#FFFFFF;}

.modal .btn-default:hover {border-color:#33e672; color: #FFFFFF; background-color:#33e672;}
/*
.modal .btn-default:hover {border-color:#f44b39; color: #FFFFFF; background-color:#f44b39;}*/


/* ==========================================================================
   FOOTER custom styles
   ========================================================================== */
.footer .right-box > a {
    display: inline-block;
}
.footer .right-box {
    margin-top: 15px;
}


/* ==========================================================================
   RESPONSIVE styles
   ========================================================================== */

@media only screen and (max-width:767px) {

    .black-banner .setup-steps .setup-step {
        display: block;
        margin: 10px 0px;
    }
    .black-banner .setup-steps .setup-step .icon-completed {
        position: absolute;
        top: 13%;
        left: 47%;
    }

    .footer .middle-box, .footer .right-box {
        margin-top: 30px;
    }

}

@media only screen and (min-width:768px) {

    .footer .right-box .tos-privacy {
        float: right;
    }

}