/*
    design.css
*/

body {
    color: #000000;
    margin: 0;
    padding: 0;
    min-height: 90%;
    background: #FFFFFF url("/images/environments/maakcapelle/background/background.png") repeat;
	overflow-y: scroll;
}

.bodynoscroll
{
    overflow: hidden;
}

/*body, table, td, th, input, textarea, select, p.small {color: #3c3c3b; font-family: var(--main-title-font-family);, Verdana; font-size: 11px; font-style: normal;}*/
body, table, td, th, input, textarea, select, p.small {color: #3c3c3b; font-family: "Montserrat"; font-size: 11pt; font-style: normal;}
input, textarea, select {line-height: 1.3; overflow: visible; box-sizing: border-box;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}

/*
 * Defaults.
*/
h1, h2, h3, h4, h5, h6 {}
h1, h2, h3, h4, h5, h6      {font-weight: normal; font-family: var(--main-title-font-family); margin: 0; padding: 0;}
h1, .h1              {color: #404041; font-size: 32px; padding-top: 5px;}
h2, .h2              {font-size: 28px;}
h3, .h3              {font-size: 24px;}
h4, .h4              {font-size: 22px;}
h5, .h5              {font-size: 20px;}
h6, .h6              {font-size: 18px;}
fieldset        {border: 0 none; margin: 0; padding: 0;}
fieldset legend {display: none;}
hr              {border: 0; margin-top: 10px; margin-bottom: 10px; height: 2px; background-color: #E5E5E5;}
input           {padding: 0 5px 0 5px; height: 22px;}
input[type=checkbox] {height: inherit;}
option          {padding: 5px 10px 5px 5px;}
a, .a           {color: #000001; /*text-decoration: none;*/}
.a              {cursor: pointer;}
a:hover, a:focus, .a:hover, .a:focus    {color: #000002; outline: 1px dashed #000002; /*text-decoration: underline;*/ }
table           {font-size: 20px;}
table td        {padding: 0;}
th              {display: none; text-align: left; font-weight: bold; padding-bottom: 10px;}
th.v            {display: table-cell; text-align: left; font-weight: bold; padding-bottom: 10px;}
/*b, strong       {color: #404041; font-weight: 600;}*/
p               {color: #3c3c3b; font-family: "Montserrat"; font-size: 11pt;}
ul li           {line-height: 20pt;}
em              {font-style: italic;}
.tooltip2023    {font-style: italic;}
.strong         {font-weight: bold;}
.italic         {font-style: italic;}

.visually-hidden
{
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

input.textInput, select {
    background-color: #FFFFFF;
    border: 1px solid #918D8D;
    border-radius: 2px;
    color: #404041;
    font-family: "Montserrat";
    font-size: var(--main-default-font-size2);
    line-height: 30px;
    height: 30px;
	max-width: 100%;
}

input.textInput {display: block;}
select {display: inline;}

textarea
{
    background-color: #FFFFFF;
    border: 1px solid #918D8D;
    border-radius: 2px;
    color: #404041;
    display: block;
    font-family: "Montserrat";
    font-size: var(--main-default-font-size2);
    line-height: 21px;
    height: 118px;
    padding: 5px;
}

#formMain {clear: both;}

.donationFormTable textarea
{
    font-size: 10pt;
    line-height: 23px !important;
}

input.readonly, textarea.readonly, .readonly, .textInput:readonly, textarea:readonly
{
    background-color: #DDDDDD;
}

.textInput:disabled, textarea:disabled
{
    background-color: #DDDDDD;
}

.bold
{
    font-weight: bold;
}

/*
 * Main styling.
*/

#page
{
    background: #FFFFFF;
    padding-bottom:18px;
    padding-top: 0;    
    overflow-x: hidden;
}

.mainbody
{
    background: #F5F5F5;
}

#layout {margin: 0 auto; position: relative; width: 100%;}

#headerWrapper {margin: 0 24px; padding-top: 11px;}
#header {height: 249px; position: relative;}

/*
 * Logo's left top.
*/
#logoWrapper img {display: block; height: 165px;}
#logoWrapper a {display: block; height: 165px; width: 495px;}
#logoWrapper span {display: none;}
#logoWrapper div {width: 495px; position: absolute;}

/*
 * Navigation top center.
*/
#mainNav {color: #E22C2A;}
#siteNav {margin-left: 370px; position: relative;}
#siteNavTitle h1 {margin: 0; font-size: 28px;}
#siteMenu {list-style: none outside none; margin: 0; padding: 0 10px 0 0; height: 19px;}
#siteMenu li {float: left; margin: 3px 20px 0 0; padding-left: 20px;}
#siteMenu li a {display: block; line-height: 12px; color: #E22C2A;}
#siteMenu li a:hover {}

/*
 * Money drawings.
*/
#moneyWrapper {margin: 17px 0 0 300px; position: relative;}
#moneyWrapper div {width: 188px; height: 88px; position: absolute;}

/*
 * Tabs.
*/
#tabsWrapper {display: block;}
#tabs {background: transparent; margin-top: -38px; padding-left: 40px; position: relative;}
#tabs a {color: #ffffff; font-family: "Montserrat"; font-size: 14pt; line-height: 35px; padding: 0 25px 10px 25px; text-decoration: none;}
#tabs a:hover {color: #404041;}
#tabs fieldset {margin-left: 10px;}
#tabs ul {list-style: none outside none; margin: 0 0 0 10px; padding: 0;}
#tabs li {box-shadow: none; float: left; height: 38px; margin-right: 8px; background-color: #000007; padding: 0;}
#tabs li:hover {background-color: #EBECEB;}
#tabs li.green {background-color: #000004;}
#tabs li.green:hover {background-color: #EBECEB;}
#tabs li.green.active:hover {background-color: #EBECEB;}
#tabs li.active {background-color: #EBECEB;}
#tabs li.active a {color: #404041;}
#tabs .box {border-radius: 3px 3px 0 0;}


/*
 * Site content.
*/
#contentArea {padding-left: 40px; padding-right: 40px; padding-top: 19px;}
#contentArea .informationPage a
{
    color: #000008;
    text-decoration: underline;
}
#contentArea .informationPage a:hover, #contentArea .informationPage a:focus, #contentArea .informationPage a:active
{
    color: #000009;
    display: inline-block;
    transform: translateY(-2px);
}

#sideBarWrapper a { /*text-decoration: none;*/ }
#sideBarWrapper a:hover, #sideBarWrapper a:focus, #sideBarWrapper a:active {outline: 1px dashed #000002; /*text-decoration: underline;*/}
#contentArea a.red {}
#contentArea a.redlink {}
#contentArea a.redlink:hover, #contentArea a.redlink:focus, #contentArea a.redlink:active {}
#contentArea span.redlink {color: #000004 !important; cursor: pointer; text-decoration: underline;}
#contentWrapper {display: block; position: relative; top: -7px; z-index: 1;margin-bottom: 10px; padding-top: 0; padding-right: 0;}
#MainPage #contentWrapper {padding-top: 0;}
.contentBox p {font-size: 11pt !important; line-height: 16pt  !important;}
.contentBox li, .list li {font-size: 11pt !important; line-height: 16pt  !important;}

a.activityboxlink, a.NewsMainPage, a.ActivityReportMainPage
{
    text-decoration: none;
}

a.activityboxlink:active, a.activityboxlink:focus, a.activityboxlink:hover
, a.NewsMainPage:active, a.NewsMainPage:focus, a.NewsMainPage:hover
, a.ActivityReportMainPage:active, a.ActivityReportMainPage:focus, a.ActivityReportMainPage:hover
{
    border:none !important;
    text-decoration: none;
}
a.activityboxlink:active .activity, a.activityboxlink:focus .activity, a.activityboxlink:hover .activity
, a.NewsMainPage:active .MainPageBox, a.NewsMainPage:focus .MainPageBox, a.NewsMainPage:hover .MainPageBox
, a.ActivityReportMainPage:active .MainPageBox, a.ActivityReportMainPage:focus .MainPageBox, a.ActivityReportMainPage:hover .MainPageBox
{
    background-color: #EEEEEE;
    border: 1px solid #000000;
}

#activityContributionContainer {margin-left: -10px;}

/*
 * Sidebars.
*/
#sideBarWrapper {background: none; display: block; float: right; padding-top: 47px; padding-right: 40px; position: relative; top: -7px; z-index: 2; padding-left: 0;}
#sideBarWrapper a {color: #404041;}
#sideBarWrapper p {color: #404041; line-height: 24px;}
#sideBarWrapper .content {background: #EBECEB; padding-bottom: 0; padding-top: 0;}
#sideBarWrapper .box {margin-bottom: 0; padding-left: 15px; padding-right: 15px; border-radius: 0;}
#sideBarWrapper h1, #sideBarWrapper .h1 {color: #404041;  font-family: "Montserrat"; font-weight: 700; font-size: 12pt; margin-bottom: 5px;}
#sideBarWrapper input.textInput {color: #404041; font-family: "Montserrat"; font-size: 11pt; height: 27px; line-height: 27px; margin: 3px 0 3px 0; width: 99%;}
#sideBarActivateCheque input.textInput {width: 181px;}
#sideBarActivateCheque .greenButton {font-family: "Montserrat"; font-size: 9pt; height: 27px; line-height: 27px; margin-right: 10px; margin-top: -31px; padding: 0; width: 92px;}
#sideBarLogin {}
#sideBarLogin div.error {clear: both; font-size: 11pt; margin-top: 10px;}
#sideBarLogin a {font-family: "Montserrat"; font-size: 11pt;}
#sideBarWrapper div.blockButtons {height: 22px; padding-top: 5px;}
#sideBarWrapper input.button {float: right;}
#sideBarMoney {cursor: pointer; line-height: 30px;}
#sideBarMoney div.balanceText {color: #404041; float: right;  font-family: "Montserrat"; font-weight: 700; font-size: 11pt;}
#sideBarMoney #formUserBalance {margin-bottom: 0;}

#sideBarWrapper div.message {margin-top: 10px;}
#loginDialog div.error {margin-top: 10px;}
#sideBarWrapper ul {list-style: none; padding: 0;}
#sideBarWrapper li {color: #404041; font-family: "Montserrat"; font-size: var(--main-default-font-size2); line-height: 20px;}
#sideBarWrapper ul li a {color: #404041; font-family: "Montserrat"; font-size: var(--main-default-font-size2); text-decoration: none;}
#sideBarWrapper a:hover {}

#formLoginForActivityCreate .error
{
    clear: both;
    height: 50px;
}

.modal-AccountConsents span {display: block;}
.modal-AccountConsents span input {float: left; margin-top: 3px;}
.modal-AccountConsents span label {cursor: pointer; float: left; padding: 5px 20px 0 5px;}

/*
 - Page footer.
*/
#pageFooter {clear: both; vertical-align: top; margin: 5px 0 0 20px; color: #fff; font-size: 13px; padding: 10px 45px 45px 45px;}
#pageFooter span {float: left; margin-right: 30px;}
#pageFooter a, #pageFooter a:hover, #pageFooter a:visited, #pageFooter a:active {border: 0; color: #fff;}
#pageFooter img {border: 0; max-width: 100%;}
#pageFooter a:hover img, #pageFooter a:focus img {outline: 1px dashed #000002; /*border: 1px solid #000000;*/}
.footerTitle {color: #000007; font-family: "Montserrat"; font-size: 14pt; font-weight: 600; height: 30px; padding-bottom: 40px;}
#partners {float: left;}
#mogelijkgemaaktdoor {float: left; margin-top: 50px; width: 100%;}

/*
 - Sidebar social media.
*/
#sideBarSocial {padding: 5px 0 3px 5px;}
#sideBarSocial p {font-family: "Montserrat"; font-size: 11pt;}
#sideBarSocial table {overflow: hidden; table-layout: fixed;}
#sideBarSocial table.left {float: left;}
#sideBarSocial table.right {float: right;}
#sideBarSocial table td {padding-right: 3px; padding-top: 2px;}
#sideBarSocial img {border: 0; width: 32px;}
#sideBarSocial a {border: 1px solid #404041; color: #404041; display: inline-block; padding: 6px 10px 5px 9px; text-align: center; width: 40px;}

/*
 - Sidebar stay informed.
*/
#sideBarStayInformed {padding: 5px 0 3px 5px;}
#sideBarStayInformed p, #sideBarSocial ul li {font-family: "Montserrat"; font-size: 11pt;}
#sideBarStayInformed select {color: #404041; font-family: "Montserrat"; font-size: 11pt; height: 27px; line-height: 27px; margin: 3px 0 3px 0; width: 99%;}
#sideBarStayInformed input.button {float: left; margin-left: 0; margin-top: 5px;}
li.SelectedRegion {cursor: pointer;}
#newsStayInformedWrapper #SubmitStayInformed {clear: both; margin-left: 0; margin-top: 10px;}
#newsStayInformedWrapper #SelectRegion {width: 211px;}

/*
 - Page overlay.
*/
#pageOverlay {cursor: wait; z-index: 1001;}

/*
 - Footer for test environment.
*/
#footerTestEnvironment {color: #EE0000; text-transform: uppercase; float: right; padding: 0 5px 0 0;}

/*
 - Classes
*/
.box {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

.greenColor {color: #000007;}
.button {border: 0; border-radius: 4px; cursor: pointer; font-family: "Montserrat"; font-size: 18px; height: 36px; line-height: 36px; padding: 0 15px 3px 15px; -webkit-appearance: none;
}
.button.box.greenButton, a.button.box.greenButton
{
    background-color: #000001; border: 0 none; border-radius: 4px; color: #ffffff; cursor: pointer;  font-family: "Montserrat"; font-weight: 700; font-size: 11pt; height: 28px; line-height: 28px; margin: 5px 0 0 0; padding: 0 10px 0 10px; text-decoration: none; text-transform: uppercase;
}
.button.box.greenButton:hover, .button.box.greenButton:focus, a.button.box.greenButton:hover, a.button.box.greenButton:focus
{
    background-color: #000002;
    text-decoration: underline;
}
a.button.box.greenButton {display: inline-block;}
.button.box.redButton {background-color: #000004; border: 0 none; border-radius: 4px; color: #ffffff; cursor: pointer;  font-family: "Montserrat"; font-weight: 700; font-size: 11pt; height: 28px; line-height: 28px; margin: 5px 0 0 0; padding: 0 10px 0 10px; text-transform: uppercase;}
.button.box.blackButton {background-color: #000000; border: 0 none; border-radius: 4px; color: #ffffff; cursor: pointer;  font-family: "Montserrat"; font-weight: 700; font-size: 11pt; height: 28px; line-height: 28px; margin: 5px 0 0 0; padding: 0 10px 0 10px; text-transform: uppercase;}
.newButton {background-color: #000007; border: 0 none; border-radius: 4px; color: #ffffff; cursor: pointer;  font-family: "Montserrat"; font-weight: 700; font-size: 11pt; height: 28px; line-height: 28px; margin: 0; padding: 0 10px 0 10px; text-transform: uppercase;}
.newButton:hover {text-decoration: underline;}
.buttonClick {padding: 0 14px 0 16px;}
.smallbutton {border: 0; border-radius: 4px; cursor: pointer; font-family: "Montserrat"; font-size: 14pt; height: 30px; line-height: 30px; width: 75px;}
.greenButton {color: #FFFFFF; background-color: #000007;}
.greenButton:hover {background-color: #000004;}
.greenReverseButton {background-color: transparent; color: #000007; float: left !important;  font-family: "Montserrat"; font-weight: 700; font-size: 11pt; text-transform: uppercase;}
.redButton {color: #FFFFFF; background-color: #000004; margin-left: 5px;}
.purpleReverseButton {color: #FFFFFF; background-color: #000004; margin-left: 5px;}
.redButton:hover {background-color: #000007; text-decoration: underline;}
.redReverseButton {background-color: transparent; color: #000004; float: left !important;  font-family: "Montserrat"; font-weight: 700; font-size: 11pt; text-transform: uppercase;}
.purpleReverseButton {background-color: transparent; color: #000004; float: left !important;  font-family: "Montserrat"; font-weight: 700; font-size: 11pt; text-transform: uppercase;}
.purpleReverseButton:focus, .purpleReverseButton:hover
{
    color: #FFFFFF;
    text-decoration: underline;
}
.purpleButton {color: #ffffff; background-color: #7b1c81; margin-left: 5px;}
.content {overflow: hidden; padding: 10px; background-color: #ffffff;}
.right {float: right;}
.exportButton {clear: both; margin-top: 25px;}
input.textInput.error, textarea.error {background-color: #e5a5a5; color: inherit;}
input.empty {color: #989fa9;}
select.error {background-color: #e5a5a5; color: inherit;}
a.noStyle {color: #000000 !important; text-decoration: none;}
a.noStyle:hover {}
a.imageLink:hover {border: 0 !important;}
a.linkSmall {color: #a0a4a7 !important; font-size: 10px; margin-top: 5px; display: block; float: left;}
a.linkSmall:hover {text-decoration: underline !important; border: 0 !important;}
a.tab {color: #000000 !important; text-decoration: none;}
a.tab:hover {border-bottom: 0 !important;}
a.toolTip {/*color: #404041 !important;*/ display: inline-block;}
#tooltip h3 {font-size: 11pt;}
a.grey {color: #3c3c3b; !important;}
.red {color: #E22C2A;}

#tooltip
{
    background-color: #000000 !important;
    color: #FFFFFF;
    font-size: 10pt;
}

/*
    content.css
*/

/*
 * Content page.
*/
#frontPage {padding: 0 25px;}
#frontPage h1, #frontPage .h1 {font-family: "Montserrat"; font-weight: 700; font-size: 25pt; margin: 8px 0 13px 0;}
#frontPage h2, #frontPage .h2 {font-family: "Montserrat"; font-size: 14pt; /*text-transform: none !important;*/}
#frontPage h3, #frontPage .h3 {color: #404041;  font-family: "Montserrat"; font-weight: 700; font-size: 11pt;}
#frontPage h4, #frontPage .h4 {color: #404041;  font-family: "Montserrat"; font-weight: 700; font-size: 11pt;}

/**
 * Front page
 */
#frontPage .info p {color: #3c3c3b; font-family: "Montserrat"; font-size: 11pt;}
#frontPage #newsContainer p {line-height: 22px;}
#frontPage #activityNoteContainer p {line-height: 22px;}

/*
 * Search block.
*/
#searchBlock input {float: left;}
#searchBlock input.textInput {height: 30px; margin: 0 10px 0 0;}

/*
 * Content menu.
*/
#contentMenuWrapper {padding: 0 0 10px 0;}
#contentMenu {list-style: none outside none; margin: 0; padding: 0;}
#contentMenu li.noBorder {padding-right: 0;}
#contentMenu li, #contentMenu li h3, #contentMenu li span {float: left; font-family: "Montserrat"; font-weight: 700; margin: 0 0 5px 0; padding-right: 15px; text-transform: uppercase;}
#contentMenu li a {color: #3c3c3b; font-size: 12pt; font-weight: normal; text-decoration: none;}
#contentMenu li a.active {color: #000000; font-weight: bold;}
#contentMenu li a:hover, #contentMenu li a:focus {color: #000001; outline: 1px dashed #000002;}

/*
 * Page views.
*/
#pageView {clear: both; margin: 0;}
#pageView.noPadding {}
#pageView h2, #pageView .h2
{
    color: #404041;  font-family: "Montserrat"; font-weight: 700; font-size: 14pt;
}
#pageView h3, #pageView .h3
{
    color: #404041;  font-family: "Montserrat"; font-weight: 700; font-size: 13pt;
}

.activity .info .title a
{
    text-decoration: none;
}

.activity .info .title a:hover, .activity .info .title a:focus
{
    outline: 1px dashed #000002; /*text-decoration: underline;*/
}

a.colorlink
{
    color: #000001;
    text-decoration: none;
}

a.colorlink:hover, a.colorlink:focus
{
    text-decoration: underline;
}

.colored
{
    color: #000001;
    text-decoration: none;
}

.colored:hover, .colored:focus
{
    color: #000002;
    text-decoration: underline;
}

a:hover .colored, a:focus .colored
{
    outline: 1px dashed #000002; /*text-decoration: underline;*/
}

#pageView h2.MainPageHeader, #pageView h3.MainPageHeader {color: #FFFFFF; font-weight: bold; line-height: 30px;}
#pageView h2.MainPageHeader a, #pageView h3.MainPageHeader a
{display: block; color: #FFFFFF;  padding-left: 10px; text-decoration: none;}
#pageView h2.MainPageHeader a:hover, #pageView h2.MainPageHeader a:focus, #pageView h3.MainPageHeader a:focus, #pageView h3.MainPageHeader a:hover
{outline: 1px dashed #000002; /*text-decoration: underline;*/}
#pageView h2.MainPageHeader span.arrow {float: right; padding-right: 10px; padding-top: 6px;}

/**
 * Main page headers
 */
.MainPageHeaderContainer{margin-bottom: 4px;}

.MainPageHeaderContainerInitiatieven a {background-color: #000001; display: block;}
.MainPageHeaderContainerInitiatieven a:focus, .MainPageHeaderContainerInitiatieven a:hover {background-color: #000001;}

.MainPageHeaderContainerNieuws a {background-color: #000002; display: block;}
.MainPageHeaderContainerVerslagen a {background-color: #000002; display: block;}
.MainPageHeaderContainerNieuws a:focus, .MainPageHeaderContainerNieuws a:hover {background-color: #000002;}
.MainPageHeaderContainerVerslagen a:focus, .MainPageHeaderContainerVerslagen a:hover {background-color: #000002;}

/*
 * BaseCollection.
*/
.baseContainer {margin: 15px 0 0 0; table-layout: fixed;}
.baseContainer div.boxWrapper div.box {margin-bottom: 15px;}
.baseContainer div.image {padding: 0; margin: 0; float: left; max-width: 80px; max-height: 70px; overflow: hidden;}
.baseContainer div.image img {margin: 0 10px 5px 0;}

.pager {clear:both; color: #000000; margin: 0 auto; max-width: 371px;}
.pager span.pageLink {color: #000004; text-decoration: none; cursor: pointer;}
.pager span.pageLink:hover {border-bottom: none; color: #000004;}
.pager div.previousPage {font-size: 14pt; margin: 0 10px 0 0; text-align: right; /*float: left; width: 136px;*/}
.pager div.nextPage {font-size: 14pt; margin: 0 0 0 10px; text-align: left; /*float: left; width: 136px;*/}
.pager div.pages 
{
    /*float: left; margin: 0; text-align: center; width: 99px;*/
    display: inline;
    margin: 0;
    text-align: center;
    width: 99px;
}
.pager div.pages ul {background-color: #FFF; display: inline-block; float: none;}
.pager div.pages ul li {display: inline-block; width: 15px;}
.pager span.inActive {color: #797671; cursor: default;}

.adminPage .tabContainer .pager div.pages ul li {
    border-radius: 0;
    float: none;
    line-height: 16pt !important;
}
.adminPage .tabContainer .pager div.pages ul li a {
    color: #a729b5 !important;
    font-family: "Montserrat"; !important;
    font-size: 100%;
    padding: 0px;
}


.baseContainer th.sortable div {cursor: pointer;}
.baseContainer div.headerText {float: left;}
.baseContainer .amount div.headerText {float: right;}
.baseContainer td, .baseContainer th {overflow: hidden; white-space: nowrap; padding-left: 10px !important;}
.baseContainer td, .baseContainer th:first-child {padding-left: 0 !important;}
.baseContainer td.gridCommandColumnHeader {display: none !important;}
.baseContainer td.gridCommandColumnCell {display: none !important; padding: 0;}
.baseContainer td.gridCommandColumnCell img {position: relative; top: 2px; padding: 0; border: 0;}
.baseContainer .sorting div.headerText {padding: 0 15px 0 0;}
.baseContainer .sortASC div.headerText {background: url("/images/icons/Arrow-bottom.png") no-repeat; background-position: center right;}
.baseContainer .sortDESC div.headerText {background: url("/images/icons/Arrow-top.png") no-repeat; background-position: center right;}
.baseContainer .amount.sorting div.headerText {padding: 0 0 0 10px;}
.baseContainer .amount.sortASC div.headerText {background-position: center left;}
.baseContainer .amount.sortDESC div.headerText {background-position: center left;}
.baseContainer div.headerText {color: #000004; font-family: "Montserrat"; font-size: 11pt;}
.baseContainer th.gridHeader {padding-bottom: 2px;}
.gridHeader.sortable .headerText:hover {text-decoration: underline;}
.baseContainer tr.gridRow {line-height: 17px;}
.baseContainer td.gridCell {color: #3c3c3b; font-family: "Montserrat"; font-size: 12pt; padding-left: 10px !important;}
.baseContainer td.gridCell:first-child {padding-left: 0 !important;}
.baseContainer td.gridCell.highlight {color: #BC0E16;}
#activityInvestmentContainer {padding-bottom:20px;margin-bottom:20px;}
div.pager {margin: 0 auto; position: initial;}
div.pager .previousPage, div.pager .nextPage {display: inline-block; float: none;}
.pager .pages span.pageLink, .pager .pages span.inActive {
    display: inline-block;
    font-weight: bold;
    height: 15px;
    width: 15px;
}
div.pager div.pages {width: 100%;}
#activitySummary .ui-tabs-panel {padding: 0;}
#activityDonations, #activityVolunteers, #activityResources {padding: 0;}

/*
.baseContainerWrapper div.gridViewMenu select {width: 80px; margin-left: 15px;}
.baseContainerWrapper div.gridViewMenu img {position: relative; top: 4px; cursor: pointer;}
.baseContainerWrapper div.gridViewMenu {position: relative; top: -25px; text-align: right; z-index: 1; width: 200px; left: -200px}
.baseContainerWrapper div.gridViewMenu.custom {width: 300px; z-index: 2;}
.baseContainerWrapper div.gridViewMenuInnerWrapper {position: absolute;}
.baseContainerWrapper div.gridViewMenuWrapper {clear:both; float: right; margin-right: 15px;}
*/

#searchBlockWrapper     {float: left;}
#searchBlockWrapper .button.box.redButton {font-family: "Montserrat"; font-size: 14pt; height: 30px; line-height: 30px; margin: 0 0 0 5px; text-transform: none;}
.gridViewMenu           {color: #3c3c3b; font-family: "Montserrat"; font-size: 9pt; text-transform: uppercase;}
.gridViewMenu span      {margin: 0 5px 0 0;}
.gridViewMenu span.fa   {font-size: 20px;}
#ActivityOverview .gridViewMenu span      {display: block;}
.gridViewMenu img       {margin-right: 10px;}
.gridViewMenu select    {font-size: 9pt; padding: 0 5px; text-transform: uppercase; width: 100%; max-width: 140px;}
.gridViewMenu i         {font-size: 18pt; margin-right: 5px;}

table.baseContainer.rowTrack tr.gridRow:hover {background-color: #dbdbdb; cursor: pointer;}

/*
 * Events.
*/
#activityContainer {clear: both;}
#activityContainer div.boxWrapper {color: #ffffff;}
#activityContainer h4 {margin: 0; height: 18px;}
#activityContainer a {/*text-decoration: none;*/}
.activity p {margin: 0;}
.activity {margin: 0 15px 15px 0; background-color: #9fa2a5; padding: 5px 2px 5px 18px;}
.activity.green {background-color: #92bc35;}
.activity div.info {position: relative;}
.activity div.title {height: 55px; overflow: hidden;}
.activity div.date {height: 20px; margin-bottom: 3px;}
.activity div.date div.image {background: url("/images/controls/activity_info_gray.png") no-repeat; width: 16px; height: 16px; float: left;}
.activity div.date div.image.green {background: url("/images/controls/activity_info_green.png") no-repeat;}
.activity div.date div.image.hand {background: url("/images/controls/activity_hand_white.png") no-repeat; width: 16px; height: 16px; float: left;}
.activity div.date p {position: relative; left: 15px;}
.activity div.footer {clear: both; position: relative; height: 20px; margin-top: 5px; font-size: 11px;}
.activity div.footer div.footerText {position: absolute; top: 2px;}
.activity div.footer div.footerText h5 {font-size: 12px;}
.activity div.footer input.textInput {width: 60px; margin: 0 0 0 135px; height: 17px; font-size: 10px; position: absolute;}
.activity div.footer input.button {width: 50px; margin: 0 0 0 210px; height: 17px; font-size: 10px; padding: 0 0 3px 0; }
.activity div.footer span.amount {}
.activity.green:hover {background-color: #89aa30;}
.activity:hover {background-color: #959799;}

    .activity.box {min-height: 335px; padding: 0; width: 100%;}
    .activity.box .status {
        background-color: #000000;
        color: #FFFFFF;
        display: block;
        font-family: "Montserrat";
        font-weight: 700;
        left: 0;
        line-height: 33px;
        padding: 0 10px;
        position: absolute;
        text-align: center;
        top: 80px;
        width: 240px;
        z-index: 2;
    }
    .activity.box .image, .activity.box .movie{background-repeat: no-repeat !important; background-position: center !important; height: 115px; margin-bottom: 10px; max-height: 115px; max-width: 100%; overflow: hidden; width: 100%;}
    .activity.box .info {clear: both; padding: 5px 10px;}
.activity .info i, .activity .info span.icolor {color: #000001 !important; margin-right: 2px;}
    .activity .info .title {height: 50px;}
.activity .info .title h4 {color: #404041;  font-family: "Montserrat"; font-weight: 700; font-size: 14px;}
    .activity .info .description {height: 78px; margin-bottom: 12px; margin-top: 5px; overflow:hidden;}
    .activity .info .date, .activity .info .name, .activity .info .location {
        overflow: hidden;
        white-space: nowrap;
    }
.activity .info .date {color: #000004; float: left; font-size: 9pt; width: 100%;}
.activity .info .date p {position: relative; left: 0;}
.activity .info .date span {color: #000004;}
.activity .info .name {color: #000004; float: left; font-size: 9pt; width: 100%;margin-bottom: 3px;}
.activity .info .name span {color: #000004;}
.activity .info .location {color: #000004; float: left; font-size: 9pt; width: 100%;}
.activity .info .location span {color: #000004;}
.activity .info .location span.trun {color: inherit;}
.activity .info .fundbar {background-color: #E5E6E7; border: 2px solid #E5E6E7; border-radius: 6px; height: 10px; margin: 10px 0;}
.activity .info .fundbar .innerfundbar {background-color: #000004; border: 2px solid #000004; border-radius: 6px; height: 10px; margin: -2px; width: 10px;}
.activity .info .funded {float: left; width: 57px;}
.activity .info .funded p {font-size: 9pt !important; margin-top: -2px;}
.activity .info .funded span {color: #000007; font-family: "Montserrat"; font-size: 11pt; font-weight: 700;}
.activity .info .donations {float: left; width: 76px;}
.activity .info .donations p {font-size: 9pt !important; margin-top: -2px;}
.activity .info .donations span {color: #000007; font-family: "Montserrat"; font-size: 11pt; font-weight: 700;}
.activity .info .daysleft {float: left; width: 44px;}
.activity .info .daysleft p {font-size: 9pt !important; margin-top: -2px;}
.activity .info .daysleft span {color: #000007; font-family: "Montserrat"; font-size: 11pt; font-weight: 700;}
    .activity .info .amountleft {float: left; width: 76px;}
    .activity .info .amountleft p {font-size: 9pt !important; margin-top: -2px;}
    .activity .info .amountleft span {color: #000007; font-family: "Montserrat"; font-size: 11pt; font-weight: 700;}
.activity .info .icons {float: left; height: 21px; width: 55px;}
/*.activity .info .icons span {color: #000007; font-family: "Montserrat"; font-size: 11pt; font-weight: 700;}*/
.activity .info .icons span {}
.activity .info .icons img.hand {margin-top: 1px; /*2px;*/ position: relative;}

a.toolTip img {margin-bottom: -2px;}

#activityDetailsWrapper h2 {color: #404041;  font-family: "Montserrat"; font-weight: 700; font-size: 14pt; margin-bottom: 10px;}
#activityDetailsWrapper p {margin: 0;}
#activityDetailsWrapper div.date, #activityDetailsWrapper div.name, #activityDetailsWrapper div.location {float: left; font-size: 11pt; margin-right: 10px;}
#activityDetailsWrapper div.date p, #activityDetailsWrapper div.name p, #activityDetailsWrapper div.location p {font-size: 10pt;}
#activityDetailsWrapper div.date i, #activityDetailsWrapper div.name i, #activityDetailsWrapper div.location i {color: #000007;}
#activityDetailsWrapper div.date span, #activityDetailsWrapper div.name span, #activityDetailsWrapper div.location span, #activityDetailsWrapper div.tags span {color: #000007;}
#activityDetailsWrapper div.left div.box {min-height: 450px;}
#activityDetailsWrapper div.left div.box.volunteering {min-height: 0;}
#activityDetailsWrapper div.info {position: relative;}
#activityDetailsWrapper div.image {margin: 0; padding: 0;}
#activityDetailsWrapper div.image img {padding: 0; margin: 0; width: 100%;}
#activityDetailsWrapper div.movie {margin: 0; padding: 0;}
#activityDetailsWrapper div.info th {padding-bottom: 0;}
#activityDetailsWrapper div.info input.textInput.amount {width: 80px; float: left; text-align: right;}
#activityDetailsWrapper div.info input.button {float: left; margin-left: 10px;}
#activityDetailsWrapper div.map {}
#activityDetailsWrapper div.description {clear: both; margin-top: 20px; overflow-x: hidden;}
#activityDetailsWrapper div.description h4 {font-family: "Montserrat"; font-size: 11pt; margin-bottom: 15px; text-transform: none; font-weight: 700;}
#activityDetailsWrapper div.description p {font-family: "Montserrat"; font-size: 12pt !important; margin-bottom: 15px;}
#activityDetailsWrapper div.ui-tabs-panel {padding: 2px;}
#activityDetailsWrapper div.volunteering h4:first-child {margin-top: 0;} 

/*
 * Reset margin for report details.
*/
#activityDetailsReportWrapper {}
#activityDetailsReportWrapper div.baseContainer {clear: both; margin: 0;}
#activityDetailsReportWrapper h2 {color: #404041;  font-family: "Montserrat"; font-weight: 700; font-size: 14pt; margin-bottom: 10px; text-transform: uppercase !important;clear: both;}
#activityDetailsReportWrapper h2 a {color: #404041 !important;}
#activityDetailsReportWrapper p {font-size: 11pt;}
#activityDetailsReportWrapper div.date, #activityDetailsReportWrapper div.name, #activityDetailsReportWrapper div.location {float: left; font-size: 11pt; margin-right: 10px;}
#activityDetailsReportWrapper div.date p, #activityDetailsReportWrapper div.name p, #activityDetailsReportWrapper div.location p  {font-size: 10pt; margin-top: 0; margin-bottom: 0;}
#activityDetailsReportWrapper div.date i, #activityDetailsReportWrapper div.name i , #activityDetailsReportWrapper div.location i {color: #000007;}
#activityDetailsReportWrapper div.date span, #activityDetailsReportWrapper div.name span , #activityDetailsReportWrapper div.location span {color: #000007;}
#activityDetailsReportWrapper #activityNoteContainer {padding-top: 0;}

#activityDetailsEditUpdatesWrapper {}
#activityDetailsEditUpdatesWrapper .pagePart.left {width: 780px;}
#activityDetailsEditUpdatesWrapper .pagePart.right {float: right; margin-right: -5px; width: 370px;}

/**
 * Activity updates
 */
#activityUpdateContainer div.boxWrapper div.box {height: 100%; margin-bottom: 0; overflow: hidden;}
#activityUpdateContainer div.date p {font-size: 10pt; /*padding-top: 5px; /activityDetails.php?view=ActivityDetailsUpdates&id=*/}
#attachmentContainer {padding-left: 7px;}

/*
 * News.
*/
.news {padding: 5px 10px 5px 10px;}
.news div.info {position: relative;}
.news div.title {margin-bottom: 5px;}
.news div.date {margin: 3px 0 7px 0; font-style: italic; font-size: 10px;}
.news p {padding: 0;}
.news:hover {background-color: #cccac4; cursor: pointer;}

/*
 * Reports.
*/
.activityReport
{
    border: 1px solid #E9E9E9;
    border-radius: 2px;
    padding: 0;
}
.activityReport div.info {height: 300px; position: relative;}
.activityReport div.title {}
.activityReport div.date {margin: 3px 0 7px 0; font-style: italic; font-size: 8px;}
.activityReport p {padding: 0;}
.activityReport:hover {background-color: #cccac4;}
.activityReport .info .title h3, .news .info .title h3 {color: #404041;  font-family: "Montserrat"; font-weight: 700; font-size: 14px; letter-spacing: 2px; line-height: 16px;}
.activityReport .info .date {font-family: var(--main-title-font-family); font-size: 14px; font-style: normal; line-height: 40px; letter-spacing: 2px;}
.activityReport .info .image {height: 292px; max-height: 100%; max-width: 100%; /*width: 510px;*/ width: 100%;}
.news .info .date {color: #000004; font-family: var(--main-title-font-family); font-size: 14px; font-style: normal; letter-spacing: 2px;}
.activityReport .textcontainer {padding: 5px;}
.activityReport .LeesMeerButton {bottom: 10px; color: #FFFFFF !important; float: right; font-size: 11pt; font-weight: bold; line-height: 25px; padding: 0 10px; position: absolute; right: 26px; width: 100px;}
.activityReport .titleBanner
{
    background-color: #000007;
    border-radius: 0 10px 10px 0;
    bottom: 30px;
    color: #FFFFFF;
    font-size: 10pt;
    font-weight: bold;
    line-height: 20px;
    padding: 10px 20px;
    position: absolute;
    width: 67%;
}
.activityReport .titleBanner h3
{
    color: #FFFFFF !important;
    font-size: 13pt;
    text-transform: none !important;
}

a.activityreportboxlink
{
    display: inline-block;
    width: 100%;
}

a.activityreportboxlink:active, a.activityreportboxlink:focus, a.activityreportboxlink:hover
{
    border:none !important;
    text-decoration: none;
}
a.activityreportboxlink:active .activityReport, a.activityreportboxlink:focus .activityReport, a.activityreportboxlink:hover .activityReport
{
    background-color: #EEEEEE;
    border: 1px solid #000000;
}

#activityNoteContainer .pagePart.left {display: none;}
#activityNoteContainer .pagePart.right {width: 100%;}
#activityNoteContainer .pager {top: 643px;}


/*
 * Input forms.
*/
.inputFormTable input.textInput {width: 100%;}
.inputFormTable textarea {width: 100%;}
.inputFormTable select {width: 100%;}
.inputFormTable input.button {margin-top: 10px; display: block;}
.inputFormTable td {vertical-align: top;}
.inputFormTable td.submitCell {padding-right: 15px;}
.inputFormTable input[type="submit"], .inputFormTable input[type="button"] {width: 100%; margin: 10px 0 0 0;}
.inputFormWrapper table {}

/*
 * Main page.
*/
#mainPageWrapper {margin: 0; clear: both; padding-top: 20px;}
#mainPageWrapper #activityContainer {padding-top: 0;}
#mainPageWrapper div.baseContainer {margin: 0;}
#mainPageVideo {background-color: transparent; border-radius: 3px; color: #FFFFFF; margin: 0 0 20px 0; overflow: hidden; text-align: center; width: 100%;}
#mainPageVideo p {margin: 0 !important; padding: 0;}
#mainPageNews {width: 100%; margin: 0; position: relative;}
#mainPageReports {width: 100%; margin: 0; position: relative;}

#mainPageActivities {float: left; margin-top: 3px; min-height: 1px; padding-left: 15px; padding-right: 30px; position: relative; width: 33.33333333%;}
#mainPageActivities .activity {margin: 0; height: 420px;}
#mainPageActivities .activity .info .location, #mainPageActivitiesSecondary .activity .info .location {float: left; margin-right: 10px; width: 100%;}
#mainPageActivities .activity .info .name, #mainPageActivitiesSecondary .activity .info .name {float: left; width: 100%;}
#mainPageActivities .activity .image, #mainPageActivitiesSecondary .activity .image {height: 115px; max-height: inherit;}
#mainPageActivitiesSecondary {display: none; margin-left: 10px; margin-top: 20px;}

#MainPage .activityReport div.info, #MainPage .news div.info {height:241px;overflow: hidden;}
#MainPage .news div.title, #MainPage .activityReport div.title {margin-bottom: 5px;height: 36px;}
#MainPage .moreNews, #MainPage .moreReports {margin-top:5px;}

/*
 * News overview page.
*/
#newsOverviewContainer a {color: #000000;}
#newsOverviewContainer a:hover {text-decoration: none;}

/*
#frontPage .info p {color: #3c3c3b; font-family: "Montserrat"; font-size: 9pt;}
#frontPage #newsContainer p {line-height: 22px;}
#frontPage #activityNoteContainer p {line-height: 22px;}
*/
/*
 * Activity overview page.
*/
#reportsOverviewContainer, #newsOverviewContainer {padding-bottom: 30px;}
#reportsOverviewContainer div.activityReport {height: 438px; margin: 0 0 25px 0; /*max-width: 510px;*/ overflow:hidden;}
#newsOverviewContainer #newsContainer .news {height: 100%; margin: 0 0 25px 0;overflow:hidden;}
#newsOverviewContainer #newsContainer .news.bigBox {height: 100%; margin: 0 0 25px 0; overflow:hidden; padding: 0;}

/*
 * Information page.
*/
#informationWrapper ul li {font-size: 11pt;}
#informationWrapper div.activityTotals {height: 100px;}
#informationWrapper div.activityTotals div.left {padding-right: 25px;}
#informationWrapper div.activityTotals div.right {border-left: 2px solid #ffffff; padding-left: 20px; height: 100px;}
#informationWrapper div.activityTotals div.pagePart {width: 40%;}
#informationWrapper div.activityTotals p {position: relative; top: -20px;}
#informationWrapper hr {clear: both; background-color: #000000;}
#informationWrapper div.amountTotals {margin-top: 10px;}
#informationWrapper p {margin-top: 0;}
#informationWrapper p.largeText {font-size: 24px; padding: 0;}
#informationWrapper table {width: 100%;}
#informationWrapper tr.stripe td {border-bottom: 2px solid black;}
#informationWrapper td.amount {vertical-align: bottom;}

#profileWrapper {margin-bottom: 10px; margin-right: 0;}
#profileWrapper .pagePart.left {width: 50%;}
#profileWrapper .pagePart.right {float: right; width: 40%;}
#profileWrapper .pagePart.right h3 {font-family: "Montserrat";}
#profileWrapper .deleteAccount {padding-right: 15px; text-align: right;}
#profileWrapper .deleteAccount #inputDeleteAccount {float: left; width: 290px !important;}

#profileWrapper table tbody tr td {color: #404041; font-family: "Montserrat"; font-size: var(--main-default-font-size2); line-height: 26px;}
#profileWrapper table tbody tr td span {font-size: 9pt;}
#profileWrapper table tbody tr td span.required {color: #000004; font-size: 11pt;}

#profileWrapper li {font-size: var(--main-default-font-size2);}


#profileWrapper #SelectRegion {width: 211px;}
#profileWrapper .pager {margin: 0 auto; position: inherit;}

#profileActivatedChequesWrapper #codeContainer {clear: both; padding-top: 20px;}
#profileActivatedChequesWrapper #activityInvestmentContainer {clear: both; min-height: 639px; padding-top: 20px;}
#profileActivatedChequesWrapper #codeContainer .pager {display: table-cell; padding-left: 400px; position: relative;}

#profileMyInvestmentsWrapper #activityVolunteerContainer .pager {display: table-cell; padding-left: 400px; position: relative;}
#profileMyInvestmentsWrapper #activityFollowerContainer .pager {display: table-cell; padding-left: 400px; position: relative;}

#profileMyInvestmentsWrapper #activityResourceContainer .pager {display: table-cell; padding-left: 400px; position: relative;}
#profileMyInvestmentsWrapper #activityResourceContainer .pager {display: table-cell; padding-left: 400px; position: relative;}

#profileMyActivitiesWrapper #activityResourceContainer .pager {display: table-cell; padding-left: 100px; position: relative;}
#profileMyActivitiesWrapper #activityResourceContainer .pager {display: table-cell; padding-left: 100px; position: relative;}



/*
 - Create account
*/
#createAccountWrapper {}
#createAccountWrapper table tbody tr td {color: #404041; font-family: "Montserrat"; font-size: var(--main-default-font-size2); line-height: 36px;}
#createAccountWrapper table tbody tr td span {font-size: 9pt;}
#createAccountWrapper table tbody tr td span.required {color: #000004; font-size: 11pt;}

/*
 - Create activity
*/

#activityCreateWrapper table tbody tr td {color: #404041; font-family: "Montserrat"; font-size: var(--main-default-font-size2); line-height: 36px;}
#activityCreateWrapper table tbody tr td span {font-size: 9pt;}
#activityCreateWrapper table tbody tr td span.required {color: #000004; font-size: 11pt;}
#activityCreateWrapper .inputFormTable input.textInput {width: 500px;}
#activityCreateWrapper .inputFormTable textarea {width: 500px;}
#activityCreateWrapper .inputFormTable select {width: 500px;}



/*
 - Edit activity
*/
#activityEditWrapper {margin-right: 0; margin-top: 0;}
#activityEditWrapper table thead tr th {color: #404041; display: table-cell; font-family: "Montserrat"; font-size: 11pt; line-height: 30px;padding-bottom: 6px;vertical-align: top;}
#activityEditWrapper table tbody tr td {color: #404041; font-family: "Montserrat"; font-size: 11pt; line-height: 30px;padding-bottom: 6px;vertical-align: top;}
#activityEditWrapper table tbody tr td span {font-size: 9pt;}
#activityEditWrapper table tbody tr td span.required {color: #000004; font-size: 11pt;}
#activityEditWrapper table.small tbody tr td {line-height: 20px;}

#activityEditWrapper .inputFormTable input.textInput {width: 500px;}
#activityEditWrapper .inputFormTable textarea {width: 500px;}
#activityEditWrapper .inputFormTable select {width: 500px;}

.buttonHolder {margin-top: 10px;}

#activityEditWrapper .inputFormTable {top: 116px; width: 100%;}
/*
 - Forgot password form.
*/
#forgotPasswordWrapper {}
#forgotPasswordWrapper p.textPlaceholder {font-size: 12pt !important; margin-bottom: 25px; }
#forgotPasswordWrapper div.emailPlaceHolder input {float: left;}
#forgotPasswordWrapper div.messagePlaceHolder {clear: both; font-family: "Montserrat"; font-size: 11pt; padding-top: 15px;}
#forgotPasswordWrapper input.textInput {width: 300px;}

/*
 - Profile balance page.
*/
#profileBalanceOverview {clear: both;margin-top: 30px;}
#profileBalanceOverview div.pagePart {border: 1px solid #3c3c3b; padding: 10px;}
#profileBalanceOverview div.pagePart.left {}
#profileBalanceTransfer h4 {color: #404041; font-family: "Montserrat"; font-size: 11pt; font-weight: 700;}

#profileBalanceTransfer {padding: 10px;}
#profileBalanceTransfer h4 {color: #404041; font-family: "Montserrat"; font-size: 11pt; font-weight: 700; text-transform: none;}
#profileBalanceTransfer .profileBalanceText p {color: #404041; font-family: "Montserrat"; font-size: 11pt;}
#wrapperUserTransaction #userTransactionContainer .pager {display: table-cell; padding-left: 92px; position: relative;}
/*
 - Balance transfer control.
*/
.balanceTransferWrapper input.amount {float: left; margin-right: 5px; width: auto;}
.balanceTransferAmount {margin-top: 10px;}
.balanceTransferWrapper .balanceTransferEmail div {margin-top: 10px !important;}

/*
 - Activity spent amount page.
*/
#activitySetSpentAmount {height: 130px;}
#activitySetSpentAmount div.profileBalanceText {width: 480px; float: left; margin-left: 20px;}
#activitySetSpentAmount div.profileBalanceTransfer {float: right; margin-top: 20px; margin-right: 30px;}
#activitySetSpentAmount a, #profileBalanceTransfer a:hover {color: #fff !important; border: 0 !important;}

/*
 - News letters.
*/
#newsLettersWrapper a {text-decoration: underline;}

/*
 - Iframe.
*/
.uploadFrame {width: 100%; height: 75px; border: none;}

/*
 - Administration activator.
*/
#administrationActivator input.textInput {width: 200px; margin-bottom: 10px;}
#administrationActivator .balanceTransferAmount {margin-top: 10px;}
#administrationActivator input.button {margin-left: 0;}
#administrationActivator div.message {margin-top: 15px;}
#cmsAdministration button {padding: 0; margin-right: 3px; border: 1px solid #ccc; width: 32px; height: 32px; border-radius: 3px; cursor: pointer;}
#cmsAdministration button:hover {box-shadow: 1px 1px 1px 1px #ccc;}
#cmsAdministrationDialog, #cmsAdministrationMessageDialog {padding-right: 20px; display: none;}
#cmsAdministrationDialog textArea {width: 100%; heigh: 100px;}
span.cms {cursor: pointer;}

/*
 - Large table for grid overviews.
*/
.largeTable table {width: 100%;}
.largeTable th {color: #000004; height: 40px; border: none; font-size: 12px; padding: 0; margin: 0; text-transform: uppercase;}
.largeTable td {height: 22px; font-size: var(--main-default-font-size2); vertical-align: middle;}

/*
- Classes
*/
.progressbar {margin-top: 10px; display: none;}
.contentBox {padding: 10px 0;}
.subText {font-size: 90%;}
.smallText {font-size: 10px;}
.largeText {font-family: american; font-size: 31px; font-weight: bold;}
.green {background-color: #92bc35; color: #ffffff;}
.fontGreen {color: #000000;}
.bgGreen {background-color: #92bc35 !important;}
.gray {background-color: #bdb9b0;}
.grayBox {background-color: #d7d7d7; color: #ffffff;} /*#a0a4a7*/
.calculationTotal td {border-bottom: 2px solid #ffffff; padding-top: 10px; padding-bottom: 10px;}
.calculationTotalAmounts td {padding-top: 10px; font-weight: bold;}

div.left {float: left;}
div.right {float: right; margin: 0;}
div.pagePartContent p {font-family: "Montserrat"; font-size: var(--main-default-font-size2);}

.informationPage p {font-family: "Montserrat"; font-size: var(--main-default-font-size2);}
.informationPage h5 {color: #404041;  font-family: "Montserrat"; font-weight: 700; font-size: 11pt;}
.informationPage h5.question {cursor: pointer; margin-top: 10px; }
.informationPage .question
{
    cursor: pointer; font-family: var(--main-title-font-family); font-size: 20px; margin-top: 10px;
}
.informationPage .answer
{
    display: none;
}


.informationPage ul {padding-left: 20px;}
.informationPage ul li {font-family: "Montserrat"; font-size: 11pt;}


div.followUp {margin-top: 10px;}
div.spacer {height: 10px; clear: both;}
td.amount, th.amount, td.alignRight, th.alignRight {text-align: right;}
input.amount {text-align: right;}
input.disabled {background-color: #cccac4}
input.selectUser {width: 162px; text-align: left;}
div.green.contentBox a {color: #ffffff !important;}
div.green.contentBox a:hover {border-color: #ffffff !important;}

.mceEditor a {color: #000000 !important; text-decoration: none;}
.mceEditor a:hover {border-bottom: 1px solid #cccccc !important;}
.tabContainer {border: none !important; display: none; padding: 0 !important;}

#managePhotoCollection div.thumbnail.admin, #managePhotoCollection div.thumbnail.report {float: left; display: inline; width: 100px; height: 100px; margin: 0 17px 17px 0; text-align: right;}
#managePhotoCollection div.thumbnail.admin img.thumbnail, #managePhotoCollection div.thumbnail.report img.thumbnail {border: none; border-radius: 2px; height: 100px; width: 100px;}

.clear {clear: both;}
.pointer {cursor: pointer;}

ul.legend {float: right;}
ul.legend li {display: inline-block; list-style: none; margin-right: 25px;}

#tooltip div {font-family: "Montserrat"; font-size: 11pt;}

.activityNumbers {border: none; margin-bottom: 0; padding: 30px 25px;}
.activityNumbers h5 {color: #000007;  font-family: "Montserrat"; font-weight: 700;}
.activityNumbers h5 span {color: #000004;}
.activityNumbers span.activityDonated {color: #4C8500;  font-family: "Montserrat"; font-weight: 700; font-size: 20px;}
.activityNumbers span.activityDonated span {color: #000004;}
.activityNumbers .statusDescription {color: #000007; display: none;  font-family: "Montserrat"; font-weight: 700; font-size: 15pt;}
.activityNumbers .statusDescription.closed {color: #000004;}
.activityNumbers .fundbar {background-color: #E5E6E7; border: 2px solid #E5E6E7; border-radius: 6px; height: 4px; margin: 10px 0; width: 100%;}
.activityNumbers .fundbar .innerFundbar {background-color: #000004; border: 2px solid #000004; border-radius: 6px; height: 4px; margin: -2px; width: 10px;}
.activityNumbers .numbers {color: #000007; font-family: "Montserrat"; font-size: 11pt;}
.activityNumbers .numbers .blockit {display:inline-block;margin-right: 12px;}
.activityNumbers .numbers span.color {color: #000004; margin-right: 16px;}

#activitySummary {border: 1px solid #E5E5E5; border-radius: 2px; clear: both; min-height: 200px; padding: 5px 0;}

#activitySummary .top {float: left; height: 100%; overflow: hidden; width: 100%;}
#activitySummary .top a.tab {color: #3c3c3b; !important; font-family: "Montserrat"; !important; font-size: 14pt !important; padding: 0 20px 15px 0; font-weight: 700;}
#activitySummary .top li.ui-state-active a.tab {color: #000000 !important; padding: 0 20px 15px 0;}

#activitySummary .bottom {border-top: 1px solid #DEDEDE; padding-top: 10px; width: 100%;}
#buttonsBox, #volunteerBox, #resourceBox, #donationBox {}

#activitySummary .activityContributeButton {border-bottom: 1px solid #DEDEDE; clear: both; height: 35px; line-height: 23px; padding: 5px 10px 5px 20px; width: 100%;}
#activitySummary .activityContributeButton img {float: left; margin-right: 5px;}
#activitySummary .activityContributeButton div {color: #000004; float: left; font-family: "Montserrat"; !important; font-size: 16px !important; font-weight: 700; margin-right: 0; width: 85%;}
#activitySummary .activityContributeButton div i, #activitySummary .activityContributeButton div span {float: right; padding-top: 6px;}
#activitySummary .activityContributeButton button {color: #000004; float: left; font-family: "Montserrat"; !important; font-size: 16px !important; font-weight: 700; margin-right: 0; width: 85%;}
#activitySummary .activityContributeButton button i, #activitySummary .activityContributeButton button span {float: right; padding-top: 6px;}

#activitySummary .activityContributeButton button span.fa-stack
{
    float: left;
    height: 1em;
    line-height: 1em;
    margin-top: -7px;
    margin-left: -12px;
    padding-top: 0;
}

#activitySummary #activityVolunteerControl {clear: both; width: 100%;}
#activitySummary #activityVolunteerControl .volunteerButton img, #activitySummary #activityVolunteerControl .volunteerButton div {float: left; margin-bottom: 10px; margin-right: 20px;}
#activitySummary .volunteer  {border-bottom: 1px solid #DEDEDE; padding-left: 23px;}
#activitySummary .volunteer .volunteerEffortsDescription h5 {color: #404041; font-size: 11pt;}
#activitySummary .volunteer .volunteerEffortsDescription p {font-size: 10pt;}
#volunteerChangeButton, #volunteerWithdrawButton {cursor: pointer; font-size: 10pt; padding-top: 10px;}

#activitySummary #activityResourceControl {clear: both; width: 100%;}
#activitySummary #activityResourceControl .resourceButton img, #activitySummary #activityResourceControl .resourceButton div {float: left; margin-bottom: 10px; margin-right: 20px;}
#activitySummary .resource  {border-bottom: 1px solid #DEDEDE; padding-left: 23px;}
#activitySummary .resource .resourceEffortsDescription h5 {color: #404041; font-size: 11pt;}
#activitySummary .resource .resourceEffortsDescription p {font-size: 10pt;}
#resourceChangeButton, #resourceWithdrawButton {cursor: pointer; font-size: 10pt; padding-top: 10px;}


/*
#activitySummary .rightSide h5 {color: #000007;  font-family: "Montserrat"; font-weight: 700; font-size: 11pt; text-align: center;}
#activitySummary .rightSide h5 span {color: #000004;}
#activitySummary .rightSide {border-left: 1px solid #E5E5E5; float: right; height: 100%; overflow: hidden; padding-left: 5px; width: 224px;}
#activitySummary .rightSide .leftSide {border-right: 3px solid #C2C2C2; color: #000007; font-family: "Montserrat"; font-size: 11pt; height: 102px; line-height: 23px; padding: 5px 5px 5px 0; text-align: right; width: 102px;}
#activitySummary .rightSide .rightSide {border: 0; color: #000004; font-family: "Montserrat"; font-size: 9pt; height: 102px; line-height: 23px; padding: 5px 0 5px 0; text-align: left; width: 110px;}
#activitySummary .rightSide .button { font-family: "Montserrat"; font-weight: 700; font-size: 11pt; height: 28px; line-height: 28px; margin: 5px 0 0 19px; text-transform: uppercase; width: 180px;}
#activitySummary .fundbar {background-color: #E5E6E7; border: 2px solid #E5E6E7; border-radius: 6px; height: 4px; margin: 10px 0 10px 10%; width: 80%;}
#activitySummary .fundbar .innerFundbar {background-color: #000004; border: 2px solid #000004; border-radius: 6px; height: 4px; margin: -2px; width: 10px;}
*/
#activitySummary #donationBox {border-bottom: 1px solid #DEDEDE; padding: 10px;}
#activitySummary #donationBox .donationFormTable input.textInput
, #activitySummary #donationBox .donationFormTable select
, #activitySummary #volunteerBox .donationFormTable input.textInput
, #activitySummary #volunteerBox .donationFormTable textarea
, #activitySummary #questionBox .donationFormTable input.textInput
, #activitySummary #questionBox .donationFormTable textarea
{color: #404041; font-family: "Montserrat"; font-size: 10pt; height: 30px; line-height: 30px; margin: 3px 0; width: 100%;}
#activitySummary #questionBox .donationFormTable textarea {height: 150px;}
#activitySummary  #IdealDonation {margin-top: 10px;}
#activitySummary  #IdealDonation #DonateErrorMessage {font-size: 9pt; margin-bottom: 10px; margin-top: 10px;}
#activitySummary h4, #activitySummary .h4 {color: #000004;  font-family: "Montserrat"; font-weight: 700; font-size: 14pt; text-align: left; text-transform: none !important;}
#activitySummary button.CloseDialog {cursor: pointer; float: right; font-size: 16px; margin-right: 13%; margin-top: -23px;}

#activitySummary #volunteerBox {border-bottom: 1px solid #DEDEDE; display: none; margin: 10px 0 0; padding: 10px 20px; width: 100%;}
#activitySummary #volunteerBox .volunteerSubBox {display: none;}
#activitySummary #volunteerBox p {font-size: 10pt; padding-top: 20px;}
#activitySummary #volunteerBox textarea {height: 100px; width: 100%;}
#activitySummary #volunteerBox .button { font-family: "Montserrat"; font-weight: 700;
    font-size: 16px;
    height: 28px;
    line-height: 28px;
    margin: 5px 0 0 0;
    text-transform: uppercase;
    width: 100%;}

#activitySummary #resourceBox {border-bottom: 1px solid #DEDEDE; display: none; margin: 10px 4px 0; padding: 10px 20px; width: 100%;}
#activitySummary #resourceBox .resourceSubBox {display: none;}
#activitySummary #resourceBox p {font-size: 10pt;}
#activitySummary #resourceBox textarea {height: 100px; width: 100%;}
#activitySummary #resourceBox .button { font-family: "Montserrat"; font-weight: 700;
    font-size: 11pt;
    height: 28px;
    line-height: 28px;
    margin: 5px 0 0 0;
    text-transform: uppercase;
    width: 100%;}

#activitySummary #questionBox {border-bottom: 1px solid #DEDEDE; display: none; margin: 10px 0 0; padding: 10px 20px; width: 100%;}
#activitySummary #questionBox .questionSubBox {display: none;}
#activitySummary #questionBox p {font-size: 10pt; padding-top: 20px;}
#activitySummary #questionBox textarea {height: 100px; width: 100%;}
#activitySummary #questionBox .button { font-family: "Montserrat"; font-weight: 700;
    font-size: 11pt;
    height: 28px;
    line-height: 28px;
    margin: 5px 0 0 0;
    text-transform: uppercase;
    width: 100%;}

/*
#activitySummary .volunteer {height: 32px; margin: 15px 0 0 23px; padding-top: 5px; width: 518px;}
#activitySummary .volunteer div.volunteerButton {cursor: pointer; float: left; width: 230px;}
#activitySummary .volunteer div.volunteerButton img {float: left;}
#activitySummary .volunteer div.volunteerButton div  {color: #3c3c3b; float: left;  font-family: "Montserrat"; font-weight: 700; font-size: 11pt; line-height: 32px; margin-left: 10px; padding-bottom: 5px;}
#activitySummary .volunteerEffortsDescription {padding: 25px 25px 0;}
#activitySummary .volunteerEffortsDescription h5 {color: #404041; float: left;  font-family: "Montserrat"; font-weight: 700; font-size: 11pt; width: 100%;}
#activitySummary .volunteerEffortsDescription p {color: #3c3c3b; float: left; font-family: "Montserrat"; font-size: 11pt; width: 100%;}
*/
#activitySummary input [type="checkbox"] {float: left;}
#activitySummary select, #activitySummary input.textInput {width: 222px;}
#activitySummary label {cursor: pointer; display: inline-block; float: left; line-height: 27px; padding-left: 5px;}
#activitySummary a.small {font-family: "Montserrat"; font-size: 10pt;}
#activitySummary .donateResult, #activitySummary .questionResult {display: none; min-height: 30px; line-height: 30px; margin-bottom: 17px; text-align: center; width: 100%;}
#activitySummary .donateResult p, #activitySummary .questionResult p {font-size: 11pt;}
#activitySummary .donateResult p span.CloseDialog, #activitySummary .questionResult p span.CloseDialog {cursor: pointer; float: right; font-size: 16pt; margin-right: 10px;}

#idealResultSuccess p, #idealResultSuccess .greenicon {color: #007100 !important;}
#idealResultError p, #donateResult p, #questionResult p {color: #000004;}

#activitySocial {float: right; margin-right: 20px; margin-top: 3px;}
#activitySocial .sharebutton {font-size: 27pt; margin-left: 5px;}
#sideBarSocial .sharebutton {font-size: 32pt;}
.sharebutton.facebook {color: #0071BB;}
.sharebutton.twitter {color: #29AAE1;}
.sharebutton.email {color: #000007;}

#activitySponsors {float: right; margin-right: 12px; margin-top: 20px; width: 571px;}
#activitySponsors div.sponsor {float: right; margin-bottom: 10px; margin-left: 10px;}
/*#activitySponsors div.sponsor img {max-height: 120px; max-width: 330px;}*/
#activitySponsors div.sponsor img {max-height: 59px;}
#activitySponsors a {color: transparent;}

#activityFollowing {border: 1px solid #E5E5E5; border-radius: 2px; min-height: 309px; padding: 15px; width: 100%;}
#activityFollowing a.tab {color: #3c3c3b; !important; font-family: "Montserrat"; !important; font-size: 14pt !important; font-weight: 700; padding: 0 20px 15px 0;}
#activityFollowing li.ui-state-active a.tab {color: #000000 !important; padding: 0 20px 15px 0;}
#activityFollowingTextbox {margin-top: 25px; padding: 3px; width: 100%;}
#activityFollowingTextbox p {color: #3c3c3b; font-family: "Montserrat"; font-size: 11pt;}
#activityFollowingTextbox p i, #activityFollowingTextbox p span {color: #000004; font-size: 14pt;}

#updateEdit input[type="text"] {color: #000000;  font-family: "Montserrat"; font-weight: 700; font-size: 14pt; height: 37px; line-height: 37px; padding-left: 10px; width: 100%;}

#activityFollowing .boxWrapper .box {width: 100% !important;}
#activityFollowing .boxWrapper h4 {color: #000000;  font-family: "Montserrat"; font-weight: 700; font-size: 11pt; text-tranform: uppercase;}
#activityFollowing .boxWrapper h4 i, #activityFollowing .boxWrapper span {color: #000007; margin-left: 5px;}
#activityFollowing .boxWrapper p {line-height: 20px; margin: 0 0 10px;}
#activityFollowing .boxWrapper p i {color: #000007; margin-right: 5px;}
#activityFollowing .boxWrapper .contentBox {padding: 0 0 5px 0;}
#activityFollowing .ui-tabs-panel {padding: 0;}

.submenu                {background-color: #E5E5E5; float: left; text-align: center;}
.submenu div            {border-radius: 2px; float: left; height: 36px; line-height: 36px; padding: 0 15px;}
.submenu div a          {color: #3c3c3b; !important; font-family: "Montserrat"; !important; font-size: 14pt !important; font-weight: 700;}
.submenu div.active     {background-color: #B2B2B2;}
.submenu div.active a   {color: #FFFFFF !important;}
/*
#tabContainerActivityDetails #tabContainer                              {}
#tabContainerActivityDetails #tabContainer ul                           {background-color: #E5E5E5; float: left; position: absolute; padding: 0; text-align: center;}
#tabContainerActivityDetails #tabContainer ul li                        {border-radius: 2px; float: left; height: 36px; line-height: 36px; margin-right: 0; padding: 0 15px;}
#tabContainerActivityDetails #tabContainer ul li a                      {color: #3c3c3b; !important; font-family: "Montserrat"; !important; font-size: 14pt !important; padding: 0;}
#tabContainerActivityDetails #tabContainer ul li.ui-state-active        {background-color: #B2B2B2;}
#tabContainerActivityDetails #tabContainer ul li.ui-state-active a      {color: #FFFFFF !important;}
#tabContainerActivityDetails #tabContainer .ui-tabs-panel               {padding-left: 0; padding-top: 60px;}

#tabContainerUserDetails.tabContainer                              {}
#tabContainerUserDetails.tabContainer ul                           {background-color: #E5E5E5; float: left; position: absolute; padding: 0; text-align: center;}
#tabContainerUserDetails.tabContainer ul li                        {border-radius: 2px; float: left; height: 36px; line-height: 36px; margin-right: 0; padding: 0 15px;}
#tabContainerUserDetails.tabContainer ul li a                      {color: #3c3c3b; !important; font-family: "Montserrat"; !important; font-size: 14pt !important; padding: 0;}
#tabContainerUserDetails.tabContainer ul li.ui-state-active        {background-color: #B2B2B2;}
#tabContainerUserDetails.tabContainer ul li.ui-state-active a      {color: #FFFFFF !important;}
#tabContainerUserDetails.tabContainer .ui-tabs-panel               {padding-left: 0; padding-top: 60px;}

#tabContainerRoundDetails.tabContainer                              {}
#tabContainerRoundDetails.tabContainer ul                           {background-color: #E5E5E5; float: left; position: absolute; padding: 0; text-align: center;}
#tabContainerRoundDetails.tabContainer ul li                        {border-radius: 2px; float: left; height: 36px; line-height: 36px; margin-right: 0; padding: 0 15px;}
#tabContainerRoundDetails.tabContainer ul li a                      {color: #3c3c3b; !important; font-family: "Montserrat"; !important; font-size: 14pt !important; padding: 0;}
#tabContainerRoundDetails.tabContainer ul li.ui-state-active        {background-color: #B2B2B2;}
#tabContainerRoundDetails.tabContainer ul li.ui-state-active a      {color: #FFFFFF !important;}
#tabContainerRoundDetails.tabContainer .ui-tabs-panel               {padding-left: 0; padding-top: 60px;}

#tabContainerMonitor #tabContainer                              {}
#tabContainerMonitor #tabContainer ul                           {background-color: #E5E5E5; float: left; position: absolute; padding: 0; text-align: center;}
#tabContainerMonitor #tabContainer ul li                        {border-radius: 2px; float: left; height: 36px; line-height: 36px; margin-right: 0; padding: 0 15px;}
#tabContainerMonitor #tabContainer ul li a                      {color: #3c3c3b; !important; font-family: "Montserrat"; !important; font-size: 14pt !important; padding: 0;}
#tabContainerMonitor #tabContainer ul li.ui-state-active        {background-color: #B2B2B2;}
#tabContainerMonitor #tabContainer ul li.ui-state-active a      {color: #FFFFFF !important;}
#tabContainerMonitor #tabContainer .ui-tabs-panel               {padding-left: 0; padding-top: 60px;}
*/
.adminPage .tabContainer                              {}
.adminPage .tabContainer ul                           {background-color: #E5E5E5; float: left; padding: 0; text-align: center;}
.adminPage .tabContainer ul li                        {border-radius: 2px; float: left; height: 36px; line-height: 36px; margin-right: 0;}
.adminPage .tabContainer ul li a                      {color: #3c3c3b; !important; font-family: "Montserrat"; !important; font-size: 14pt; padding: 0 15px; font-weight: 700; text-align: left; width: 100%;}
.adminPage .tabContainer ul li.ui-state-active        {background-color: #B2B2B2;}
.adminPage .tabContainer ul li.ui-state-active a      {color: #FFFFFF !important;}
.adminPage .tabContainer .ui-tabs-panel               {padding: 20px 0 0;clear:both;}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor
{
    line-height: 15px;
    padding: 10px;
}

.hidden                 {display: none;}

#activityOverViewVolunteerText      {width: 210px;float:left;}
#activityOverViewResourcesText      {float:left;}
#activityOverViewVolunteerText fa-stack, #activityOverViewResourcesText fa-stack  {float: left;}
#activityOverViewVolunteerText div, #activityOverViewResourcesText div  {color: #000005; display: inline-block; font-family: "Montserrat"; font-size: 9pt; line-height: 24px; margin-left: -10px; padding-bottom: 5px; text-transform: uppercase;}

#ActivityOverview #searchBlockWrapper {margin-top: 13px;}
#ActivityOverview #searchBlockWrapper .textInput {width: 160px;}

div.LoginFacebook, div.LoginTwitter {border-radius: 3px; color: #FFFFFF; font-family: "Montserrat"; font-size: 11pt; height: 27px; line-height: 27px; margin-bottom: 5px; width: 259px;}
div.LoginFacebook i, div.LoginTwitter i {margin: 0 10px;}
div.LoginFacebook {background-color: #0071BB;}
div.LoginTwitter {background-color: #29AAE1;}






/*
 - Classes
*/
.content {box-shadow: none;}
.greenButton {color: #ffffff; background-color: #000007; margin-left: 5px;}
.greenButton:hover {background-color: #000004; text-decoration: underline;}

/*
 * Events.
*/
.activity, .activity:hover, .activity.green, .activity.green:hover, .news, .news:hover
{
    border: 1px solid #E9E9E9;
    border-radius: 2px;
}
/*
 * Events.
*/
.activity, .activity:hover, .activity.green, .activity.green:hover, .news, .news:hover, .activityReport, .activityReport:hover
{
    background-color: #FFFFFF;
    color: #404041;
}

/*
 * BaseCollection.
*/
table.baseContainer {border: 1px solid #3c3c3b; border-radius: 2px;}
table.baseContainer {border: none; margin-top: 0;}
table.baseContainer th {display: table-cell;}

span.red, a.red, label.red {background-color: transparent; color: #000004 !important;}
span.green, a.green, label.green {background-color: transparent; color: #000007 !important;}

#mainPageMore {clear: both; text-align: right;}
#mainPageMore .moreNews {float: left; margin-right: 32px; width: 372px;}
#mainPageMore .moreReports {float: left; margin-right: 0; width: 357px;}
#mainPageMore .moreActivities {float: right; margin-right: 22px; width: 371px;}
#mainPageMore a, #contentArea .mainPageMore a {color: #000007; font-family: "Montserrat"; font-size: 14pt; font-weight: 700; float:right; display: block;text-align: right;margin-bottom: 25px;}

.fullWidth {width: 100% !important;}

#newsDetailsWrapper h2 {margin-top: 20px; text-transform: uppercase !important;}
#newsDetailsWrapper .back {color: #000004; font-size: 11pt;}
#newsDetailsWrapper .date {color: #000004; font-size: 11pt; padding-bottom: 5px;}
#newsDetailsWrapper p:first-of-type {font-size: 12pt !important;}

#activityMap {height: 105px; width: 100%; margin-top: 5px;}

.followActivityButton {cursor: pointer; font-family: "Montserrat"; font-size: 11pt; font-weight: 700; text-align: right;}
#followActivityButton {float: right;}
#unFollowActivityButton {float: right;}

.statistics {border: 1px solid #D4D4D4; border-radius: 2px; padding: 12px 15px;}
.statistics h1, .statistics h2, .statistics h3, .statistics h4 {color: #000000 !important; font-size: 16pt !important; padding-bottom: 15px; text-transform: none !important;}
.statistics .left {float: left; line-height: 8px; width: 50%;}
.statistics .right {float: left; line-height: 8px; width: 50%;}
.statistics span.statistic, .statistics dd.statistic
{
    color: #000007;
    font-family: "Montserrat"; font-weight: 700;
    font-size: 17pt;
    line-height: 20px;
    margin-bottom: 0;
    padding-bottom: 10px;
}
.statistics span, .statistics dt {color: #000004;
    display: block;
    font-family: "Montserrat";
    font-size: 11pt;
    font-weight: 700;
    margin-bottom: 6px;}

.ui-widget-header, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: none; border: none;}

.ui-state-active, .ui-widget-content .ui-state-active
{
    color: #000000;
}

.ui-menu-item
{
    border-bottom: 1px solid #333333;
    padding: 5px;
    max-width: 500px;
}

.ui-menu-item a
{
    font-size: 80%;
    text-decoration: none;
}

.greenicon {color: #000007 !important;}
.redicon {color: #930000 !important;}
.selectedicon {color: #000004 !important;}

.adminPage {}
.adminPage table, #roundContainer {clear: both; padding-top: 20px;}
.adminPage .pager, #roundContainer .pager {top: 700px;}
.adminPage .baseContainer div.headerText, #roundContainer .baseContainer div.headerText{color: #000004; font-family: "Montserrat"; font-size: 11pt;}
.adminPage .baseContainer th.gridHeader, #roundContainer .baseContainer th.gridHeader {padding-bottom: 2px;}
.adminPage .baseContainer tr.gridRow, #roundContainer .baseContainer tr.gridRow {line-height: 17px;}
.adminPage .baseContainer td.gridCell, #roundContainer .baseContainer td.gridCell {color: #3c3c3b; font-family: "Montserrat"; font-size: 11pt; height: 28px;}
.adminPage #activityContainer {height: auto;}
.adminPage #activityContainer .pager {top: 700px;}

thead.blackHeader tr th {font-family: var(--main-title-font-family); font-size: 11pt;}
thead.blackHeader tr th a {text-decoration: none; text-transform: uppercase;}
thead.blackHeader tr td {font-family: var(--main-title-font-family); font-size: 11pt;}
thead.redHeader tr td {color: #000004; font-family: var(--main-title-font-family); font-size: 11pt; text-transform: uppercase;}

#tabContainerUserDetails table tr td {color: #3c3c3b; font-family: "Montserrat"; font-size: 11pt;}
#tabContainerUserDetails h4 {margin-top: 20px;}

#tabContainerActivityDetails table tr td {color: #3c3c3b; font-family: "Montserrat"; font-size: 11pt;}
#tabContainerActivityDetails h4 {margin-top: 20px;}

.pager {font-family: "Montserrat"; font-size: 11pt; text-align: center;}

.currentUserBalance {color: #000007;  font-family: "Montserrat"; font-weight: 700; font-size: 14pt;}

#followActivityButton span i.green, #followActivityButton span span.green {background-color: transparent; color: #178906 !important;}
#unFollowActivityButton span i.red {background-color: transparent; color: #BC0E16;}

.steps {border: 1px solid #666666; border-radius: 3px; float: right; max-width: 200px; width: 95%;}
.step {border-bottom: 1px solid #666666; color: #666666; float: left; font-family: "Montserrat"; line-height: 30px; width: 100%;}
.step.current {background-color: #000007; color: #FFFFFF;}
.step.last {border-bottom: none;}
.step .title {display: inline-block; text-align: center; vertical-align: top; width: 30px;}
.step .description {border-left: 1px solid #666666; display: inline-block; font-size: 95%; padding-left: 5px; width: calc(100% - 40px);}

.reportDetailsWrapper ol li {font-size: 11pt;}

.sponsors p {padding: 0 0 10px 0; text-align: right;}

h4.red {color: #000004 !important;}
h4.subheader {font-family: "Montserrat"; text-decoration: underline; margin: 0; padding: 0; }
h5.subheader {color: #404041;  font-family: "Montserrat"; font-weight: 700; font-size: 11pt; text-decoration: underline; text-transform: none; margin: 15px 0 0 0; padding: 0; }
h2.h5.subheader {font-size: 12pt !important; text-decoration: underline; text-transform: none !important; margin: 15px 0 0 0; padding: 0; }

#activityEditWrapper #Step4 .label {color: #000000;}

#menuLinkCurrent {font-weight: bold;}

.color1{color: #000004;}

a.InputError, span.InputError, span.InputError, div.InputError
{
    color: #C00 !important;
}

input.InputError, textarea.InputError, select.InputError
{
    background-color: #e5a5a5;
}

#sideBarStayInformed  #StayInformedMessage {font-size: 11pt; margin-bottom: 10px; margin-top: 10px;}
#sideBarStayInformed  #StayInformedMessage.error
{
    background-color: #F1D5D5;
    border: 1px solid #CC0000;
    color: #000000;
    padding: 5px;
    width: calc(100% - 4px);
}

.WcagErrorMessage
{
    background-color: #F1D5D5;
    border: 1px solid #CC0000;
    color: #000000;
    display: none;
    margin-top: 5px;
    padding: 5px;
    width: 100%;
}

.WcagSuccessMessage
{
    background-color: #D5F1D5;
    border: 1px solid #00CC00;
    color: #000000;
    display: none;
    margin-top: 5px;
    padding: 5px;
    width: 100%;
}

.MessageOnPage
{
    background-color: #F1D5D5;
    border: 1px solid #CC0000;
    color: #000000;
    margin-top: 5px;
    padding: 5px;
    width: 100%;
}

.white-popup-block {
    background: #fff none repeat scroll 0 0;
    margin: 40px auto;
    max-width: 650px;
    padding: 20px 30px;
    position: relative;
    text-align: left;
}

#reportBox
{
    padding: 10px 10px 10px 35px;
}

#reportBox h3
{
    color: #000000;
     font-family: "Montserrat"; font-weight: 700;
    font-size: 14pt;
    padding-bottom: 10px;
}

#wrapperActivityContribution
{
    margin-left: -10px;
}

#RequiredResourcesCanNotDonate
{
    padding-bottom: 0;
}

#rowResourcesCanDonateDescription .aanmeldform
{
    margin-top: -20px
}

.gridCell.bold
{
    color: #404040 !important;
    font-weight: bold;
}

.gridCellTooltip.regular
{
    color: #3c3c3b !important;
    cursor: help;
}

.gridCellTooltip.highlight
{
    color: #000004 !important;
}

.removeContribution, .editContribution
{
    cursor: pointer;
    visibility: hidden;
}

.activityContributionItem:hover .removeContribution, .activityContributionItem:hover .editContribution
{
    visibility: visible;
}

.HoverButton
{
    cursor: pointer;
    visibility: hidden;
}

.HoverButtonContainer:hover .HoverButton
{
    visibility: visible;
}

.includeiframe
{
    width: 100%;
    height: 800px;
}

.fieldholder
{
    clear: both;
    width: 100%;
}

.cfpModal input.textInput, .cfpModal select, .cfpModal textarea
{
    color: #404041;
    font-family: "Montserrat";
    font-size: 11pt;
    height: 27px;
    line-height: 27px;
    margin: 3px 0 3px 0;
    width: 234px;
}

.cfpModal .PasswordToggleWrapper
{
    max-width: 100%;
    width: 234px;
}

.cfpModal .button 
{
    /*padding-left: 0;*/
    padding-left: 15px;
}

.cfpModal .leftcol
{
    /*height: 230px;*/
}
.cfpModal .rightcol
{
    border-left: 2px solid #000007;
    /*height: 230px;*/
    padding-left: 40px;
}

.cfpModal h3, .cfpModal .h3
{
    color: var(--modal-title-color);
    font-family: "Montserrat"; font-weight: 700;
    font-size: 20pt;
    margin-bottom: 20px;
}
.cfpModal h4, .cfpModal .h4
{
    color: #000007;
     font-family: "Montserrat"; font-weight: 700;
    font-size: 16px;
    margin-bottom: 20px;
}
.cfpModal h4.black, .cfpModal .h4.black
{
    color: #000000;
}
.cfpModal h6, .cfpModal .h6, .cfpModal h4.h6
{
    color: #000000;
    font-size: 16px;
    margin-top: 15px;
    text-transform: none;
    margin-bottom: 0;
}
.cfpModal ul li
{
    clear: both;
    color: #000000;
}

#modal-Donation label
{
    cursor: pointer;
}

.modal-DonationText p
{
    color: #000000;
}

#DonateSelects
{
    margin-top: 15px;
}

#DonateSelects li
{
    padding-left: 20px;
}

#DonateSelects li label input[type=checkbox]
{
    position: absolute;
    left: 15px;
    padding-top: 10px;
    margin-top: 7px;
}

#ModalRegionSelection
{
    padding-left: 17px;
}

#InloggenAccountAanmakenButtons
{
    display: block;
    font-size: 14px;
    text-align: right;
    padding-top: 10px;
}

#PageMessageContainer
{
    left: 1%;
    position: fixed;
    right: 1%;
    top: 0;
    width: 98%;
    z-index: 2000;
}

.PageMessage
{
    background-color: #FFFFFF;
    border: 1px solid #000000;
    color: #000000;
    display: none;
    margin-top: 5px;
    padding: 10px; 
    text-align: center; 
    width: 100%;
}

.PageMessage.Success
{
    background-color: #EEFBEC;
    border: 1px solid #1B5720;
    color: #1B5720;
}

.PageMessage.Error
{
    background-color: #FBECEC;
    border: 1px solid #920909;
    color: #920909;
}

.PageMessage #ButtonClosePageMessage
{
    background: transparent;
    border: 1px solid #000000;
    color: #000000;
    cursor: pointer;
    padding: 5px;
    text-align: center;
}

*:focus, :focus
{
    /*border-radius: 0;
    border-color: #020202 !important;
    border-style: solid !important;
    border-width: 1px !important;*/
    /*font-weight: bold;*/
    /*text-decoration: underline;*/
}

input:focus, textarea:focus, select:focus
{
    border-color: #000001;
    font-style: inherit;
    text-decoration: inherit;
}

input[type="checkbox"]:hover, .input[type="checkbox"]:focus
{
    color: #000001;
}

button:focus
{
    border-color: #000000 !important;
    border-style: solid !important;
    border-width: 1px !important;
}

input.button:focus, .button:focus
{
    text-decoration: underline !important;
}

.BigButtonLink, a.BigButtonLink
{
    background-color: #000001;
    color: #FFFFFF !important;
    cursor: pointer;
    display: block;
    font-family: "Montserrat"; font-weight: 700;
    font-size: 15pt;
    line-height: 35px;
    margin-bottom: 10px;
    padding: 2px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px)
{
    .BigButtonLink, a.BigButtonLink
    {
        font-size: 95%;
    }
}

.BigButtonLink:hover, .BigButtonLink:focus, a.BigButtonLink:hover, a.BigButtonLink:focus
{
    background-color: #000002;
}

.HolderButton
{
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
    text-align: inherit;
}

.HolderButton:focus, .HolderButton:hover
{
    border: 1px solid #CC0606;
    text-decoration: underline;
}

.FilterSelectButton
{
    font-size: 11pt;
    line-height: 30px;
}

#ActivityLogTable tr
{
    border-bottom: 1px solid #DDDDDD;
}

#ActivityLogMessage p
{
    margin-bottom: 10px;
}

.sideBarInner
{
    border-bottom: 1px rgba(0,0,0,0.3) dashed;
    padding-bottom: 25px;
    padding-top: 25px;
}

.OrderedListNumbersVisible ol
{
    list-style: decimal outside;
    padding-left: 20px;
}

.DonationOptionHolder
{
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-size: 10pt;
    font-weight: bold;
    margin-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 113px;
}

.DonationOptionHolder:hover, .DonationOptionHolder:focus
{
    border: 1px solid #000000;
}

.DonationOptionHolder.SelectedDonationOption
{
    color: #398640;
}

.DonationOptionHolder img
{
    margin-bottom: 10px;
    width: 100%;
}

.DonationOptionActive
{
    display: none;
}

.DonationOptionText
{
    display: none;
}

.MainPageBox
{
}

.MainPageBox .titledate
{
    height: 50px;
}

.MainPageBox .titledate .title h3 a, .MainPageBox .titledate .title h4 a
{
    color: #404041 !important;
    text-decoration: none;
}

.MainPageBox .titledate .title h3 a:hover, .MainPageBox .titledate .title h3 a:focus
, .MainPageBox .titledate .title h4 a:hover, .MainPageBox .titledate .title h4 a:focus
{
    outline: 1px dashed #000002; /*text-decoration: underline;*/
}

.MainPageBox .title
{
}

.MainPageBox .date
{
    height: 30px;
    line-height: 30px;
}

#SliderHolder
{
    
}

#SliderContainer
{
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 4px;
    position: relative;
    width: 66.66666667%;
    /*height: 438px;*/
}

#slider
{
    margin-top: 4px;
    width: 100%;
}

.slide
{
    display: none;
}

.slide img, .slide .imgbox
{
    width: 691px;
    height: 389px;
}
.slide .imgbox
{
    background-position: center;
    background-size: cover;
}
.slide .imgbox.receiptimgbox
{
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: zoom-in;
    width: 500px;
}

.slide .slideText
{
    background-color: #000001;
    border-radius: 0 10px 10px 0;
    bottom: 30px;
    color: #FFFFFE;
    font-size: 18pt;
    font-weight: bold;
    height: 80px;
    line-height: 30px;
    overflow: hidden;
    padding: 10px 20px;
    position: absolute;
    width: 460px;
}

.slide .slideYoutubeIframe
{
    width: 691px;
    height: 389px;
}

#SliderContainer
{
    height: 438px;
}
.slick-list
{
    height: 100%;
}
.slick-track
{
    height: 100%;
}
.slSlide
{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.slSlideLink
{
    border: 1px transparent;
    cursor: pointer;
    display: block;
    text-decoration: none;
    height: calc(100% - 2px);
    width: calc(100% - 2px);
}
a.slSlideLink:hover, a.slSlideLink:focus
{
    border: 1px solid #000002;
    text-decoration: none;
}
.slText
{
    background-color: #000001;
    border-radius: 0 10px 10px 0;
    color: #FFFFFE;
    display: inline-block;
    font-size: 14pt;
    font-weight: bold;
    line-height: 30px;
    margin-top: 300px;
    overflow: hidden;
    padding: 10px 20px 10px 20px;
    max-width: 75%;
}

.slick-dots li.slick-active button::before
{
    color: #000001 !important;
    opacity: 1 !important;
}


/*
.cycle-pager
{
    bottom: 0;
    position: absolute;
    z-index: 110;
}

.cycle-pager span, .cycle-pager .cycle2button
{
    background: none;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 40px;
    height: 20px;
    line-height: 20px;
    padding-bottom: 25px;
    text-align: center;
    width: 20px;
}

.cycle-pager span, .cycle-pager .cycle2button:hover, .cycle-pager span, .cycle-pager .cycle2button:focus
{
    background-color: #FFFFFF;
    color: #000004;
}

.cycle-pager.receipt-cycle-pager span .cycle-pager.receipt-cycle-pager .cycle2button
{
    color: #5B5B5B;
}

.cycle2button:hover, .cycle2button:focus, #ButtonPausePlaySlider:hover, #ButtonPausePlaySlider:focus
{
    color: #000004;
}
*/
#ActivityReceiptContainer .cycle-pager
{
    text-align: center;
    width: 100%;
}

#ButtonPausePlaySlider
{
  background: none;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  float: right;
  font-size: 14pt;
  margin: 1px 0 0 5px;
  position: relative;
  z-index: 115;
}

.bottomLineContainer
{
    clear: both;
    padding-left: 35px !important;
    padding-right: 40px !important;
    padding-top: 20px;
}

.bottomLine
{
    border-top: 1px solid #939598;
}

.EditSlide
{
    clear: both;
    height: 216px;
    margin-bottom: 20px;
    width: 434px;
}

.EditSlideContent
{
    border: 1px solid #939598;
    float: left;
    height: 216px;
    width: 384px;
}
.EditSlideContent.Invisible
{
    opacity: 0.5;
}

.EditSlideContent img
{
    height: 216px;
    width: 384px;
}

.EditSlideContent iframe
{
    height: 216px;
    width: 384px;
}

.EditSlideButtonContainer
{
    float: right;
    height: 216px;
    padding-left: 10px;
    text-align: center;
    width: 50px;
}

.EditSlidePlaceholder
{
    background-color: #939598;
    border: 1px solid #939598;
    margin-bottom: 20px;
    height: 216px;
    width: 434px;
}

.SlideDragHandle, .ButtonOpenEditSlideDialog, .ButtonOpenDeleteSlideDialog, .ButtonAddSlide
{
    border: 1px solid #939598;
    display: block;
    height: 35px;
    line-height: 35px;
    margin-bottom: 10px;
    text-align: center;
    width: 35px;
}

.FaqQuestionPlaceholder
{
    background-color: #939598;
    border: 1px solid #939598;
    margin-bottom: 5px;
    height: 20px;
    width: 434px;
}

.ColumnPlaceholder
{
    background-color: #939598;
    border: 1px solid #939598;
    margin: 5px;
    height: 200px;
    width: 75px;
}

.varmargin
{
    margin-top: 25px;
}

.spacerforlargescreen
{
    height: 100px;
    width: 100%;
}

#ButtonConfirmDonation
{
    float: right;
    width: 220px !important;
}

.menu-trigger {
	background: #ccc;
	border: none;
	width: 48px;
	height: 45px;
	text-indent: -900em;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: none;
        z-index: 1001;
}

.menu-trigger:before {
}

.mp-pusher {
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 1210;
}

.mp-pusher.mp-pushed {
    display: block;
}

.mp-menu {
	position: absolute; /* we can't use fixed here :( */
	top: 0;
	left: 0;
	z-index: 1;
	width: 300px;
	height: 100%;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

.mp-level {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #aaaaaa;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
        overflow-y: scroll;
}

/* overlays for pusher and for level that gets covered */
.mp-pusher::after,
.mp-level::after,
.mp-level::before {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	content: '';
	opacity: 0;
}

.mp-pusher::after,
.mp-level::after {
	background: rgba(0,0,0,0.3);
	-webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	-moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
}

.mp-level::after {
	z-index: -1;
}

.mp-pusher.mp-pushed::after,
.mp-level.mp-level-overlay::after {
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.mp-level.mp-level-overlay {
	cursor: pointer;
}

.mp-level.mp-level-overlay.mp-level::before {
	width: 100%;
	height: 100%;
	background: transparent;
	opacity: 1;
}

.mp-pusher,
.mp-level {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

/* overlap */
.mp-overlap .mp-level.mp-level-open {
	box-shadow: 1px 0 2px rgba(0,0,0,0.2);
	-webkit-transform: translate3d(-40px, 0, 0);
	-moz-transform: translate3d(-40px, 0, 0);
	transform: translate3d(-40px, 0, 0);
        padding-left: 40px;
}
.mp-overlap .mp-level.mp-level-open:first-child {
        padding-left: 0;
}

/* First level */
.mp-menu > .mp-level,
.mp-menu > .mp-level.mp-level-open,
.mp-menu.mp-overlap > .mp-level,
.mp-menu.mp-overlap > .mp-level.mp-level-open {
	box-shadow: none;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* cover */
.mp-cover .mp-level.mp-level-open {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

/* content style */
.mp-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mp-menu h2 {
	margin: 0;
	padding: 1em;
	color: rgba(0,0,0,0.4);
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
	font-weight: 300;
	font-size: 2em;
}

.mp-menu.mp-overlap h2::before {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 8px;
	font-size: 75%;
	line-height: 1.8;
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.1s 0.3s;
	transition: opacity 0.3s, transform 0.1s 0.3s;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	transform: translateX(-100%);
}

.mp-menu.mp-cover h2 {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 1em;
}

.mp-overlap .mp-level.mp-level-overlay > h2::before {
	opacity: 1;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
}

.mp-menu ul li > a {
	display: block;
	padding: 0.7em 1em 0.7em 1.8em;
	outline: none;
	box-shadow: inset 0 -1px rgba(0,0,0,0.2);
	text-shadow: 0 0 1px rgba(255,255,255,0.1);
	font-size: 1.4em;
	-webkit-transition: background 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, box-shadow 0.3s;
	transition: background 0.3s, box-shadow 0.3s;
        color: #FFFFFF;
}

.mp-menu ul li::before {
	position: absolute;
	left: 10px;
	z-index: -1;
	color: #FFFFFF;
	line-height: 3.5;
}

.mp-level > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);
}

.mp-menu ul li a:hover,
.mp-level > ul > li:first-child > a:hover {
	background: rgba(0,0,0,0.2);
	box-shadow: inset 0 -1px rgba(0,0,0,0);
}

.mp-menu .mp-level.mp-level-overlay > ul > li > a,
.mp-level.mp-level-overlay > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0);
}

.mp-level > ul > li:first-child > a:hover,
.mp-level.mp-level-overlay > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0), inset 0 1px rgba(0,0,0,0);
} /* seems like Chrome 34.0.1847.131 needs the second shadow otherwise the transition breaks */

.mp-back {
	background: #000000;
	outline: none;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	display: block;
	font-size: 0.8em;
	padding: 1em;
	position: relative;
	box-shadow: inset 0 1px rgba(0,0,0,0.1);
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
}

.mp-back::after {
	font-family: 'linecons';
	position: absolute;
	content: "\e037";
	right: 10px;
	font-size: 1.3em;
	color: #FFFFFF;
}

.mp-menu .mp-level.mp-level-overlay > .mp-back,
.mp-menu .mp-level.mp-level-overlay > .mp-back::after {
	background: transparent;
	box-shadow: none;
	color: transparent;
}
.mp-level.mp-level-open.mp-level-overlay
{
    margin-left: -40px;
}

/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
/* We'll show the first level only */
.no-csstransforms3d .mp-pusher,
.no-js .mp-pusher {
	padding-left: 300px;
}

.no-csstransforms3d .mp-menu .mp-level,
.no-js .mp-menu .mp-level {
	display: none;
}

.no-csstransforms3d .mp-menu > .mp-level,
.no-js .mp-menu > .mp-level {
	display: block;
}

#mp-menu-overlay
{
    background-color: rgba(0,0,0,0.3);
    display: none;
    height: 1920px;
    left: 0;
    position: fixed;
    top: 0;
    width: 2560px;
    z-index: 1209;
}

#mp-menu ul li
{
    background-color: #333333;
    font-size: 10pt;
    line-height: 14pt;
}

.mp-level
{
    z-index: 1211;
}

.mp-level .mp-level
{
    z-index: 1212;
}

.mp-level .mp-level .mp-level
{
    z-index: 1213;
}

#MainPage .EmptyCollectionContainer
{
    padding: 0;
}

#MainPage .EmptyCollectionContainer .activityReport
{
    border: none;
    padding-left: 0;
}

#MainPage .EmptyCollectionContainer .activityReport p
{
    margin-top: -60px;
}

.ActivityDetailsYoutubeIframe
{
    height: 286px;
    width: 510px;    
}

.ActivityNoteYoutubeIframe
{
    height: 292px;
    width: 510px;    
}

#assignedToMeBlockWrapper
{
    float: right;
    padding-top: 7px;
}

#DatePickerContainerLabel p
{
    font-weight: bold;
}

table.ui-datepicker-calendar
{
    margin-left: 15px;
}

#DatePickerContainer table.ui-datepicker-calendar
{
    margin-left: 15px;
}

table.ui-datepicker-calendar
{
    width: 230px;
}

table.ui-datepicker-calendar tbody
{
    border-left: 2px solid #AAAAAA;
}

table.ui-datepicker-calendar tbody tr
{
    
}

table.ui-datepicker-calendar tbody tr:first-child td
{
    border-top: 1px solid #AAAAAA;
}

table.ui-datepicker-calendar tbody tr td
{
    border-bottom: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    margin: 0;
    padding: 5px !important;
}

table.ui-datepicker-calendar thead th
{
    display: table-cell;
}

table.ui-datepicker-calendar tbody tr td:first-child
{
    border-left: 1px solid #AAAAAA;
}

table.ui-datepicker-calendar tbody tr td span
{
    font-size: 10pt;
}

table.ui-datepicker-calendar tbody tr td a
{
    font-size: 10pt;
}

.DataReeksElementContainer
{
    clear: both;
    width: 100%;    
}
.DataReeksElementContainer input
{
    float: left;
    margin-right: 5px;
    width: 13px !important;
}
.DataReeksElementContainer label
{
    cursor: pointer;
    float: left;
}

.ButtonLoading
{
    display: none;
}

#headerLogo0
{
    left: 28px;
}

#headerLogo0 a
{
    color: #FFFFFF;
}

#ActivityLogMessage ul
{
    margin-bottom: 10px;
}

#ActivityLogMessage li
{
    color: inherit;
    line-height: inherit;
    list-style: inside;
}

.RequiredResourcesNumberOfItems
{
    width: 50px;
}
.RequiredResourcesAmount
{
    width: 100px;
}
.RequiredResourcesDescription, .irrd
{
    width: 250px;
}
.RequiredResourcesCanBeDonated
{
    width: 60px;
}
.RemoveRequiredResourceCanNotDonate
{
}

.fieldLabel
{
    color: #111111;
    /*display: none;*/
}

.fieldLabel2
{
    color: #111111;
}

.fieldLabel3
{
    display: none;
}

.uppercase
{
    text-transform: uppercase;
}

.underline
{
    text-decoration: underline !important;
}

.underlineonhover:hover
{
    text-decoration: underline !important;
}

.nounderlineonhover:hover
{
    text-decoration: none !important;
}

caption
{
    display: none;
}

.selectright select {float: right;}

.mfp-content {left: -3px; vertical-align: top !important;}

.PageTopMessage
{
    background-color: #CFFFD5;
    color: #18691A;
    left: 0;
    line-height: 25px;
    min-height: 45px;
    padding-bottom: 5px;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    font-weight: bold;
}

.PageTopMessage span
{
    margin-left: 10px;
    cursor: pointer;
}

.qrcode-smartphone
{
    background-color: #000004;
    cursor: pointer;
    float: left;
    width: 112px;
}

.qrcode-smartphone img
{
    display: inline-block;
    float: left;
    height: 40px;
    margin: 7px;
}

.qrcode-smartphone span
{
    color: #FFFFFF;
    display: inline-block;
    float: left;
    font-size: 85%;
    font-weight: bold;
    padding-top: 12px;
}

.AcceptCondition, .RejectNote
{
    width: 100%;
}

.AcceptCondition .AcceptConditionText, .RejectNote .RejectNoteText
{
    display: list-item;
    float: left;
    list-style: disc outside;
    margin-bottom: 5px;
    margin-left: 15px;
    width: calc(100% - 55px);
}

.AcceptCondition .AcceptConditionButtonContainer, .RejectNote .RejectNoteButtonContainer
{
    float: right;
    text-align: right;
    width: 40px;
}

.VerslagEditAfbeelding
{
    float: left;
    height: 200px;
    margin-bottom: 10px;
    margin-right: 10px;
    max-width: 250px;
}

.VerslagEditAfbeelding.thumbnail
{
    height: 140px;
    max-width: 100%;
}

.VerslagEditAfbeelding.thumbnail img
{
    height: 134px;
    max-width: 100%;
}

.VerslagAfbeelding
{
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    width: max-250px;
}

.VerslagAfbeelding.thumbnail
{
    height: 134px;
    max-width: 100%;
}

.VerslagAfbeelding.thumbnail img
{
    height: 134px;
    max-width: 100%;
}

.VerslagAfbeeldingen a:hover img, .VerslagAfbeeldingen a:focus img
{
  border: 2px solid #000000;
}

.ActivityReportSummary
{
    background-color: #000004;
    margin-top: 15px;
    padding: 20px 20px 10px 20px;
    color: #FFFFFF;
}

.ActivityReportSummary dt
{
    color: #FFFFFF;
    font-weight: bold;
}

.ActivityReportSummary dd
{
     margin-bottom: 15px;
}

.EmptyCollectionContainer .activityReport
{
    border: none;
}

.ui-autocomplete
{
    height: 300px;
    max-width: 50%;
    overflow-y: scroll;
}

.ActivityTag
{
    border: 1px solid;
    border-radius: 20px;
    display: inline-block;
    line-height: 25px;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 15px;
}

#PanelSelectStatus, #PanelSelectTags, #PanelSelectDistricts
{
    background-color: #FFFFFF;
    box-shadow: 6px 0px 10px rgba(0,0,0,0.4);
    display: none;
    position: absolute;
    padding: 10px 10px;
    z-index: 5;
}

.SelectTag
{
    display: block;
    font-size: 95%;
    line-height: 23px;
}

.SelectedTag
{
    border: 1px solid;
    border-radius: 20px;
    color: #3c3c3b;
    cursor: pointer;
    display: inline-block;
    line-height: 25px;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 15px;
}

#ButtonOpenSelectTags, #ButtonSelectStatus, #ButtonSelectDistricts, #ButtonSelectTags
{
    border: 1px solid #918D8D;
    cursor: pointer;
    display: inline-block;
    font-size: 11pt;
    font-weight: bold;
    line-height: 25px;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 10px;
}

#ButtonOpenSelectTags, #ButtonSelectStatus, #ButtonSelectDistricts, #ButtonSelectTags
{
    color: #000001;
}

.ActivityOverViewSearchButton
{
    color: #000001;
}

#InvitationCanvas
{
    background-color: #4BA03B;
    background-position: center center;
    background-size: cover;
    color: #FFFFFF;
    display: none;
    padding-top: 8%;
    position: relative;
    width: 100%;
}

.EditableContainer_Afbeelding img
{
    width: 50%;
}

#InvitationCanvas .iconsmall
{
    width: 20px;
}

#InvitationCanvas .iconsmall2
{
    display: block;
    float: left;
    margin-top: -3px;
    width: 20px;
}

#InvitationCanvas .iconlarge
{
    display: block;
    float: left;
    margin-left: -42px;
    margin-top: -10px;
    width: 40px;
}

#InvitationCanvas .Content_Titel
{
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

#InvitationCanvas .Content_Naam_Initiatief
{
    font-weight: bold;
    text-align: center;
}

#InvitationCanvas .Content_Organisator
{
    display: inline-block;
    text-align: center;
}

#InvitationCanvas .Content_Datum
{
    display: inline-block;
    text-align: center;
}

#InvitationCanvas .Content_Locatie
{
    display: inline-block;
    text-align: center;
}

#InvitationCanvas .Content_Oproep
{
    display: block;
    float: left;
    font-weight: bold;
}

#InvitationCanvas .Content_Oproep_Subtext
{
    padding-bottom: 5px;
}

#InvitationCanvas .Content_Benodigd_Bedrag
{
    margin-left: 25px;
}

#InvitationCanvas .Content_Middelen
{
    margin-left: 25px;
}

#InvitationCanvas .Content_Vrijwilligers
{
    margin-left: 25px;
}

#InvitationCanvas .EditableContainer
{
    border: 2px solid transparent;
    clear: both;
    float: left;
    position: relative;
}

#InvitationCanvas .EditableContainer:hover
{
    border: 2px solid #0496D6;
    cursor: pointer;
}

#InvitationCanvas .EditableContainer .ButtonPromptHideContent
{
    background-color: #FFFFFF;
    border: 1px solid #0071BB;
    border-radius: 25px;
    color: #0071BB;
    cursor: pointer;
    display: none;
    height: 25px;
    line-height: 25px;
    position: absolute;
    right: -15px;
    text-align: center;
    top: -15px;
    width: 25px;
}

#InvitationCanvas .EditableContainer:hover .ButtonPromptHideContent
{
    display: block;
}

#ButtonEditImageOverlay
{
    display: none;
}

#InvitationCanvas .EditableContainer:hover #ButtonEditImageOverlay
{
    display: block;
    margin-bottom: 48px;
    margin-top: -150px;
}

#ButtonEditImageOverlay img
{
    width: 102px;
}

#InvitationCanvas #InvitationCanvasTopTextContainer
{
    float: left;
    margin-left: 15%;
    text-align: left;
    width: 80%;
}

#InvitationCanvas #InvitationCanvasBottomTextContainer
{
    float: left;
    margin-left: 15%;
    margin-top: 5%;
    text-align: left;
    width: 80%;
}

#EditContentTextControl
{
    background-color: #FFFFFF;
    color: #000000;
    display: none;
    position: fixed;
    width: 22%;
}

#EditContentTextControlIcon
{
    display: inline-block;
    float: left;
    margin-left: 3px;
    margin-top: 5px;
    width: 20px;
}

#EditContentPrefix
{
    float: left;
    font-weight: bold;
    padding-left: 3px;
    padding-top: 9px;
}

#EditContentTextbox
{
    border: none;
    display: inline-block;
    float: left;
    width: 100%;
}

#EditContentCharCounter
{
    clear: both;
    float: right;
}

#SelectImageControl
{
    display: none;
    /*height: 200px;*/
    /*position: fixed;*/
    /*width: 320px;*/
    width: 100%;
}

#EditImageControl
{
    top: 30%;
    width: 100%;
}

#BarBekijkMijnInitiatiefContainer
{
    bottom: 3%;
    left: 8%;
    position: absolute;
    width: 84%;
}

#BarBekijkMijnInitiatiefContainer #BarBekijkMijnInitiatief
{
    background-color: #000004;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 2em;
    text-align: center;
    width: 100%;
}

#BarScanMij
{
    background-color: #000004;
    bottom: 9.5%;
    font-size: 1em;
    font-weight: bold;
    line-height: 2em;
    padding-left: 20px;
    position: absolute;
    right: 8%;
    width: 36%;
}

#BarScanMijPhoneImage
{
    left: -20%;
    position: absolute;
    top: -13px;
    width: 55px;
}

#BarScanMijQrImage
{
    bottom: -5px;
    position: absolute;
    right: 5px;
    width: 80px;
}

.InvitationLinkButtonLeft
{
    color: #FFFFFF !important;
    display: inline-block !important;
    float: left;
    font-size: 10pt !important;
    text-align: center;
}

.InvitationLinkButtonRight
{
    color: #FFFFFF !important;
    display: inline-block !important;
    float: right;
    font-size: 10pt !important;
    text-align: center;
}

.dropdown-content
{
    background-color: #EBECEB;
    border-radius: 0 3px 3px 3px;
    display: none;
    position: absolute;
    margin-top: 3px;
    min-width: 160px;
    z-index: 10;
}

#tabs .dropdown-content a
{
    border-radius: 0 0 3px 3px;
    display: block;
    height: 35px;
    padding: 0 25px 10px 25px;
}

.dropdown-content a:hover
{
    background-color: #DDDDDD;
}

  #Tab_Home:hover .dropdown-content
, #Tab_Initiatieven:hover .dropdown-content
, #Tab_Informatie:hover .dropdown-content
, #Tab_Nieuws:hover .dropdown-content
, #Tab_Partners:hover .dropdown-content
, #Tab_Profiel:hover .dropdown-content
, #Tab_Regisseur:hover .dropdown-content
, #Tab_Ontwikkelmanager:hover .dropdown-content
, #Tab_Admin:hover .dropdown-content
{
    display: block;
}

.bigButton
{
    height: 37px;
    line-height: 37px;
    width: 100%;
}

.red b, .red strong
{
    color: inherit;
}

.iconButton
{
    background-color: #666666;
    border-radius: 50%;
    color: #FFFFFF;
    height: 25px;
    line-height: 24px;
    text-align: center;
    width: 25px;
}

.iconButton2
{
    color: #666666;
    font-size: 20pt;
    height: 25px;
    line-height: 24px;
    text-align: center;
    width: 25px;
}

.innerButton
{
    background: transparent;
    border: none;
    cursor: pointer;
}

#ReceiptList .Receipt
{
    border: 1px solid #9d9b9b;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

#ReceiptList .ReceiptStatus2
{
    background-color: #C8F4BD;
}

#ReceiptList .ReceiptStatus3
{
    background-color: #FFBDBD;
}

#ReceiptList .ReceiptStatus4
{
    background-color: #FFBE6A;
}

#ReceiptList .ReceiptStatus5
{
    background-color: #EAE7E6;
}

.ReceiptStatusFlag0, .ReceiptStatusFlag1
{
    background-color: #EAE7E6;
    color: #000000;
    display: inline-block;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 0 20px
}

.ReceiptStatusFlag2
{
    background-color: #C8F4BD;
    color: #294D21;
    display: inline-block;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 0 20px
}

.ReceiptStatusFlag3
{
    background-color: #FFBDBD;
    color: #FF0000;
    display: inline-block;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 0 20px
}

.ReceiptStatusFlag4
{
    background-color: #FFBE6A;
    color: #294D21;
    display: inline-block;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 0 20px
}

.ReceiptStatusFlag5
{
    background-color: #EAE7E6;
    color: #000000;
    display: inline-block;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 0 20px
}

.ReceiptDirectorRemarksContainer2
{
    border: 1px solid #C8F4BD;
    margin-bottom: 10px;
    margin-top: 5px;
    padding: 0 5px 0 5px;
}

.ReceiptDirectorRemarksContainer3
{
    border: 1px solid #FFBDBD;
    margin-bottom: 10px;
    margin-top: 5px;
    padding: 0 5px 0 5px;
}

.FinJusOverviewBox
{
    background-color: #FFFFFF;
    line-height: 37px;
    margin-top: 10px;
}

.FinJusOverviewTitle
{
    font-size: 90%;
}

.mfp-figure figure
{
    background-color: #FFFFFF;
}

.mfp-figure figure figcaption .mfp-bottom-bar .mfp-counter
{
    color: #3c3c3b;
    right: 10px;
}

button.mfp-close
{
    /*background-color: #868686 !important;
    border-radius: 50%;*/
}

#PaymentInfo_PayoutDate
{
    float: left;
    margin-left: 212px;
    margin-top: -23px;
    width: 100px;
}
/*
.question::after
{
    content: "\f07b";
    font-family: "FontAwesome";
    padding-left: 22px;
}
*/
.question:hover, .question:focus
{
    text-decoration: underline;
}

.selectedQuestion
{
    text-decoration: underline;
}

.faqCategories
{
    padding-bottom: 20px;
}

.faqCategory
{
    padding-bottom: 20px;
}

.faqCategoryHeader, .faqQuestion
{
    border: none;
    border-radius: 3px;
    color: #000000;
    cursor: pointer;
    font-weight: bold;
    line-height: 22px;
    margin-top: 5px;
    padding: 10px 45px 10px 45px;
    position: relative;
    text-align: left;
    width: 100%;
}

.faqCategoryHeader
{
    background: #F5F5F5;
}

.faqQuestion
{
    background: #FFFFFF;
}

.faqCategoryHeader:hover, .faqCategoryHeader:focus, .faqQuestion:hover, .faqQuestion:focus
{
    border: 1px dotted #000000 !important;
}

.faqCategoryHeader::before, .faqQuestion::before
{
    background-image: url('/images/icons/chevron-right.svg');
    background-repeat: no-repeat;
    background-size: 17px 17px;
    content: "";
    display: block;
    height: 17px;
    left: 20px;
    position: absolute;
    top: 12px;
    width: 17px;  
}

.faqCategoryHeader.selectedFaqCategory::before, .faqQuestion.selectedFaqQuestion::before
{
    background-image: url('/images/icons/chevron-down.svg');
    -webkit-transition: background 1s;
    -moz-transition: background 1s;
    -o-transition: background 1s;
    transition: background 1s;
}

.faqCategoryContent
{
    display: none; 
    padding: 0 20px 0 30px;
}

.faqAnswer
{
    display: none; 
    padding: 10px 20px 10px 50px;
}

#frontPage .faqAnswer h3
{
    font-size: 11pt;
    padding-bottom: 0 !important;
}

#frontPage .faqAnswer p
{
    margin-top: 0;
}

.selectedFaqCategory, .selectedFaqQuestion
{
}

.FAQ_Question
{
    cursor: pointer;
}

.FAQ_Question:hover, .FAQ_Question:focus
{
    text-decoration: underline;
}

.FAQ_Answer
{
    display: none;
    padding: 0 10px;
}

#informationFaqWrapper .question, #informationFaqWrapper .FAQ_Question
{
    background: #f5f5f5;
    color: #000 !important;
    font-size: 16px;
    padding: 10px;
}

#informationFaqWrapper p.answer, #informationFaqWrapper p.FAQ_Answer, #informationFaqWrapper p.faqAnswer
{
    padding: 0 10px;
}

/*
.selectedQuestion::after
{
    content: "\f07c";
    font-family: "FontAwesome";
    padding-left: 22px;
}
*/
#ButtonChangeCompanyLogo
{
    left: 20px;
    position: absolute;
    top: 10px;
}

#ButtonRemoveCompanyLogo
{
    left: 50px;
    position: absolute;
    top: 10px;
}

.SelectedNewsItem
{
    display: none;
}

.NewsItemImage
{
    aspect-ratio: 690 / 300;
    background-size: cover;
    position: relative;
    width: 100%;
}

#pageView  h2.NewsItemTitle
{
    background-color: #000000;
    bottom: 10%;
    color: #FFFFFF;
    display: block;
    font-family: "Montserrat";
    font-size: 13pt;
    font-weight: 700;
    left: 0;
    line-height: 23px;
    max-width: 100%;
    padding: 5px 10px;
    position: absolute;
    text-align: left;
    text-transform: none;
    width: 350px;
    z-index: 2;
}

.NewsItemDate
{
    line-height: 48px;
    padding: 0 15px;
}

.NewsItemSummary
{
    overflow: hidden;
    padding: 0 15px;
}

.NewsItemSummaryFooter
{   
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
}

.NewsItemFullText
{
    display: none;
    padding: 0 15px;
}

.UserEventInitiatorStatus0
{
    color: #007100;
}

.UserEventInitiatorStatus1
{
    color: #FF8F00;
}

.UserEventInitiatorStatus2
{
    color: #AC0004;
}

.UserEventInitiatorStatusIndicator
{
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    width: 10px;
}

.UserEventInitiatorStatusIndicator0
{
    background-color: #007100;
}

.UserEventInitiatorStatusIndicator1
{
    background-color: #FF8F00;
}

.UserEventInitiatorStatusIndicator2
{
    background-color: #AC0004;
}

.mb10   {margin-bottom: 10px;}
.mb20   {margin-bottom: 20px;}
.mb30   {margin-bottom: 10px;}
.mb40   {margin-bottom: 20px;}
.mt10   {margin-top: 10px;}
.mt20   {margin-top: 20px;}
.mt30   {margin-top: 10px;}
.mt40   {margin-top: 20px;}

@media only screen and (max-width: 359px)
{
    #InvitationCanvas {width: 290px;}
    #InvitationCanvas .Content_Titel {font-size: 0.8em;}
    #InvitationCanvas .Content_Naam_Initiatief {font-size: 0.6em;}
    #InvitationCanvas .Content_Organisator {font-size: 0.4em;}
    #InvitationCanvas .Content_Datum {font-size: 0.4em;}
    #InvitationCanvas .Content_Locatie {font-size: 0.4em;}
    #InvitationCanvas .Content_Oproep {font-size: 0.6em;}
    #InvitationCanvas .Content_Oproep_Subtext {font-size: 0.4em; margin-top: -20px;}
    #InvitationCanvas .Content_Benodigd_Bedrag {font-size: 0.4em;}
    #InvitationCanvas .Content_Middelen {font-size: 0.4em;}
    #InvitationCanvas .Content_Vrijwilligers {font-size: 0.4em;}
    .EditableContainer_Afbeelding img {width: 35%;}
    #EditContentPrefix {font-size: 0.6em;}
    #EditContentTextbox {font-size: 0.6em;}
    #EditContentCharCounter {font-size: 0.6em;}
    #BarBekijkMijnInitiatiefContainer #BarBekijkMijnInitiatief {font-size: 0.6em;}
    #BarScanMij {font-size: 0.5em; padding-left: 13px; width: 32%;}
    #BarScanMijPhoneImage {top: -8px; width: 30px;}
    #BarScanMijQrImage  {width: 35px;}
    #InvitationCanvas .EditableContainer:hover #ButtonEditImageOverlay {margin-bottom: 16px; margin-top: -67px;}
    #InvitationCanvas .EditableContainer:hover #ButtonEditImageOverlay img {width: 51px;}
    .InvitationLinkButtonRight {float: left;}
}

@media only screen and (min-width: 360px) and (max-width: 767px)
{    
    #InvitationCanvas {width: 330px;}
    #InvitationCanvas .Content_Titel {font-size: 1em;}
    #InvitationCanvas .Content_Naam_Initiatief {font-size: 0.75em;}
    #InvitationCanvas .Content_Organisator {font-size: 0.5em;}
    #InvitationCanvas .Content_Datum {font-size: 0.5em;}
    #InvitationCanvas .Content_Locatie {font-size: 0.5em;}
    #InvitationCanvas .Content_Oproep {font-size: 0.5em;}
    #InvitationCanvas .Content_Oproep_Subtext {font-size: 0.5em; margin-top: -20px;}
    #InvitationCanvas .Content_Benodigd_Bedrag {font-size: 0.5em;}
    #InvitationCanvas .Content_Middelen {font-size: 0.5em;}
    #InvitationCanvas .Content_Vrijwilligers {font-size: 0.5em;}
    .EditableContainer_Afbeelding img {width: 35%;}
    #EditContentPrefix {font-size: 0.75em;}
    #EditContentTextbox {font-size: 0.75em;}
    #EditContentCharCounter {font-size: 0.75em;}
    #BarBekijkMijnInitiatiefContainer #BarBekijkMijnInitiatief {font-size: 0.6em;}
    #BarScanMij {font-size: 0.5em; padding-left: 15px; width: 32%;}
    #BarScanMijPhoneImage {top: -10px; width: 35px;}
    #BarScanMijQrImage  {width: 45px;}
    #InvitationCanvas .EditableContainer:hover #ButtonEditImageOverlay {margin-bottom: 16px; margin-top: -67px;}
    #InvitationCanvas .EditableContainer:hover #ButtonEditImageOverlay img {width: 51px;}
    .InvitationLinkButtonRight {float: left;}
}

@media only screen and (min-width: 768px) and (max-width: 991px)
{
    #InvitationCanvas {width: 700px;}
    #InvitationCanvas .Content_Titel {font-size: 2.2em;}
    #InvitationCanvas .Content_Naam_Initiatief {font-size: 1.65em;}
    #InvitationCanvas .Content_Organisator {font-size: 1.1em;}
    #InvitationCanvas .Content_Datum {font-size: 1.1em;}
    #InvitationCanvas .Content_Locatie {font-size: 1.1em;}
    #InvitationCanvas .Content_Oproep {font-size: 1.65em;}
    #InvitationCanvas .Content_Oproep_Subtext {font-size: 1.2em;}
    #InvitationCanvas .Content_Benodigd_Bedrag {font-size: 1.2em;}
    #InvitationCanvas .Content_Middelen {font-size: 1.2em;}
    #InvitationCanvas .Content_Vrijwilligers {font-size: 1.2em;}
    #EditContentPrefix {font-size: 0.85em;}
    #EditContentTextbox {font-size: 0.85em;}
    #EditContentCharCounter {font-size: 0.85em;}
    #BarBekijkMijnInitiatiefContainer #BarBekijkMijnInitiatief {font-size: 1.2em;}
    #BarScanMij {font-size: 1.2em;}
    #BarScanMijPhoneImage {top: -15px; width: 65px;}
    #BarScanMijQrImage  {width: 100px;}
    #InvitationCanvas .EditableContainer:hover #ButtonEditImageOverlay {margin-bottom: 73px; margin-top: -175px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{
    #InvitationCanvas .Content_Titel {font-size: 1.4em;}
    #InvitationCanvas .Content_Naam_Initiatief {font-size: 1.05em;}
    #InvitationCanvas .Content_Organisator {font-size: 0.6em;}
    #InvitationCanvas .Content_Datum {font-size: 0.6em;}
    #InvitationCanvas .Content_Locatie {font-size: 0.6em;}
    #InvitationCanvas .Content_Oproep {font-size: 1.05em;}
    #InvitationCanvas .Content_Oproep_Subtext {font-size: 0.6em;}
    #InvitationCanvas .Content_Benodigd_Bedrag {font-size: 0.6em;}
    #InvitationCanvas .Content_Middelen {font-size: 0.6em;}
    #InvitationCanvas .Content_Vrijwilligers {font-size: 0.6em;}
    #EditContentPrefix {font-size: 0.6em;}
    #EditContentTextbox {font-size: 0.6em;}
    #EditContentCharCounter {font-size: 0.6em;}
    #BarBekijkMijnInitiatiefContainer #BarBekijkMijnInitiatief {font-size: 0.9em;}
    #BarScanMij {font-size: 0.8em; padding-left: 15px; width: 34%;}
    #BarScanMijPhoneImage {width: 45px;}
    #BarScanMijQrImage  {width: 60px;}
    #InvitationCanvas .EditableContainer:hover #ButtonEditImageOverlay {margin-bottom: 23px; margin-top: -125px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1599px)
{
    #InvitationCanvas .Content_Titel {font-size: 1.2em;}
    #InvitationCanvas .Content_Naam_Initiatief {font-size: 0.9em;}
    #InvitationCanvas .Content_Organisator {font-size: 0.6em;}
    #InvitationCanvas .Content_Datum {font-size: 0.6em;}
    #InvitationCanvas .Content_Locatie {font-size: 0.6em;}
    #InvitationCanvas .Content_Oproep {font-size: 0.9em;}
    #InvitationCanvas .Content_Oproep_Subtext {font-size: 0.6em;}
    #InvitationCanvas .Content_Benodigd_Bedrag {font-size: 0.6em;}
    #InvitationCanvas .Content_Middelen {font-size: 0.6em;}
    #InvitationCanvas .Content_Vrijwilligers {font-size: 0.6em;}
    #EditContentPrefix {font-size: 0.6em;}
    #EditContentTextbox {font-size: 0.6em;}
    #EditContentCharCounter {font-size: 0.6em;}
    #BarBekijkMijnInitiatiefContainer #BarBekijkMijnInitiatief {font-size: 0.8em;}
    #BarScanMij {bottom: 9%; font-size: 0.8em;}
    #BarScanMijPhoneImage {width: 45px;}
    #BarScanMijQrImage  {width: 50px;}
    #InvitationCanvas .EditableContainer:hover #ButtonEditImageOverlay {margin-bottom: 23px; margin-top: -125px;}
    #partners {float: left; width: 100%;}
}

@media only screen and (min-width: 1600px)
{
    #BarScanMij.print {width: 24%;}
    #InvitationCanvas .Content_Titel {font-size: 1.6em;}
    #InvitationCanvas .Content_Naam_Initiatief {font-size: 1.2em;}
    #InvitationCanvas .Content_Organisator {font-size: 0.8em;}
    #InvitationCanvas .Content_Datum {font-size: 0.8em;}
    #InvitationCanvas .Content_Locatie {font-size: 0.8em;}
    #InvitationCanvas .Content_Oproep {font-size: 1.2em;}
    #InvitationCanvas .Content_Oproep_Subtext {font-size: 0.8em;}
    #InvitationCanvas .Content_Benodigd_Bedrag {font-size: 0.8em;}
    #InvitationCanvas .Content_Middelen {font-size: 0.8em;}
    #InvitationCanvas .Content_Vrijwilligers {font-size: 0.8em;}
    #EditContentPrefix {font-size: 0.8em;}
    #EditContentTextbox {font-size: 0.8em;}
    #EditContentTextbox {font-size: 0.8em;}
    #EditContentCharCounter {font-size: 0.8em;}
    #mogelijkgemaaktdoor {float: right; margin-top: 0; text-align: right; width: inherit;}
    #mogelijkgemaaktdoor .footerTitle {margin-right: 20px;}
    #mogelijkgemaaktdoor span {float: right;}
}

.NewsGridItem
{
    /*display: block;*/
    height: 200px;
    margin-bottom: 30px;
}

.NewsGridItem#SelectedNewsItemContainer
{
    /*display: block;*/
    height: 659px;
}

.NewsGridItem:focus .news, .NewsGridItem:hover .news
{
    background-color: #EEEEEE;
    border: 1px solid #000000;
}

#SelectedNewsItemSummaryContent p, #SelectedNewsItemFullText p
{
    margin-bottom: 10px !important;
}

#SelectedNewsItemSummaryContent h2, #SelectedNewsItemFullText h2
{
    text-transform: uppercase !important;
}

.skiplink a {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
  top: -10000em;
    margin: -1px;  
}

.skiplink a:focus {  
background-color: #ddd;
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
  
}

.tooltip {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, calc(100% + 10px));
  padding: 6px calc(10px + 1rem) 6px 10px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  height: 300px;
  width: 600px;
  z-index: 999;
}
/*
.tooltip::before {
  content: "";
  position: absolute;
  top: -10px;
  left: calc(50% - 10px);
  border-bottom: 10px solid rgba(0, 0, 0, 0.9);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}*/

/* a designer could certainly style this better :) */
.tooltip-close {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  width: 1rem;
  height: 1rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0 1px 1px rgba(200, 200, 200, 0.5);
  background-color: transparent;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1rem;
}

#newsContainer p, #mainPageReports #activityNoteContainer p
{
    padding-top: 10px;
}

#newsContainer ul
{
    padding-left: 15px;
}

#newsContainer ul li, #mainPageReports #activityNoteContainer p
{
    line-height: 22px;
    list-style: outside disc;
}

ul.sitemap li
{
    padding-left: 15px;
}

.SidebarWhatsAppLogo
{
    width: 32px;
}

#contentNav
{
    margin-top: -40px;
}
nav{display:block;}
/*a{background-color:transparent;}
a:active,a:hover{outline:0;}
button{margin:0;font:inherit;color:inherit;}
button{overflow:visible;}
button{text-transform:none;}
button{-webkit-appearance:button;cursor:pointer;}
button::-moz-focus-inner{padding:0;border:0;}*/
/*@media print{
*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important;}
a,a:visited{text-decoration:underline;}
a[href]:after{content:" (" attr(href) ")";}
a[href^="#"]:after{content:"";}
.navbar{display:none;}
}*/
/**{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
button{font-family:inherit;font-size:inherit;line-height:inherit;}
a{color:#337ab7;text-decoration:none;}
a:focus,a:hover{color:#23527c;text-decoration:underline;}
a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}*/
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
[role=button]{cursor:pointer;}
/*ul{margin-top:0;margin-bottom:10px;}
ul ul{margin-bottom:0;}
.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}*/
.collapse{display:none;}
.collapse.in{display:block;}
.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent;}
.dropdown{position:relative;}
.dropdown-toggle:focus{outline:0;}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:0;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);}
.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5;}

.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333; text-decoration: none; white-space:nowrap;}

.dropdown-menu>li>a:focus
,.dropdown-menu>li>a:hover
{
    background-color:#F5F5F5;
    border-color: #020202 !important;
    border-style: solid !important;
    border-width: 1px !important;
    color: #000000;
    outline: 1px dashed #000002; /*text-decoration: underline;*/
}

.open>.dropdown-menu{display:block;}
.open>a{outline:0;}
.nav{padding-left:0;margin-bottom:0;list-style:none;}
.nav>li{border-bottom: 1px solid #eeeeee;position:relative;display:block;}
.nav>li>a{position:relative;display:block;padding:10px 10px;}
.nav>li>a:focus,.nav>li>a:hover{outline: 1px dashed #000002; text-decoration:none;background-color:#eee;}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7;}

#mainnavbar
{
    margin-top: -2px;
}

.navbar{position:relative;margin-bottom:20px;border:1px solid transparent;}
@media (min-width:1200px){
.navbar{border-radius:4px;}
}
@media (min-width:1200px){
.navbar-header{float:left;}
}
.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);}
.navbar-collapse.in{overflow-y:auto;}
@media (min-width:1200px){
.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none;}
.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important;}
.navbar-collapse.in{overflow-y:visible;}
}
.container-fluid>.navbar-collapse,.container-fluid>.navbar-header{margin-right:-15px;margin-left:-15px;}
@media (min-width:1200px){
.container-fluid>.navbar-collapse,.container-fluid>.navbar-header{margin-right:0;margin-left:0;}
}
.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px;}
.navbar-brand:focus,.navbar-brand:hover{text-decoration:none;}
@media (min-width:1200px){
.navbar>.container-fluid .navbar-brand{margin-left:-15px;}
}
.navbar-toggle{position:relative;float:right;padding:9px 14px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px;}
.navbar-toggle:focus{outline:0;}
.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px;}
.navbar-toggle .icon-bar+.icon-bar{margin-top:4px;}
@media (min-width:1200px){
.navbar-toggle{display:none;}
}
.navbar-nav{margin:7.5px -15px 0 -15px;}
.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px;}
@media (max-width:1199px){
.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none;}
.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px;}
.navbar-nav .open .dropdown-menu>li>a{line-height:20px;}
.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none;}
}
@media (min-width:1200px){
.navbar-nav{float:left;margin:0;}
.navbar-nav>li{float:left;}
.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;
border-radius: 3px 3px 0 0;
background: transparent;
margin-right: 5px;
}
}

.input-container > input:focus + label

.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0;}
.navbar-default{background:tranparent;border: none;}
.navbar-default .navbar-brand{color:#777;}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent;}
.navbar-default .navbar-nav>li:focus{border-color: #020202 !important;}
.navbar-default .navbar-nav>li>a{color:#000000;}
.navbar-default .navbar-nav>li>a{border: 1px solid transparent; text-decoration: none;}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#000000;background-color:transparent;outline: 1px dashed #000002; /*text-decoration: underline;*/ border: 1px solid #020202 !important;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7;}
.navbar-default .navbar-toggle{border-color:#000000; margin-top: -10px;}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{border: none;}
.navbar-default .navbar-toggle {background: none; border: none;}
.navbar-default .navbar-toggle .icon-bar{background-color:#000000;}
.navbar-default .navbar-toggle i {color: #FFFFFF; font-size: 30px}
.navbar-default .navbar-toggle:focus i,.navbar-default .navbar-toggle:hover i{color: #000000;}
/*.navbar-default .navbar-collapse{border-color:#e7e7e7;}*/
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#000000;background-color:#e7e7e7;}
@media (max-width:1199px){
.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#000000;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#000000;background-color:transparent;}
}
.container-fluid:after,.container-fluid:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before{display:table;content:" ";}
.container-fluid:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after{clear:both;}
    


@media all and (min-width: 1199px) {
	.navbar .dropdown:hover .dropdown-menu{ display: block; }
}

.scrollableSubmenu
{
    display: none;
}

@media (max-width:1199px)
{
    #top
    {
        padding-top: 125px
    }

    #logoWrapper
    {
        margin-top: -125px;
    }

    #headerArea
    {
        height: 0;
    }

    .headerAreaHome#headerArea
    {
        height: 175px;
    }

    #nav_menu
    {
        position: absolute;
        top: 70px;
        right: 10px;
    }

    #navbar-collapse-pages
    {
        background-color: #FFFFFF;
        border: 1px solid #EEEEEE;
        border-bottom: none;
        margin-left: 0;
        margin-right: -40px;
        position: relative;
        width: 340px;
        z-index: 9;
    }

    #navbar-collapse-profile
    {
        background-color: #FFFFFF;
        border: 1px solid #EEEEEE;
        border-bottom: none;
        margin-left: 0;
        margin-right: 0;
        position: relative;
        width: 340px;
        z-index: 9;
    }

    #contentNav .container-fluid
    {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

    #MenuNavBarPages
    {
        position: absolute;
        right: 40px;
        top: 0;
    }

    #MenuNavBarProfile
    {
        position: absolute;
        right: 0;
        top: 0;
    }
    
    #ButtonMenuNavBarPages
    {
        cursor: pointer;
        margin-top: -40px;
    }
    
    #ButtonMenuNavBarProfile
    {
        cursor: pointer;
        margin-top: -40px;
    }

    #logoWrapper div
    {
        max-width: 50% !important;
    }

    #logoWrapper a
    {
        height: 65px !important;
    }

    .scrollableSubmenu
    {
        display: block;
        margin-top: -96px;
        overflow: auto;
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */        
        white-space: nowrap;
    }

    .scrollableSubmenu::-webkit-scrollbar /* Chrome, Safari and Opera */
    {
        display: none;
  }
    
    .scrollableSubmenu div
    {
        color: #FFFFFF;
        font-weight: bold;
        display: inline-block;
        text-align: center;
    }

    .scrollableSubmenu div:before
    {
        content: "|";
    }

    .scrollableSubmenu div:first-child:before
    {
        content: "";
    }

    .scrollableSubmenu div a
    {
        border: 1px solid transparent;
        color: #FFFFFF;
        display: inline-block;
        padding: 14px 3px 14px 3px;
        text-decoration: none;
    }

    .scrollableSubmenu div:first-child a
    {
        padding-left: 0;
    }

    .scrollableSubmenu div a.active
    {
        color: #000000;
    }

    .scrollableSubmenu div a:hover
    {
        color: #000000;
        border: 1px solid #000000;
    }
}



.collapsing
{
    -webkit-transition: height .01s ease;
    -o-transition: height .01s ease;
    transition: height .01s ease;
    /*display: none; */
}

.FollowDistrictLabel
{
    cursor: pointer;
}

.FollowDistrictLabel:hover, .FollowDistrictLabel:focus
{
    display: inline-block;
    transform: translateY(-2px);
}

.SidebarInput:hover, .SidebarInput:focus
{
    border-color: #000001;
}

input[type="checkbox"]:hover, input[type="checkbox"]:focus
{
    color: #000001;
    outline: max(2px, 0.15em) solid currentColor;
    outline-offset: max(2px, 0.15em);
}

.uxModalOverlay
{
    background-color: #00000047;
    display: none;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 999999;
}

.uxModalOverlay .uxModalInner
{
    background-color: #FFFFFF;
    height: 475px;
    left: calc( (100% - 1200px) / 2 );
    padding: 25px;
    position: fixed;
    top: calc( (100% - 475px) / 2 );
    width: 900px;
}

#uxOverlay
{
    background-color: #000000;
    display: none;
    height: 100vh;
    left: 0;
    opacity: 0.1;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 999999;
}

#uxOverlay #uxoverlay_inner
{
    background-color: #FFFFFF;
    border-radius: 15px;
    height: 100px;
    left: calc( (100% - 200px) / 2 );
    line-height: 100px;
    position: fixed;
    text-align: center;
    top: calc( (100% - 100px) / 2 );
    width: 200px;
}

.uxActiveButton
{
}

.stackcircle
{
    color: #000001;
    font-size: 24px;
}

.activity .info .icons span.fa-stack
{
    margin-top: -5px;
    width: 1.25em;
}

.activity.box .info .icons .stackcircle
{
    padding-top: 6px;
}

a.button.redButton
{
    color: #FFFFFF !important;
    display: inline-block;
    font-size: inherit;
    font-weight: bold;
    text-decoration: none !important;
    text-transform: uppercase;
}

ul.pagination
{
    background-color: #FFFFFF !important;
}

ul.pagination li
{
    display: inline-block;
    text-align: center;
    width: 30px;
}

ul.pagination li span.a.currentpage
{
    text-decoration: underline;
}

#modal-RequirePaymentInfo strong
{
    font-weight: bold;
}

#modal-RequirePaymentInfo ul
{
    padding: 15px;
}

#modal-RequirePaymentInfo ul li{
    list-style: disc;
}

.uppy-Dashboard-innerWrap
{
    height: 100px !important;
}

.flrgt
{
    float: right;
}

.fllft
{
    float: left;
}

@media only screen and (max-width: 420px)
{
    .fllft_420
    {
        float: left;
    }
}


/**
 * Slider
 */
.slick-slide:hover, .slick-slide:focus
{
    border: 1px dashed #000002; /* Change to your preferred color */
    box-shadow: 0px 0px 10px rgba(255, 87, 51, 0.5);
}

.slick-prev
{
    height: 50px !important;
    left: 25px !important;
    width: 50px !important;
    z-index: 50;
}

.slick-prev::before
{
    font-size: 40px !important;
    opacity: 1 !important;
}

.slick-next
{
    height: 50px !important;
    right: 25px !important;
    width: 50px !important;
    z-index: 50;
}

.slick-next::before
{
    font-size: 40px !important;
    opacity: 1 !important;
}

#SliderContainer a:hover
{
    border: 2px solid #000002 !important;
}

#ButtonToggleTranslateInSideBar
{
    background-color: #FFFFFF;
    border: none;
    cursor: pointer;
}

#ButtonToggleTranslateInSideBar:hover
{
    border: 1px solid #000002;
}

#ButtonToggleTranslateInSideBar img
{
    width: 75px;
}

#ButtonToggleTranslateInSideBar span
{
    font-size: 14pt;
    font-weight: 600;
    padding-left: 10px;
}

#ButtonToggleTranslateOnMobile
{
    background-color: transparent;
    background-image: url('/images/translate_white.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 32px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    display: none;
    height: 50px;
    position: absolute;
    right: 80px;
    width: 56px;
}

#ButtonToggleTranslateOnMobile:hover, #ButtonToggleTranslateOnMobile:focus
{
    background-image: url('/images/translate_black.png');
}

@media only screen and (max-width: 1199px)
{
    #ButtonToggleTranslateOnMobile
    {
        display: block;
    }
}

#google_translate_element
{
    padding-bottom: 20px;
    padding-top: 20px;
}

.goog-te-gadget div
{
    clear: both;
    display: block !important;
    position: relative;
    width: 100%;
}

.ButtonTableSettingsContainer
{
    clear: both;
    padding: 10px 0 10px 0;
    width: 100%;
}

.ButtonTableSettings
{
    background-color: transparent;
    border: 1px solid #000000;
    cursor: pointer;
    float: right;
    font-size: 14pt;
    height: 30px;
    margin-left: 5px;
    padding: 0;
    text-align: center;
    width: 30px;
}

.ButtonTableSettings:hover, .ButtonTableSettings:hover
{
    border: 1px dashed #000000;
}

#ButtonOpenTableSettings
{
    color: #000000;
}

#ButtonOpenTableSettings:hover, #ButtonOpenTableSettings:focus
{
    color: #FFFFFF;
    background-color: #000000;
}

#ButtonSaveTableSettings
{
    color: #096609;
    display: none;
}

#ButtonSaveTableSettings:hover, #ButtonSaveTableSettings:focus
{
    color: #FFFFFF;
    background-color: #096609;
}

#ButtonCancelTableSettings
{
    color: #c41f0e;
    display: none;
}

#ButtonCancelTableSettings:hover, #ButtonCancelTableSettings:focus
{
    color: #FFFFFF;
    background-color: #c41f0e;
}

.DivGekozenFilters
{
    clear: both;
    line-height: 29px;
}

#InputSearch
{
    width: 176px;
}

@media only screen and (max-width: 400px)
{
    #InputSearch
    {
        width: 145px;
    }
}

.ButtonAddToCollection
{
    display: none !important;
}

.ButtonLinkAddToCollection
{
    float: right;
}

.OnChangeSetRecordsPerPage
{
    float: right;
}

.BlockedDiv
{
    position: relative;
}

.BlockerDiv
{
    background: rgba(255, 255, 255, 0.6);
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 10;
}

.CheckboxDonate
{
    margin-left: 5px;
}

.FloatLeft
{
    float: left;
}

.FloatRight
{
    float: right;
}

.DisplayNone
{
    display: none;
}

/**
 * Image Cropper
 */
.ImageCropperStep
{
    display: none;    
}

#CropperImageWrapper
{
    height: 600px;
    max-width: 100%;
    width: 600px;
}

#CropperCroppedResultWrapper
{
    max-width: 100%;
    width: 600px;
}

#CropperCroppedResult
{
    height: 100%;
    width: 100%;
}


/**
 * Password field toggle
 */
.PasswordToggleWrapper
{
    position: relative;
}

.PasswordToggleWrapper input[type="password"]
{
    box-sizing: border-box;
    padding-right: 38px !important;
    width: 100%;
}

.ButtonTogglePassword
{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #888;
}

.ButtonTogglePassword:hover
{
    color: #333;
}

.ui-autocomplete
{
    z-index: 1050;
}

.ButtonRenderFinancialJustificationReport
{
    text-transform: uppercase;
}

.ucase      {text-transform: uppercase;}

.marbot0    {margin-bottom:  0 !important;}
.marbot5    {margin-bottom:  5px;}
.marbot10   {margin-bottom: 10px;}
.marbot15   {margin-bottom: 15px;}
.marbot20   {margin-bottom: 20px;}
.marbot25   {margin-bottom: 25px;}

.martop0    {margin-top:  0 !important;}
.martop5    {margin-top:  5px;}
.martop10   {margin-top: 10px;}
.martop15   {margin-top: 15px;}
.martop20   {margin-top: 20px;}
.martop25   {margin-top: 25px;}

.padtop0    {padding-top:  0 !important;}
.padtop5    {padding-top:  5px;}
.padtop10   {padding-top: 10px;}
.padtop15   {padding-top: 15px;}
.padtop20   {padding-top: 20px;}
.padtop25   {padding-top: 25px;}

.padbot0    {padding-bottom:  0 !important;}
.padbot5    {padding-bottom:  5px;}
.padbot10   {padding-bottom: 10px;}
.padbot15   {padding-bottom: 15px;}
.padbot20   {padding-bottom: 20px;}
.padbot25   {padding-bottom: 25px;}