html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
body{
    font-family: 'Lato', sans-serif;
    color:#413d4b;
    background: transparent;
    height: 100%;
    background: #fff;
    font-size: 14px;
}
html{
    height: 100%!important
}
.tar{
    text-align: right;
}
.tac{
    text-align: center;
}

p{
    color:#565656;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight:400;
    line-height: 1.4;
}
.m0{
    margin:0;
}
.p0{
    padding: 0;
}
.pl10{
    padding-left: 10px;
}
.pl15{
    padding-left: 15px;
}
.pr10{
    padding-right: 10px;
}
.pr15{
    padding-right: 15px;
}
.pr20{
    padding-right: 20px;
}
.pr30{
    padding-right: 30px;
}
.pl{
    padding-left: 20px;
}
a:hover,
a:focus,
a:active{
    text-decoration: none;
}
b,
strong{
    font-weight: 700;
}
h1, h2, h3, h4, h5, h6{
    font-weight:900;
}
.mb100{
    margin-bottom: 100px;
}
.mb20{
    margin-bottom: 20px;
}
h1{
    font-size: 30px;
    color:#151515;
    font-weight: 900;
}
h2{
    font-size: 32px;
    font-weight: 900;
    color:#004a8f;
}
h2 span{
    font-size: 16px;
}
h3{
    font-size: 16px;
    text-transform: uppercase;
    color:#151515;
    font-weight: 900;
    display: inline-block;
    margin-top: 2px;
}
h5{
    font-size: 18px;
    color:#151515;
    font-weight: 900;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/* header and top text  */

.navbar{
    background: #f4f4f4;
    margin:0;
    border:none;
}
.navbar-collapse {
    text-align: center;
    box-shadow: none;
}
.topRight {
    display: inline-block;
    float: right;
    text-align: left;
    margin-top: 0px;
    vertical-align: middle;
}
.topRight p{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 19px;
    color: #a8a8a8;
    text-align: right;
    margin-top: 7px;
    letter-spacing: 0.8px;
}
#menu {
    display: inline-block;
    vertical-align: middle;
    padding: 18px 0;
}
#menu ul {
    list-style: none;
}
#menu ul li {
    display: inline-block;
}
#menu a {
    color: #727272;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    padding: 14px 14px;
    /*border-bottom: 2px solid transparent;*/
    display: inline-block;
    text-align: center;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#menu a:after{
    content:'';
    display: inline-block;
    width: 0%;
    height: 3px;
    background: #004a8f;
    position: absolute;
    left:50%;
    transform: translate(-50%, 0);
    bottom: 0px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#menu a:hover,
#menu a.active {
    /*border-bottom: 2px solid rgb(0, 74, 143);*/
    font-weight: 700;
    color:#151515;
}
#menu a:hover:after,
#menu a.active:after{
    width: 55%;
}
.navbar-brand {
    height: auto;
    padding: 5px 15px;
    float: none;
    display: inline-block;
    vertical-align: middle;
}
.account-name{
    display: inline-block;
    vertical-align: middle;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    padding: 11px 0px;
    padding-left: 15px;
}
.account-name p{
    color:#151515;
    font-size: 20px;
    font-weight: 400;
}
.account-name p span{
    text-transform: uppercase;
    color:#727272;
    font-size: 12px;
    font-weight: 600;
}
.navbar-brand>img{
    width: 50px;
}
.navbar-header{
    padding: 15px 0;
}
.topRight ul{
    list-style: none;
    font-size: 0;
    display: inline-block;
}
.topRight li{
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
}
.topRight a {
    display: block;
    color: #121212;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 5px;
    border-radius: 30px;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.topRight a:hover{
    background-color: #e5e5e5;
}
.topRight a.smallText{
    font-size: 14px;
    padding: 4px 8px;
}
.topRight a.mediumText{
    font-size: 16px;
    padding: 6px 5px;
}
.topRight a.bigText{
    font-size: 18px;
    padding: 9px 3px;
}
.contrast-icon{
    width: 26px;
    height: 26px;
}
.cz-b{
    background: url(../img/cz-b.png) no-repeat center;
    background-size: contain;
}
.b-cz{
    background: url(../img/b-cz.png) no-repeat center;
    background-size: contain;
}
.cz-zol{
    background: url(../img/cz-zol.png) no-repeat center;
    background-size: contain;
}
.zol-cz{
    background: url(../img/zol-cz.png) no-repeat center;
    background-size: contain;
}
.topRight a.logout{
    /*background: url(../img/logout.png) no-repeat center;
    background-size: 18px;*/
    font-size: 20px;
    padding:0;
    border-radius: 0;/*
    width: 26px;
    height: 26px;*/
    margin-left: 15px;
}
.topRight a.logout:hover{
    background: none;
    color:#004a8f;
}

.main{
    padding: 30px 0;
}
.subText{
    color:#727272;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 7px;
}
.date{
    color:#454545;
    font-size: 12px;
    font-weight: 400;
}
.news-item .date{
    margin-bottom: 7px;
}
.person-img{
    width: 110px;
    height: 110px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}
.person-name{
    display: inline-block;
    width: calc(100% - 110px);
    vertical-align: middle;
    padding-left: 15px;
    padding-right: 130px;
    font-size: 16px;
}
.donate-profile{
    font-size: 0;
    position: relative;
    padding-left: 0;
    padding-bottom: 15px;
    padding-top: 20px;
}
.btn-round{
    color:#fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 17px;
    border-radius: 30px;
    background: #0057a9;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.btn-round:hover,
.btn-round:focus,
.btn-round:active{
    color:#fff;
    background: #203248;
}
.donate-profile .btn-round{
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0, -50%);
}
.total-funds{
    background: #f4f4f4;
    padding: 20px 20px;
}
.colFlex{
    -ms-flex: none;
    -webkit-flex: none;
    flex: none;
}
.rowFlex{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.page-links{
    background: #203248;
    text-align: center;
    padding: 39px 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.page-links:hover {
    background: #293f59;
}
.page-links ul{
    list-style: none;
}
.page-links li{
    display: inline-block;
    margin:0 35px;
}
.page-links a{
    color:#fff;
    font-size: 18px;
    font-weight: 400;
    padding: 5px 0;
    padding-left: 30px;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.edit-profile{
    background: url(../img/edit.png) no-repeat center left;
    background-size: 24px;
}
.edit-card{
    background: url(../img/edit-card.png) no-repeat center left;
    background-size: 24px;
}
.documents{
    background: url(../img/download.png) no-repeat center left;
    background-size: 24px;
}
.page-links a:hover{
    background-position: top left;
}
a.get-document{
    display: block;
    height: 100%;
    text-align: center;
    background: #0057a9;
    color:#fff;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    padding: 39px 10px;
}
a.get-document:hover{
    color:#fff;
}
a.get-document:after{
    content: '';
    border-right: 50px solid #004a8f;
    border-top:50px solid transparent;
    /*border-left:20px solid #004a8f;*/
    position: absolute;
    bottom:0;
    right: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a.get-document:hover:after{
    border-right: 80px solid #004a8f;
    border-top:80px solid transparent;
}
a.get-document span{
    background: url(../img/document.png) no-repeat center left;
    background-size: 24px;
    padding: 5px 0;
    padding-left: 30px;
    display: inline-block;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a.get-document:hover span{
    /*background-position: top left;*/
}
.news{
    padding: 35px 0;
}
.news-item{
    background: #f4f4f4;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    padding: 20px;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.news-item:hover {
    background: #f8f8f8;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}
.news-item:hover h5{
    color:#0057a9;
}

.history-section{
    padding: 35px 20px;
    background: #f4f4f4;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    margin-bottom: 50px;
}
.btn-blue{
    text-transform: uppercase;
    color:#0057a9;
    font-size: 12px;
    font-weight: 600;
    float: right;
    padding: 6px 11px;
    display: inline-block;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.btn-blue:hover{
    background: rgba(0, 0, 0, 0.05);
}
.title-section{
    margin-bottom: 30px;
}
.history-day{
    margin-bottom: 14px;
}
.history-day .date{
    border-bottom: 1px solid #cacaca;
    padding-bottom: 3px;
}
.history-item{
    font-size: 0;
    padding: 7px 0;
    font-size: 14px;
    border-bottom: 1px solid #cacaca;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.history-item:hover{
    background: rgba(0, 0, 0, 0.02);
}
.history-name{
    color:#151515;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    width: 70%;
    display: inline-block;
    vertical-align: top;
}
.history-funds,
.column-3{
    width: 30%;
    display: inline-block;
    vertical-align: top;
    color:#151515;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    text-align: right;
}
.history-funds span,
.column-3 span{
    font-size: 12px;
    font-weight: 400;
}
footer{
    background:#f4f4f4;
    padding: 30px 0;
}
footer p{
    color:#727272;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}
.news-left{
    padding-right: 15px;
}
.news-right{
    padding-left: 15px;
}
.navbar-toggle .icon-bar{
    background: #0057a9;
}
.logout .glyphicon{
    top:0;
}
.login-page{
    background: url(../img/login-bg.jpg) no-repeat center;
    background-size: cover;
    padding: 100px 0;
}

.login-box{
    background: #f4f4f4;
    max-width: 475px;
    margin:0 auto;
    padding: 55px 40px;
}
.register{
    max-width: 950px;
}
.login-box h1{
    text-align: center;
    color:#004a8f;
    font-weight: 700;
    margin-bottom: 50px;
}
.register h1{
    margin-bottom: 25px;
}
.register p{
    margin-bottom: 15px;
    text-align: center;
}
.register p.desc{
    margin-bottom: 35px;
}
form label{
    color:#121212;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    /*padding: 0 15px;*/
    margin-bottom: 5px;
    display: block;
}
form label.error {
    background: #e0e0e0;
    padding: 10px 15px !important;
    margin-top: 5px;
    color: #b10000;
    border-radius: 3px;
}
.login-box form label{
    padding: 0 15px;
}
.login-box form label.agree{
    text-transform: none;
    font-weight: 400;
    color: #565656;
    font-size: 12px;
}
.correspondence-address-show {
    margin-top: 36px;
    margin-left: 20px;
}
.correspondence-form{
    display: none;
    margin-top: 25px;
}
.correspondence-form.visible{
    display: block;
}
input[type="radio"], input[type="checkbox"]{
    margin-top: 3px;
}
.radio label, .checkbox label{
    font-weight: 700;
}
.radio label{
    padding-left: 0;
}
.form-group.radio .radio{
    padding-left: 20px;
}
form label span{
    float: right;
    color:#0057a9;
    text-transform: none;
    font-weight: 400;
}
.form-control{
    border-radius: 50px;
    padding: 19px 20px;
    background: #fff;
    border:1px solid #dbdbdb;
    height: auto;
    box-shadow: none;
    color:#121212;
}
.form-control:focus,
.form-control:active,
.form-control:focus:active{
    outline: none;
    box-shadow: none;
}
.register .form-control{
    padding: 14px 15px;
}
.p-legend{
    font-weight: 800;
    font-size: 16px;
    background: #e0e0e0;
    text-transform: uppercase;
    color: #014a8f;
    padding: 5px;
    border-radius: 3px;
}
.form-group{
    margin-bottom: 15px;
}
.input-group-addon{
    background-color: #eee;
    font-weight: 600;
    border: 1px solid #dbdbdb;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
.input-group-addon a{
    color:#0057a9;
}
.input-group-addon:first-child{
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}
.btn,
.btn-default{
    border-radius: 0;
    background: #0057a9;
    width: 100%;
    padding: 25px 15px;
    color:#fff;
    font-size: 18px;
    font-weight: 400;
    border: none;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.btn:after,
.btn-default:after{
    content:'';
    border-right: 45px solid #004a8f;
    border-top:45px solid transparent;
    position: absolute;
    bottom:0;
    right: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.btn:hover:after,
.btn-default:hover:after{
    border-right: 65px solid #004a8f;
    border-top:65px solid transparent;
}
/*.btn:hover,
.btn:focus,
.btn:active,
.btn-default:hover,
.btn-default:focus,
.btn-default:active{
    color:#fff;
    outline: none;
}*/
.btn:hover,
.btn-default:hover,
.btn:focus,
.btn-default:focus,
.btn:active,
.btn-default:active,
.btn:focus:active,
.btn-default:focus:active{
    background: #004382;
    border:none;
    color:#fff;
    outline: none;
}
.submit{
    margin-top: 50px;
    margin-bottom: 20px;
}
#gallery {
    padding: 30px;
    text-align: center;
    background: white;
    border: 1px solid #a7a7a7;
    border-radius: 5px;
}
.forgot-password{
    text-align: right;
}
.forgot-password a{
    color:#0057a9;
    font-weight: 700;
    font-size: 14px;
    text-decoration: underline;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.forgot-password a:hover{
    color: #203248;
}
.funds-table{
    width: 100%;
}
.fund-count{
    font-size: 24px;
    float: right;
}
.fund-count span {
    font-size: 14px;
}
.page-title h1{
    display: inline-block;
}
.page-title{
    margin-bottom: 30px;
    font-size: 18px;
}
.actions{
    background: #f4f4f4;
    padding: 10px;
    margin-bottom: 40px;
}
.actions a{
    color:#151515;
    font-size: 14px;
    font-weight: 700;
    margin:0 15px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.download{
    padding: 5px;
    padding-left: 25px;
    background: url(../img/download2.png) no-repeat center left;
    background-size: 20px;
}
.download:hover{
    background-position: bottom left;
}
.funds-table .glyphicon{
    color:#ccc;
    font-size: 11px;
}
.funds-table .sorting .glyphicon,
.funds-table a:hover .glyphicon{
    color:#0057a9;
}
/*.funds-table .caret{
    width: 20px;
    height: 15px;
    display: inline-block;
    background: url(../img/arrow.png) no-repeat center;
    background-size: contain;
}*/
.funds-table tr{
    border-bottom: 1px solid #dbdbdb;
}
.funds-table td,
.funds-table th{
    padding:10px 10px;
    font-size: 14px;
    text-transform: uppercase;
}
.funds-table th:last-child{
    text-align: right;
}
.funds-table td.column-3{
    width: auto;
    display: table-cell;
}
.funds-table th,
.funds-table th a{
    color:#454545;
    font-size: 12px;
    text-transform: uppercase;
}
.funds-table th a.sorting,
.funds-table th a.desc,
.funds-table th a.asc{
    font-weight: 700;
    color:#0057a9;
}
.funds-table td:first-child{
    width: 150px;
}
.message {
    text-align: center;
    padding: 10px;
    position: absolute;
    width: 100%;
    font-weight: 700;
    /*text-transform: uppercase;*/
}
p.success {
    padding: 10px;
    border-radius: 3px;
}
.message.success,
.message.error,
p.success {
    background: #00305e;
    color: white;
}
.account{
    background: #f4f4f4;
    padding: 50px 40px;
}
.account .subText{
    margin-bottom: 0;
}
.help-text{
    /*padding-left: 20px;*/
    display: block;
    margin-top: 2px;
}

.mainText{
    font-size: 20px;
    color: #000;
    margin-bottom: 20px;
}
.profile-page .btn-round{
    float: right;
}
.bottom-actions .btn{
    width: 48%;
    margin: 1%;
}
.btn-cancel{
    background: #a7a7a7;
}
.btn-cancel:after{
    display: none;
}
.bottom-actions{
    margin-top: 40px;
    font-size: 18px;
}
textarea.form-control {
    border-radius: 25px;
}
.news-item.node:hover{
    background: #f8f8f8;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}
.news-item.node h5 a{
    color: #151515;
}
.news-item.node h5 a:hover{
    color: #0057a9;
}
.news-item.node{
    margin-bottom: 15px;
}
.text-muted{
    color: #454545;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 10px;
}
.node-info {
    border-bottom: 2px solid #f4f4f4;
    padding-bottom: 10px;
}
.node-excerpt{
    color: #565656;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
}
.node ol {
    margin-left: 20px;
}
.btn-sm{
    width: auto;
    font-size: 14px;
    padding: 7px 15px;
}
.btn-sm:after{
    display: none;
}
.files-table {
    font-size: 14px;
    width: 100%;
    margin: 0 auto;
}
.files-table thead {
    font-size: 12px;
    text-transform: uppercase;
    border-bottom: 1px solid #dbdbdb;
}
.files-table thead th,
.files-table tbody td {
    padding: 10px 5px;
}
.files-table .small-icon img {
    width: 25px;
    vertical-align: middle;
    margin-right: 8px;
}
.files-table .link a {
    text-decoration: none;
    color: #004a8f;
    font-weight: 600;
}
.files-table .link a:hover {
    text-decoration: underline;
}
.recent-donation .subText{
    font-size: 12px;
    margin-bottom: 5px;
}
.recent-donation {
    margin-top: 15px;
}
.recent-donation h4{
    font-size: 14px;
}
.filter .form-group,
.filter button{
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}
.filter button{
    width: auto;
    padding: 8px 20px;
    font-size: 14px;
    border-radius: 50px;
    margin-bottom: 15px;
}
.filter button:after{
    display: none;
}
.filter .form-control {
    padding: 7px 15px;
}
.card-create{
    background: #f4f4f4;
    max-width: 760px;
    margin: 0 auto;
    padding: 55px 40px;
}
.card-create h1{
    text-align: center;
    color: #004a8f;
    font-weight: 700;
    margin-bottom: 50px;
}
.card-form{
    margin-top: 50px;
}
.card-create p{
    margin-bottom: 10px;
}
.file label{
    padding: 10px 15px;
    border: none;
    border-radius: 50px;
    background: #024b90;
    color: #fff;
    display: inline-block;
    margin-bottom: 0;
    cursor: pointer;
}
.file input{
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.file.form-group{
    margin-bottom: 5px;
}
#file-name,
#files-names{
    font-size: 14px;
    margin-bottom: 5px;
}
.preview-background{
    margin-bottom: 15px;
}
.dz-details img {
    margin-top: 5px;
}
.dz-details img:hover {
    cursor: pointer;
}






/* media queries */


@media (max-width:1199px){
    .page-links li {
        margin: 0 15px;
    }
    .person-img {
        width: 90px;
        height: 90px;
    }
    #menu a{
        padding: 14px 10px;
    }
    .donate-profile{
        padding-top: 30px;
    }
}


@media (max-width:991px){
    h1 {
        font-size: 25px;
    }
    .btn-round {
        padding: 8px 13px;
        font-size: 12px;
    }
    .person-name {
        width: calc(100% - 90px);
        padding-left: 10px;
        padding-right: 110px;
    }
    .total-funds {
        padding: 20px 20px;
    }
    h2 {
        font-size: 25px;
    }
    .subText {
        font-size: 12px;
        margin-bottom: 4px;
    }
    .page-links a {
        font-size: 16px;
        background-size: 20px;
        padding-left: 25px;
    }
    .page-links li {
        margin: 10px;
    }
    .page-links {
        padding: 15px 0;
    }
    a.get-document {
        font-size: 16px;
    }
    a.get-document span{
        background-size: 20px;
        padding-left: 0;
        padding-top: 25px;
        background-position: top center;
    }
    .news-item{
        margin-bottom: 20px;
    }
    .news-left,
    .news-right{
        padding: 0;
    }
    .history-name,
    .history-funds{
        width: 100%;
        text-align: left;
    }
    .container>.navbar-collapse{
        position: absolute;
        background: #f8f8f8;
        width: 100%;
        left: 0;
        margin: 0;
        text-align: left;
    }
    .funds-table td.column-3{
        text-align: right;
    }


    
}


@media (max-width:767px){
    #menu {
        display: block;
    }
    #menu ul li {
        display: block;
    }
    .topRight {
        display: block;
        float: none;
        margin:0;
        padding-top: 5px;
        border-top: 1px solid #ccc;
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: center;
    }
    #menu a {
        padding: 8px 14px;
        border:none;
    }
    #menu a:hover,
    #menu a.active{
        border:none;
    }
    #menu a:after{
        display: none;
    }
    .container>.navbar-collapse{
        padding: 15px;
        box-shadow: 0 2px 14px rgba(0, 0, 0, 0.13);
        text-align: center;
    }
    .navbar-header {
        position: relative;
        z-index: 100;
        background: #f4f4f4;
    }
    .topRight ul{
        display: block;
        margin: 10px 0;
    }
    .topRight a.logout{
        margin-left: 0;
        padding: 8px;
        text-align: center;
        background: #0057a9;
        color: #fff;
    }
    .topRight a.logout:hover{
        background: #203248;
        color: #fff;
    }
    .log-out li{
        display: block;
    }
    .total-funds{
        text-align: center;
    }
    .pr30{
        padding-right: 0;
    }
    .history-funds {
        width: 30%;
        text-align: right;
    }
    .history-name {
        width: 70%;
    }
    .funds-table td:first-child {
        width: auto;
    }
    .donate-profile{
        padding-top: 0;
    }
    .mainText {
        font-size: 18px;
    }
    .filter .form-group, .filter button{
        margin-bottom: 5px;
    }
    .card-create{
        padding: 45px 30px;
    }
    .topRight p{
        text-align: center;
    }
}

@media (max-width:520px){
    h1 {
        font-size: 20px;
    }
    .person-img {
        width: 70px;
        height: 70px;
    }
    .person-name {
        width: calc(100% - 70px);
    }
    .btn-round {
        padding: 5px 10px;
    }
    .fund-count {
        font-size: 18px;
    }
    .fund-count span {
        font-size: 13px;
    }
}

@media (max-width:480px){
    .donate-profile .btn-round {
        position: relative;
        right: 0;
        top: 0;
        transform: none;
        margin-top: 15px;
    }
    .person-name{
        padding-right: 0;
        text-align: left;
    }
    .donate-profile{
        text-align: center;
    }
    .account-name p {
        font-size: 16px;
    }
    .account-name p span {
        font-size: 11px;
    }
    .navbar-brand {
        padding: 5px 10px;
        margin-right: 0px;
        padding-right: 5px;
    }
    .account-name{
        padding-left: 10px;
    }
    .btn-blue{
        float: none;
        padding: 5px 7px;
        background: rgba(0, 0, 0, 0.05);
    }
    h3{
        margin-bottom: 10px;
        display: block;
    }
    .login-box{
        padding: 45px 30px;
    }
    .login-box form label{
        padding: 0 10px;
    }
    .login-page{
        padding: 20px 0;
    }
    .actions a {
        font-size: 14px;
        margin: 5px 3px;
    }
    .download {
        padding: 2px;
        padding-left: 15px;
        background-size: 14px;
    }
    .bottom-actions .btn {
        width: 100%;
        margin: 5px 0;
    }
    .profile-page .btn-round {
        float: none;
        margin-top:10px;
    }
    .profile-page h1{
        display: block;
    }
    .account {
        padding: 20px 15px;
    }
    .mainText {
        font-size: 14px;
        word-break: break-word;
    }
    .account .input-group-addon {
        padding: 6px 5px;
    }
    .account #slug.form-control {
        padding: 19px 5px;
    }
    .help-text{
        /*padding-left: 10px;*/
    }
    .card-create{
        padding: 30px 20px;
    }
    .card-form .input-group-addon{
        padding: 6px 5px;
    }
    .card-form .form-control{
        padding: 19px 5px;
    }


}

@media (max-width:350px){
    .login-box{
        padding: 30px 25px;
    }
    .login-box h1{
        margin-bottom: 30px;
    }
    .submit {
        margin-top: 20px;
    }
    .fund-count {
        margin-top: 15px;
        float: none;
    }
}

/*** UŁATWIENIA DOSTĘPU ROZMIAR CZCIONKI */

body.fontMedium h1,
body.fontMedium h2,
body.fontMedium li,
body.fontMedium label,
body.fontMedium input,
body.fontMedium button,
body.fontMedium a,
body.fontMedium h3,
body.fontMedium h4,
body.fontMedium h5,
body.fontMedium h6,
body.fontMedium span,
body.fontMedium p,
body.fontMedium small,
body.fontMedium #file-name, 
body.fontMedium #files-names,
body.fontMedium select,
body.fontMedium table td,
body.fontMedium table th,
body.fontMedium .text-muted,
body.fontMedium .node-excerpt,
body.fontMedium .node-body
{
    font-size: 120%!important;
}

body.fontMedium .topRight a,
body.fontMedium .donate-profile .btn-round {
    font-size: 24px !important;
}

body.fontLarge h1,
body.fontLarge h2,
body.fontLarge li,
body.fontLarge label,
body.fontLarge input,
body.fontLarge button,
body.fontLarge a,
body.fontLarge h3,
body.fontLarge h4,
body.fontLarge h5,
body.fontLarge h6,
body.fontLarge span,
body.fontLarge p,
body.fontLarge small,
body.fontLarge #file-name, 
body.fontLarge #files-names,
body.fontLarge select,
body.fontLarge table td,
body.fontLarge table th,
body.fontLarge .text-muted,
body.fontLarge .node-excerpt,
body.fontLarge .node-body
{
    font-size: 150%!important;
}

body.fontLarge .topRight a,
body.fontLarge .donate-profile .btn-round  {
    font-size: 36px !important;
}

/*** UŁATWIENIA DOSTĘPU KONTRAST */

body.specialColor2,
body.specialColor4 {
    background: #000!important;
    color: #fff!important;
}



body.specialColor2 h1,
body.specialColor2 h2,
body.specialColor2 a,
body.specialColor2 h3,
body.specialColor2 span,
body.specialColor2 label,
body.specialColor2 h4,
body.specialColor2 h5,
body.specialColor2 h6,
body.specialColor2 p,
body.specialColor2 small,
body.specialColor2 .form-control,
body.specialColor2 .text-muted,
body.specialColor2 .node-excerpt,
body.specialColor2 input::placeholder,
body.specialColor2 .funds-table th,
body.specialColor2 table,
body.specialColor2 .column-3
{
    color: #fff!important;
}

body.specialColor4 a.get-document,
body.specialColor2 a.get-document,
body.specialColor4 .login-page,
body.specialColor2 .login-page,
body.specialColor2 .btn, 
body.specialColor2 .btn-default,
body.specialColor4 .btn, 
body.specialColor4 .btn-default,
body.specialColor4 .btn-cancel,
body.specialColor2 .btn-cancel,
body.specialColor2 .file label,
body.specialColor4 .file label,
body.specialColor4 .btn:focus:active,
body.specialColor2 .btn:focus:active
{
    background: #000!important;
}

body.specialColor4 .navbar,
body.specialColor2 .navbar,
body.specialColor4 .login-box,
body.specialColor2 .login-box,
body.specialColor4 footer,
body.specialColor2 footer,
body.specialColor4 .page-links,
body.specialColor2 .page-links,
body.specialColor4 .total-funds,
body.specialColor2 .total-funds,
body.specialColor4 .history-section,
body.specialColor2 .history-section,
body.specialColor4 .news-item,
body.specialColor2 .news-item,
body.specialColor4 .btn-round,
body.specialColor2 .btn-round,
body.specialColor4 a.get-document:after,
body.specialColor2 a.get-document:after,
body.specialColor4 .account,
body.specialColor2 .account,
body.specialColor2 .container>.navbar-collapse,
body.specialColor4 .container>.navbar-collapse,
body.specialColor4 .navbar-header,
body.specialColor2 .navbar-header,
body.specialColor2 .panel-default>.panel-heading,
body.specialColor4 .panel-default>.panel-heading,
body.specialColor4 .note-editor.note-airframe .note-statusbar, 
body.specialColor4 .note-editor.note-frame .note-statusbar,
body.specialColor2 .note-editor.note-airframe .note-statusbar, 
body.specialColor2 .note-editor.note-frame .note-statusbar,
body.specialColor2 .form-control,
body.specialColor4 .form-control,
body.specialColor4 .actions,
body.specialColor2 .actions,
body.specialColor2 .filter button,
body.specialColor4 .filter button
{
    background: #231f20 !important;
    border: #000;
}

body.specialColor4,
body.specialColor4 h1,
body.specialColor4 h2,
body.specialColor4 a,
body.specialColor4 h3,
body.specialColor4 span,
body.specialColor4 label,
body.specialColor4 h4,
body.specialColor4 h5,
body.specialColor4 h6,
body.specialColor4 p,
body.specialColor4 .btn,
body.specialColor4 small,
body.specialColor4 .form-control,
body.specialColor4 .text-muted,
body.specialColor4 .node-excerpt,
body.specialColor4 input::placeholder,
body.specialColor4 .funds-table th,
body.specialColor4 table,
body.specialColor4 .column-3
{
    color: #ffff00 !important;
}


body.specialColor2 #menu a:after,
body.specialColor2 .navbar-toggle .icon-bar {
    background: #fff!important;
}

body.specialColor4 .message.success, body.specialColor4 .message.error,
body.specialColor2 .message.success, body.specialColor2 .message.error,
body.specialColor4 .topRight a:hover,
body.specialColor2 .topRight a:hover,
body.specialColor4 .note-editor.note-airframe .note-editing-area .note-editable, 
body.specialColor4 .note-editor.note-frame .note-editing-area .note-editable,
body.specialColor2 .note-editor.note-airframe .note-editing-area .note-editable, 
body.specialColor2 .note-editor.note-frame .note-editing-area .note-editable,
body.specialColor2 .filter .form-control,
body.specialColor4 .filter .form-control,
body.specialColor3 #menu a:after,
body.specialColor3 .navbar-toggle .icon-bar
{
    background-color: #000!important;
}

body.specialColor4 .navbar-toggle .icon-bar,
body.specialColor4 #menu a:after,
body.specialColor3 footer,
body.specialColor3 .login-box,
body.specialColor3 .navbar,
body.specialColor3 .page-links,
body.specialColor3 .total-funds,
body.specialColor3 .history-section,
body.specialColor3 .news-item,
body.specialColor3 .btn-round,
body.specialColor3 a.get-document:after,
body.specialColor3 .account,
body.specialColor3 .container>.navbar-collapse,
body.specialColor3 .navbar-header,
body.specialColor3 .panel-default>.panel-heading,
body.specialColor3 .note-editor.note-airframe .note-statusbar,
body.specialColor3 .note-editor.note-frame .note-statusbar, 
body.specialColor3 .form-control,
body.specialColor3 .actions,
body.specialColor3 .filter button
{
    background: #ffff00 !important;
}

body.specialColor3,
body.specialColor3 .login-page,
body.specialColor3 a.get-document,
body.specialColor3 .login-page,
body.specialColor3 .btn, 
body.specialColor3 .btn-default,
body.specialColor3 .btn-cancel,
body.specialColor3 .file label,
body.specialColor3 .btn:focus:active,
body.specialColor3 .input-group-addon,
body.specialColor3 .note-editor.note-airframe .note-editing-area .note-editable, 
body.specialColor3 .note-editor.note-frame .note-editing-area .note-editable,
body.specialColor3 .filter .form-control,
body.specialColor3 .message.success, 
body.specialColor3 .message.error
{
    background: #ffe400!important;
}

body.specialColor3 .topRight a:hover{
    background-color: #ffe400!important;
}

body.specialColor3,
body.specialColor3 footer,
body.specialColor3,
body.specialColor3 h1,
body.specialColor3 h2,
body.specialColor3 a,
body.specialColor3 h3,
body.specialColor3 span,
body.specialColor3 label,
body.specialColor3 h4,
body.specialColor3 h5,
body.specialColor3 h6,
body.specialColor3 p,
body.specialColor3 .btn,
body.specialColor3 small,
body.specialColor3 .form-control,
body.specialColor3 .text-muted,
body.specialColor3 .node-excerpt,
body.specialColor3 input::placeholder,
body.specialColor3 .funds-table th,
body.specialColor3 table,
body.specialColor3 .column-3
{
    color:#000!important;
}



body.specialColor4 .topRight a.logout:hover,
body.specialColor2 .topRight a.logout:hover,
body.specialColor3 .topRight a.logout:hover
{
    background: none!important;
}

body.specialColor2 .account-name,
body.specialColor4 .account-name,
body.specialColor3 .account-name
{
    border-left: 1px solid #000!important;
}

body.specialColor2 .input-group-addon,
body.specialColor4 .input-group-addon{
    background-color: #000!important;
    border-color: #fff!important;
}
body.specialColor4 .input-group-addon,
body.specialColor4 .funds-table tr,
body.specialColor4 .files-table thead,
body.specialColor4 .history-day .date,
body.specialColor4 .history-item{
    border-color: #ffff00!important;
}

body.specialColor3 a.get-document:after{
    border-color: #ffe400!important;
}

body.specialColor4 .form-control,
body.specialColor4 .note-editor.note-airframe, 
body.specialColor4 .note-editor.note-frame{
    border: 1px solid #ffff00!important;
}

body.specialColor2 .form-control{
    border: 1px solid #fff!important;
}

body.specialColor3 .input-group-addon,
body.specialColor3 .funds-table tr,
body.specialColor3 .files-table thead,
body.specialColor3 .history-day .date,
body.specialColor3 .history-item,
body.specialColor3 .form-control,
body.specialColor3 .note-editor.note-airframe, 
body.specialColor3 .note-editor.note-frame{
    border-color: #000!important;
}



@media (max-width: 767px){
    .topRight {
        border-top: 1px solid #000!important;
    }
    body.specialColor2 .topRight a.logout,
    body.specialColor4 .topRight a.logout{
        background: #000!important;
    }
    body.specialColor3 .topRight a.logout{
        background: #ffe400!important;
    }
}