/********************************
	um account page
********************************/

/********************************
	um account page tabs
********************************/

.um-account-tab {
	
}

.um-account-tab .row {
margin: 0rem 0rem; //reset bootstrap setting
}

.um-account-tab label {
	/*! display: block; */
margin: 1rem 0rem;
}

.um-account-tab #activity-types label {
display: initial;
}

/********************************
	um account page tabs buttons
********************************/
.pass-data-button,
.remove-created-button,
.edit-created-button,
.upload-image-button,
.button_upload_um_profile_image {
display: inline-block;
    padding: 8px 12px;
    background-color: var(--sydney-global-color-3);
    color: white;
    cursor: pointer;
    border-radius: 4px;
    text-align: center;	
	
}

/********************************
	um account page tabs sections
********************************/
.um-account-tab section {
	
}

.um-account-tab section ul li.header {
font-size: 1.2rem;
font-weight: 600;
}

/********************************
	Section activity type
********************************/
.um-account-tab #type-activiteit {

}

.um-account-tab #type-activiteit .row {
display: flex;
flex-direction: row;
flex-wrap: wrap;	
row-gap: 20px;	
/*! justify-content: space-between; */	
margin: 0rem;
padding: 0rem;	
/*! background-color:red; */	
}

.um-account-tab #type-activiteit .row::before,
.um-account-tab #type-activiteit .row::after {
content: none;	
}

.um-account-tab #type-activiteit .row .column{
flex: none;
margin: 0rem;
padding: 0rem;	
/*! background-color: green; */	
}

@media (max-width: 768px) {
	
.um-account-tab #type-activiteit .row {
column-gap: calc(0% / 1);
/*! background-color: yellow; */	
}

.um-account-tab #type-activiteit .row .column{
width: 100%;
}
	
}/* end (max-width: 768px) */

@media (min-width: 769px) and (max-width: 1024px) {
	
.um-account-tab #type-activiteit .row {
column-gap: calc(10% / 1);
/*! background-color: green; */	
}

.um-account-tab #type-activiteit .row .column{
width: 45%;
}
	
}/* end (min-width: 769px) and (max-width: 1024px) */

@media (min-width: 1025px) and (max-width: 1440px) {
	
.um-account-tab #type-activiteit .row {
column-gap: calc(10% / 2);
/*! background-color: blue; */	
}

.um-account-tab #type-activiteit .row .column{
width: 30%;
}
	
}/* end (min-width: 1025px) and (max-width: 1440px) */


@media (min-width: 1441px) {
	
.um-account-tab #type-activiteit .row {
column-gap: calc(12% / 3);
/*! background-color: purple; */	
}

.um-account-tab #type-activiteit .row .column{
width: 22%;
}
	
}/* end (min-width: 1441px) */


.um-account-tab #type-activiteit ul {
/*! max-width: 150px; */	
margin: 0rem;	
padding: 0rem;	
list-style-type: none;
}

.um-account-tab #type-activiteit ul li {
display: flex;
justify-content: space-between;	
align-items: center;	
}

.um-account-tab #type-activiteit ul li input[type="checkbox"] {

}

/********************************
	Section activity prices
********************************/
.um-account-tab #kosten-activiteit {

}

.um-account-tab #kosten-activiteit ul {
padding: 0rem;	
list-style-type: none;
}

/********************************
	um-account-tab-profile_image_field_tab
********************************/
.button_upload_profile_image {
	display: block;
margin: 1rem 0rem;
}

/********************************
	um-account-tab-created_activities_tab
********************************/

ul#created-posts-list {
padding: 0rem;	
}

ul#created-posts-list li{
list-style-type: none;	
}

ul#created-posts-list li a{
	display: block;
}


/********************************
	Activity form
********************************/
#container-form-activiteiten form input[type="date"],
#container-form-activiteiten form input[type="time"]{
	color: var(--sydney-global-color-3);
}


.container-activity-data{
	
}

.container-activity-data .container-dates,
.container-activity-data .container-times {
display: flex;
flex-direction: column;
}



.um .um-form .container-activity-data input{
	color: var(--sydney-global-color-3);
} 




/********************************
	Profile image tab
********************************/
.um-account-tab-profile_image_field_tab img {
max-width: 450px;	
}