/************************/
/*						*/
/*		STUDIO 			*/
/*						*/
/************************/


/* HOME PAGE */

/* USP */
.web_usp-card {
	position: relative;
}

.web_card-usp .card-body {
	padding-bottom: 40px;
}

.web_usp-icon {
	position: absolute;
	right: 1.25rem;
	bottom: 1rem;
}

.web_header_content {
	/*width: 400px;*/
}

.web_card-usp-1 {
	border: 1px solid #005CA8;
}

.web_card-usp-1 .card-header {
	background-color: rgba(0, 92, 168, 0.03);
}

.web_card-usp-1 i {
	color: #005CA8;
}

.web_card-usp-2 {
	border: 1px solid #55A656;
}

.web_card-usp-2 .card-header {
	background-color: rgba(85, 166, 86, 0.03);
}

.web_card-usp-2 i {
	color: #55A656;
}

.web_card-usp-3 {
	border: 1px solid #272727;
}

.web_card-usp-3 .card-header {
	background-color: rgba(39, 39, 39, 0.03);
}

.web_card-usp-3 i {
	color: #272727;
}




.cx_editor {
	padding-top: 9.5px;
	padding-bottom: 9.5px;
}


/* Dit is in UI 4.4 er uit gesloopt */

pre.cx_editor::after {
	display: none;
}


.cx_content-fw > .cx_content-inner > .alert {
	margin-left: 1rem;
	margin-right: 1rem;
}

/*.cx_page-wrapper,  */
footer {
	display: table-row;
}

.cx_memo {
	/*min-width: 200px;*/ /* Hierdoor overstroomde de input column header bij columns in class search */
}
.cx_wrap .cx_memo{
	min-width: initial;
}

td p:last-child {
	margin-bottom: 0;
}

@font-face {
	font-family: Abel;
	src: url(/surrounding/fonts/abel-regular.ttf);
}
@font-face {
	font-family: Raleway;
	src: url(/surrounding/fonts/Raleway-Regular.ttf);
}
@font-face {
	font-family: Raleway;
	src: url(/surrounding/fonts/Raleway-Bold.ttf);
	font-weight: bold;
}

.ace_editor.readonly .ace_scroller .ace_content {
    cursor: text!important; /* komt uit de standaard - ingecheckt 2019-06-26 */
}


 

 

.cx_menu-container {
	padding: 0 15px;
}


.cx_page img {
	border: 1px solid #ddd;
}
 


.cx_wiki-page{
	max-width: 1200px;
	margin: auto;
}
.cx_wiki-page h1,
.cx_wiki-page h2,
.cx_wiki-page h3{
    margin-top: 20px;
}


.cx_tabpanel {
	z-index: 900;
}

.cx_unpublished-icon{
	display: inline-block;
	font-size: 0.8em;
	background: #fc3434;
	color: white;
	padding: 0 0.2em;
	margin-left: 10px;
	border-radius: 4px;
}
.cx_deprecated-icon{
	display: inline-block;
	font-size: 0.8em;
	background: #1d95ff;
	color: white;
	padding: 0 0.2em;
	margin-left: 10px;
	border-radius: 4px;
}


/* STANDAARD */
.cx_btn-RunApplication .cx_icon::before {
    content: "\f554";
    font-weight: 900;
}


/* TOEGEVOEGD AAN STANDAARD 22/12/17 */
.cx_loginModal .modal-dialog.cx_vertical-center{
	position: absolute;
	left: 50%;
    top: 50%; 
    transform: translate(-50%, -50%) !important;
    margin: -30px 0 0 0;
}
/* TOEGEVOEGD AAN STANDAARD 22/12/17 */   

/* UIT STANDAARD */
.mce-container .mce-fullscreen{
	z-index: 1050;
}
.mce-tinymce{
	border: 1px solid #c0c0c0;
	overflow: hidden;
}

/* 2341 */

.table > tbody> .cx_aggregationrow  >td, 
.tab-content .table > tbody> .cx_aggregationrow >td, 
.cx_paragraph .table > tbody > .cx_aggregationrow >td {
	border-top: 1px solid #aaa;
}

.table > tbody> .cx_aggregationrow ~ .cx_aggregationrow >td, 
.tab-content .table > tbody> .cx_aggregationrow ~ .cx_aggregationrow >td, 
.cx_paragraph .table > tbody > .cx_aggregationrow ~ .cx_aggregationrow >td {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
.table > tbody > .cx_aggregationrow:last-of-type > td, 
.tab-content .table > tbody > .cx_aggregationrow:last-of-type > td, 
.cx_paragraph .table > tbody > .cx_aggregationrow:last-of-type >td, 
.table > tbody > .cx_aggregationrow:last-of-type:hover > td {
    border-bottom: none;
}

 



.cx_btn-Add_a_search_field .cx_icon::before{
    content: "\f067";
}
.cx_page_wrapper  > *:last-child{
	margin-bottom: 30px;
}
.cx_paragraph-dashboard{
	overflow: hidden;
}
/****************
* 	TOP BAR 	*
****************/
.top-bar{
    background: #333;
    width: 100%;
    color: white;
    position: fixed;
    top: 0;
    left: 0;
    font-family: 'Raleway', sans-serif;
    z-index: 1031;
}
 
.top-bar + .cx_menu {
	top: 40px;
}

.cx_fixed_top_menu_wrapper .top-bar + .cx_menu ~ .cx_content{
	margin-top: 117px;
}
 
.top-bar .cx_logo-mobile{
	display: none;
}
.top-bar .cx_logo {
    float: left;
    font-size: 40px;
    line-height: 30px;
    padding: 5px 0;
    margin: 0;
    font-family: 'Abel', sans-serif;
}
.cx_logo span {
    color: #2FD371;
    display: inline-block;
}
.cx_logo:hover,
.cx_logo:active,
.cx_logo:focus{
    text-decoration: none;
}
@media only screen and (max-width: 767px){
	.top-bar .cx_logo {
	  /*  font-size: 25px; */
	}
	.top-bar .cx_logo{
		display: none;
	}
	.top-bar .cx_logo-mobile{
		display: inline-block;
	}
}
.cx_switch{
	line-height: 30px;
    padding: 5px 0;
    margin-left: 30px;
}
.top-bar a {
    display: inline-block;
    color: white;
}
.top-bar-function-wrapper {
    float: right;
    max-width: calc(100vw - 30px - 41px - 17px  ); /* - padding - cx - scrollbar ie*/ 
}
.top-bar .facebook_icon{
	font-size: 18px;
	line-height: 40px;
	padding: 0 15px;
}
.top-bar .facebook_icon:hover{
	 text-shadow:  1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	color: #4267b2;
}

.top-bar .login_name{
    line-height: 40px;
/*    margin-left: 15px; */
    max-width: calc(100vw - 30px - 40px - 40px - 45px - 60px); /* - padding - cx - toggle - lang - bell */ 
}
.top-bar .login_name span:first-child{
	float: left;
	width: calc(100% - 40px);
	white-space: nowrap;
	overflow: hidden;
}
.top-bar .login_name .cx_icon::before {
    content: "\f007";
}

.login-button,
.register-button{
	padding-right: 15px;
    line-height: 40px;
}
.login-button .cx_icon::before {
	margin-left: 5px;
    content: "\f007";
}
.top-bar .login_name .cx_icon::before {
    content: "\f007";
}
.register-button{
	line-height: 40px;
}
.login_name{
	float: left;
}
.login_name:hover .cx_user-nav-photo img{
	filter:brightness(120%);
}
.cx_user-nav-photo{
/*	float: left; */
	height: 40px;
	width: 40px;
	margin-left: 5px;
    overflow: hidden;
}
.cx_user-nav-photo img{
	display: table;
}
.top-bar .login_name .cx_icon{
    float: right;
    width: 40px;
    margin: 0;
    text-align: center;
}

.cx_menu-right{
    float: right!important;
    margin: 0;
}

.cx_top-bar-flag-wrapper {
    float: left;
    line-height: 40px;
    margin-left: 15px;
}
.cx_top-bar-flag {
	font-size: 1.2rem;
    line-height: 40px;
    float: left;
    margin-right: 10px;
}
.cx_top-bar-flag.cx_flag-green {
	color: #2fd371;
}
.cx_top-bar-flag.cx_flag-yellow {
	color: #ffd641;
}
.cx_top-bar-flag.cx_flag-blue {
	color: #41a6ff;
}

@media (max-width: 765px){
	.cx_top-bar-flag-wrapper {
	    display: none;
	}
}

.cx_sessionInfo-badge {
	right: 8px;
}


@supports (display: flex) {
	/*
	.top-bar .container-fluid{ 
		display: flex;
		width: 100%;
		justify-content: space-between;
	}
	*/
	.top-bar .container-fluid::before,
	.top-bar .container-fluid::after{
		display: none;
	}
	.cx_logo{
		white-space: nowrap;
	}
	.top-bar-function-wrapper{
		display: flex;
	    max-width: calc(100% - 40px);
	}
	.top-bar-function-wrapper .login_name{
		position: relative;
	}
	.top-bar-function-wrapper .login_name span{
		white-space: nowrap;
		height: 40px;
		display: inline-block;
		overflow: hidden;
		text-overflow: ellipsis;
		margin-right: 46px;
		max-width: calc(100% - 45px);
	}
	.top-bar-function-wrapper .cx_user-nav-photo,
	.top-bar .login_name .cx_icon{
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
	}
}




/* MENU TOGGLE */



.cx_menu-toggle{
    width: 40px;
    height: 40px;
}
.cx_menu-toggle a{
	height: 40px;
}
.navbar-nav>.cx_menu-toggle>a:hover{
	background: initial;
}
.top-bar .cx_menu-toggle .cx_menu-toggle-one, 
.top-bar .cx_menu-toggle .cx_menu-toggle-two {
    border-color: white;
}
.top-bar .cx_menu-toggle .cx_menu-toggle-one {
    background: #222;
    top: 6px;
}
.top-bar .cx_menu-toggle .cx_menu-toggle-two {
    bottom: 6px;
}
.top-bar .cx_menu-toggle a:hover .cx_menu-toggle-two {
    background: #222;
}
.cx_menu-toggle a:hover+.cx_menu-tooltip {
	top: 100%;
}


.search-wrapper {
    float: right;
}
.search-wrapper-mobile {
	display: none;
	float: none;
}
.cx_lang-dropdown{
	float: right;
    margin: 0;
	padding: 0;
}
.cx_lang-dropdown li {
	list-style: none;
}
.cx_lang-btn {
	position: relative;
	float: right;
	height: 40px;
	width: 45px;
	padding: 10px;
}
.cx_lang-btn img{
	width: 20px;
    filter:brightness(80%);
    vertical-align: initial;
}
.cx_lang-btn:hover img{
    filter:brightness(100%);
}
.cx_lang-btn .caret{
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -2px;
}
.cx_dropdown-menu-dark>li>a {
	color: white;
}
.cx_lang-dropdown .dropdown-menu>li>a{
    display: block;
	padding: 5px 10px;
}
.cx_lang-dropdown .dropdown-menu>.active>a{
    background-color: #41a6ff;
}
.cx_lang-item img{
	float: left;
    max-width: none;
    width: 40px;
    margin-right: 10px;
}

/* MEDAL */
.cx_medal-wrapper{
	position: relative;
	float: left;
    margin-top: 6px;
    margin-right: 5px;
    cursor: pointer;
}
.cx_medal{
position: relative;
    font-size: 9.5px;
    /* letter-spacing: -.5px; */
    font-family: courier, monospace;
    width: 29px;
    height: 30px;
    text-align: center;
    /* padding: 0 1.5px; */
    line-height: 30px;
    border-radius: 50%;
    background: #ffa200;
    color: #925d00;
    border: 1px solid #af6f00;
    font-weight: bold;
    text-shadow: 1px 1px #ffc158;
    z-index: 2;
}
.cx_medal-ribbon{
    position: absolute;
    top: 18px;
    left: 4px;
    width: 22px;
    height: 20px;
    background: #fc3434;
    z-index: 1;
}
.cx_medal-ribbon::before{
    position: absolute;
    left: 0;
    bottom: -2.5px;
    display: table;
    content: '';
    width: 0;
    height: 0;
    border-top: 3px solid #fc3434;
    border-right: 11px solid transparent;
}
.cx_medal-ribbon::after{
    position: absolute;
    right: 0;
    bottom: -3px;
    display: table;
    content: '';
    width: 0;
    height: 0;
    border-top: 3px solid #fc3434;
    border-left: 11px solid transparent;
}


/* COL MEDAL - OTHER STYLING */
.cx_medal-col{
    background: #ccc;
    color: #1871bf;
    border: 1px solid #1871bf;
    text-shadow: 1px 1px 5px rgba(24, 113, 191, 0.5);
    font-size: 11px;
}
.cx_medal-ribbon-col{
	background: #1d95ff;
}
.cx_medal-ribbon-col::before{
    border-top: 3px solid #1d95ff;
}
.cx_medal-ribbon-col::after{
    border-top: 3px solid #1d95ff;
}


/* DARK CLASS */
.cx_dropdown-menu-dark{
	background: #333;
}
.cx_dropdown-menu-dark>li>a:focus, .cx_dropdown-menu-dark>li>a:hover {
	color: white;
    text-decoration: none;
    background-color: #777;
}

@media print{
	.top-bar{
		display: none;
	}
	.cx_fixed_top_menu_wrapper .top-bar + .navbar-fixed-top + *{
		margin-top: 0;
	}
	.top-bar + *:not(.navbar-fixed-top){
		margin-top: 0;
	}
	.panel,
	.panel-body{
		page-break-inside: avoid;
	}
}

/* NAVBAR */

.navbar-header .search-wrapper{
	float: none;
	margin-left: 15px;
	display: none;
}
.cx_nav_collapsed .search-wrapper{
	display: none;	
}
.cx_nav_collapsed .search-wrapper-mobile {
	display: block;	
}
.cx_nav_collapsed .navbar-header .search-wrapper{
    display: block;
    max-width: calc(100% - 72px);
}
.search-wrapper input[type="search"] {
    border: 1px solid #ccc;
    padding: 5px;
    height: 30px;
    margin: 5px 0;
    float: left;
    outline: none;
    max-width: calc(100% - 40px);
}
.search-wrapper button[type="submit"] {
    background: transparent;
    border: none;
    cursor: pointer;
    width: 40px;
    height: 40px;
    float: left;
}
.search-wrapper button[type="submit"] .cx_icon::before {
    content: "\f002";
    color: #777;
} 

.navbar{
	border-color: #ccc;
}
.navbar-fixed-bottom.cx_nav_collapsed .navbar-collapse, .navbar-fixed-top.cx_nav_collapsed .navbar-collapse {
    border-top: 1px solid #ccc;
}
.navbar-fixed-bottom.cx_nav_collapsed .navbar-collapse, .navbar-fixed-top.cx_nav_collapsed .navbar-collapse {
    max-height: calc( 100vh - 90px);
}
.navbar-fixed-bottom .navbar-collapse.in, .navbar-fixed-top .navbar-collapse.in {
    max-height: calc(100vh - 90px);
}




/* BOOTSTRAP CONTAINER RESET - WE MOETEN IN ONZE STANDAARD .container-fluid aanroepen */
.container {
	max-width: calc(100%);
}
@media (min-width: 768px){
	.container {
	    width: 750px;
	}
}
@media (min-width: 992px){
	.container {
	    width: 970px;
	}
}
@media (min-width: 1200px){
	.container {
	    width: 1170px;
	}
}



html{
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	height: 100%;
	min-height: 100%;	
	text-rendering: optimizeLegibility !important;
}

@media (min-width: 992px){
	html:not(.cx_minimal):not(.cx_vertical), html:not(.cx_minimal):not(.cx_vertical):not(.cx_spartan) nav {
	   
	}

}















	


/****************
* 	NAV BAR 	*
****************/

.navbar .navbar-nav > li > a, 
.navbar .navbar-nav > li > a:focus, 
.navbar .navbar-nav > li > a:hover{
	border-left: 0;
	border-right: 0;
	position: relative;
}

.navbar-nav > .nav-item:first-child {
    margin-left: -8px;
}
.cx_nav_collapsed .navbar-nav > .nav-item:first-child {
	margin-left: 0;	
}


/* WEBSITE ONLY */
.cx_website .nav-link {
    position: relative;
    font-weight: bold;
}
.cx_website  .navbar .navbar-nav > li > a::after{
	position: absolute;
	content: "";
	display: table;
	width: 1px;
	height: 20px;
	background: #777;
    top: 50%;
    transform: translateY(-50%);
	right: 0;
}

.cx_website  .navbar .navbar-nav > li:last-of-type > a::after{
	display: none;	
}

.cx_website  .cx_nav_collapsed  .navbar-nav > li > a::after{
	display: none;	
}



/*cx_nav_collapsed */
.search-wrapper input[type="search"] {
	/*    border: 1px solid #777; */
}
.search-wrapper button[type="submit"] {
	color: #777; 
}
.search-wrapper button[type="submit"] .cx_icon::before {
    content: "\f002";
} 



.cx_website .navbar{
	border-color: #777;
}
.cx_website .navbar-default .navbar-toggle .icon-bar {
    background-color: #777;
}
.cx_website .navbar-fixed-bottom.cx_nav_collapsed .navbar-collapse, 
.cx_website .navbar-fixed-top.cx_nav_collapsed .navbar-collapse {
    border-top: 1px solid #777;
}




 

 

.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.active:focus, 
.navbar-light .navbar-nav .nav-link.active:hover {
    color: #2FD371;
    background-color: white;
    border-left: 0;
}	
.login-button .cx_icon:not([class*='fa-'])::before{
	content: "\f007";
} 	

.cx_fixed_top_menu_wrapper .top-bar + .navbar-fixed-top + .hero-box{
	margin-top: 90px;
}




/************************
* 	DASHBOARD FLAG	 	*
************************/
.cx_flag-alert-bg-white {
    background-color: #ffffff!important;
}
.cx_flag-alert{
	display: table;
	margin: 0;
    width: 100%;
}
.cx_flag {
    float: left;
    padding-right: 15px;
    position: relative;
}
.cx_flag .cx_icon{
	font-size: 60px;
    line-height: 60px;
}

.cx_flag .cx_icon:not([class*='fa-'])::before {
    content: "\f024";
}
.cx_flag .cx_icon::after {
	content: "\f336"; 
	font-size: 20px;
	position: absolute;
	top: 15px;
	left: 2px;
    width: 60px;
    text-align: center;
	line-height: 20px;
	font-weight: 900;
}
.alert-warning .cx_flag .cx_icon:not([class*='fa-'])::after {
	content: "\f12a"; /* \f071 */
}
.cx_flag-next {
	padding: 2px;
    border: 1px solid;
    border-radius:3px;
}


/************************
* 	WEBSITE SPECIFIC 	*
************************/
.cx_website body{
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Raleway', sans-serif;
    -webkit-font-smoothing: antialiased;
}
/* PADDING SCROLLBAR TRICK HELPER */
@media (min-width: 992px){ 
	.cx_website body{
	 	width: calc(100% + (100vw - 100% ) / 2);
		margin-left: calc((100% - 100vw) / 2 );
	    height: 100%;
   		padding-right: 0;
	}
}
.cx_website h1, 
.cx_website h2, 
.cx_website h3, 
.cx_website h4, 
.cx_website h5, 
.cx_website h6{
	/*color: #ff6abd;*/
	color: #04a847;/* higher contrast */ /*#2FD371;*/
	line-height: 1.5;
}

/*
.cx_website .cx_page_wrapper{
    height: 100%;
    display: table-row;
}
*/
.web_jumbo{
	background: white;
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
}
.cx_card-row > .cx_card.cx_card-titleBar{
	color: #777;
	padding: 15px;
	border: 1px solid #dddddd;
	background: white;
}
.card{
	border-radius: 15px;
}
a.cx_card-web{
	color: #555;
}
a.cx_card-web:hover {
	color: #50a9f8; /* #2FD371; */
	border-color: #50a9f8;
}
.cx_website .cx_template {
    table-layout: fixed;
}

/****************
* 	HOME 	*
****************/
.web_paragraph{
	margin-bottom: 0;
}
.home_features-wrapper{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.home_features ul{
	list-style-type: none;
	padding: 0;
}
.more-link{
	border: 2px solid #333;
	color: #333;
	padding: 10px 30px;
	display: block;
	margin: 1em auto 0;
	width: 13em;
	text-align: center;
}
.more-link:hover{
	text-decoration: none;
	border-color: #2FD371;
	background: white;
}


/****************
* 	HERO		*
****************/
.hero-box{
	padding-left: calc( 100vw - 100% );
	overflow: hidden;
	color: white;
	text-align: right;
	margin-top: -20px; /* sticks to menu */
    /*margin-bottom: 15px;*/
    /* Better contrast */
    background-color: #00794e;
    background-image: linear-gradient(to right, #00794e 0%,#0274d8 59%);
    /*
    background-color: #38c894;
    background-image: linear-gradient(to right, #38c894 0%,#50a9f8 59%);
    */
}
.hero-endnode{
	height: 142px;
/*	margin-bottom: 0; */
}
.hero-box .container{
	position: relative;
	padding: 15px;
	height: 100%;
}
.hero-box .coral{
    position: absolute;
    left: 15px;
    height: calc(100% - (2 * 15px));
    height: 120%;
    top: -10%;
}

@media only screen and (max-width: 767px) {
	.hero-box .coral{
	    display: none;
	}	
}
.hero-box ul{
	margin-top: 0;
	line-height: 1.6;
    color: #ffffff;
    list-style-type: none;
}
.hero-box .hero-box-important{
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 60px;
}






/************************
* 	Home features		*
************************/
 
.home_features li{
	margin-bottom: 18px;
	
}
.feature-header:before{
	font-family: Font Awesome\ 5 Pro, FontAwesome;
	content: "\f005";
	display: inline-block;
    line-height: 16px;
    font-size: 10px;
	margin-right: 5px;
    margin-top: -4px;
	vertical-align: middle;
}
.cx_website .feature-header{
	color: #333;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: bold;
	display: inline-block;
}
.feature-header + div{
	margin-left: 15px;
}


/************************
* 	CX PROFILE CARD		*
************************/
.profile-pic{
	float: left;	
	width: 100px;
	height: 100px;
	border-radius: 50%;
	margin-right: 15px;
}
.cx_card-project .profile-pic img,
.cx_card-partner .profile-pic img{
	position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.cx_card-person .profile-pic img{
	width: 100%;
	border-radius: 50%;
}
.profile-pic .profile_abbr {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    border-radius: 50%;
    line-height: 80px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #2FD371;
    border: 10px solid #2FD371;
}
.profile-pic .profile_abbr-small{
	font-size: 20px;
}
.cx_card-web:hover .profile_abbr{
	background:#2FD371;
	color: white;
}
.profile-pic-placeholder{
	overflow: hidden;
    border-radius: 50%;
    color: #777777;
    width: 100px;
    text-align: center;
    height: 100px;
    border: 3px solid;
}
.profile-pic-placeholder i{
	font-size: 100px;
	position: relative;
    top: 5px;
}
.cx_card-web:hover .profile-pic-placeholder{
	color: #41a6ff;
}
.profile-tile-top{
	display: table-row;
}
.profile-title-wrapper{
	display: table-cell;
    vertical-align: top;
   /* padding-top: 20px; */
}
.subtitle-profiel{
	font-size: 86%;
	color:gray;
}
/* PARTNER */
.partner .profile-pic{
    display: flex;
    align-items: center;
}
.partner .profile-pic img{
	border-radius: 0;
}
.partner .profile-title-wrapper{
	vertical-align: middle;
}
.partner .profile-name {
    transform: translateY(-50%);
}

.profile-name{
	font-weight: 800;
	font-size: 1.2em;
}
.profile-subtitle{
	color: gray;	
}
.profile-testimonial{
	clear: both;
	padding-top: 15px;
}	

.profiel-about h2, .relatie-wrapper h1{
	color: gray;
	}

.profiel-about{
	font-size: 16px;
	font-weight: bold;
}




	

/************
* 	Footer	*
************/

footer{
	width: 100%;
	background: black;
	padding-bottom: 50px;
	color: white; 
}
footer .cx_card{
	padding-top: 50px;
}
/*
footer .cx_card b{
	color: silver;
}
footer a{
	color: white;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
footer a:hover{
	color: white;
	text-decoration: none;
}
*/
@media only screen and (max-width: 991px) {
	footer{
		text-align: center;
	}
}



/****************
* 	LOGIN FORMS	*			NOT BEING USED NOW !!!!
****************/
.login-wrapper{ 
	background-color: hsla(0,0%,93%,1.00);
	background-image: url(../images/cx-koraal-wit.png);
    background-size: 15.4rem;
    background-position: 12% 26.3rem;
    background-repeat: no-repeat;
}
input:focus{
	outline: none;
}
	
.loginname-field{
	background: url(../images/form-icon-name.png);
	background-repeat: no-repeat;
}
.ww-field{
	background: url(../images/form-icon-password.png);
	background-repeat: no-repeat;
	background-size: 1.4rem;
}
.email-field{
	background: url(../images/form-icon-email.png);
	background-repeat: no-repeat;
	background-size: 1.4rem;
}
.telefoon-field{
	background: url(../images/form-icon-phone.png);
	background-repeat: no-repeat;
	background-size: 1.4rem;
}
.web-field{
	background: url(../images/form-icon-www.png);
	background-repeat: no-repeat;
	background-size: 1.4rem;
}
.twitter-field{
	background: url(../images/form-icon-twitter.png);
	background-repeat: no-repeat;
	background-size: 1.4rem;
}
.facebook-field{
	background: url(../images/form-icon-facebook.png);
	background-repeat: no-repeat;
	background-size: 1.4rem;
}	
.linkedin-field{
	background: url(../images/form-icon-linkedin.png);
	background-repeat: no-repeat;
	background-size: 1.4rem;
}		
input.inlog{
	background-image: url(../images/form-icon-login-wit.png);
	background-repeat: no-repeat;
	background-position: .2rem center;
	background-size: 1.4rem;
}
a.account-aanmaken{
	background: url(../images/mannetje.png) black;
	color: white;
	background-repeat: no-repeat;
	background-position: .5rem center;
	background-size: .8rem;
	display: inline-block;
	width: 18rem;
	padding: .3rem;
	padding-left: 1.8rem;
	font-weight: 800;
	text-align: center;
	text-transform: uppercase;
	font-size: .8rem;
	margin-top: .5rem;
}

.login-wrapper label{
	display: block;
	text-transform: uppercase;
	font-size: 80%;
	margin-bottom: .5rem;
	}
.form-rule{
	margin-bottom: 1rem;
	clear: both;
}



/****************
* 	PROFIEL		*
****************/
.profiel-profiel-foto-wrapper{
    border-radius: 50%;
    width: 100px;
    height: 100px;
    border: 5px solid white;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
}
.profiel-foto-partner,
.profiel-foto-project{
	border-radius: 0;
    width: initial;
    height: initial;
    border: 0;
}
.name-profiel{
    position: relative;
    top: 50%;
    padding-left: 135px;
    transform: translateY(-50%);
    font-size: 32px;
    font-weight: bold;
    float: left;
}
.hero-endnode .subtitle-profiel {
    color: white;
    position: relative;
    top: 50%;
    transform: translateY(calc(-50% + 0.4em));
}
@media only screen and (max-width: 767px) {
	.hero-endnode .subtitle-profiel{
	    display: none;
	}	
}
.profiel-profiel-foto-wrapper img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.profiel-foto-project img,
.profiel-foto-partner img{
	border-radius: 0;
	background: white;
}
.profiel-head .name-profiel{
	font-size: 150%;
}	
.contact-list li{
	padding-left: 2rem;
}



/* ISSUE NOTE */
.cx_fieldline-content .form-control-static.cx_issue-note:not(:empty){
	overflow: auto;
}
.cx_issue-note{
	width: 100%;
}
.cx_issue-note pre:first-child{
	margin-top: 6px;
}
.cx_issue-note p:last-child {
	margin-bottom: 0;
}

td.cx_wrap .cx_td-content .cx_issue-note{
	/*width: 600px!important; */
}
td.cx_wrap .cx_td-content .cx_issue-note *{
/*	width: auto; */
}


/* WIKIPAGE */
.cx_wiki-page-locked{
	position: absolute;
	width: 14px;
	height: 14px;
	background: #ccc;
	text-align: center;
	top: 0; 
	line-height: 14px;
	font-size: 10px;
	color: #555;
}
.cx_wiki-page-locked::before{
	content: '';
	display: table;
	position: absolute;
	top: 14px;
	right: 0;
	width: 0;
	height: 0;
	border-top: 3px solid #ccc;
	border-left: 7px solid transparent;
}
.cx_wiki-page-locked::after{
	content: '';
	display: table;
	position: absolute;
	top: 14px;
	width: 0;
	height: 0;
	border-top: 3px solid #ccc;
	border-right: 7px solid transparent;
}
.cx_wiki-page-user-card{
	float: right;
	display: table;
	width: 225px;
	margin-left: 30px;
}
.cx_wiki-page-user-card-photo{
	float: left;
	width: 40px;
	height: 40px;
	margin-right: 15px;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
.cx_wiki-page-user-card-sameuser .cx_wiki-page-user-card-photo{
	box-shadow:none;
}
.cx_wiki-page-user-card-sameuser .cx_wiki-page-user-card-username{
	height: 20px;
}
.cx_wiki-page-user-card-photo i{
    width: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    color: #999;
}
.cx_wiki-page-user-card-username{
	line-height: 20px;
	white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.cx_wiki-page-user-card-date{
	line-height: 20px;
	white-space:nowrap;
}

/* COMMENT */
.cx_wiki-add-comment-btn{
	text-decoration: none!important;
	margin-top: 15px;
    display: block;
}
.cx_wiki-add-comment{
	display: flex;
	margin-top: 15px;
}
.cx_wiki-add-comment textarea{
	margin-right: 15px;
}
.cx_wikicomment {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}
.cx_wikicomment-date{
	color: #777;
}

/* TAGS */
.cx_tag-textarea{
	display: none;
}
.cx_tags{
	display: table;
	table-layout: fixed;
	width: 100%;
    margin-top: 30px;
}
.cx_tag-editor{
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 5px;
	background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: text;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.cx_tag-editor.focus{
	border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
/* Same colors as alert-primary */
.cx_tag{
	display: table;
	float: left;
	color: #31708f;
	background-color: #e6f3ff;
    margin-right: 6px;
    border-radius: 4px;
    padding: 0 6px;
    height: 30px;
	line-height: 30px;
}
.cx_tag:hover{
    text-decoration: none;
    background-color: #d0e7fd;
    color: #31708f;
}
.cx-tag-editable{
	margin-right: 4px;
}
.cx_tag-x{
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-bottom: 1px;
    font-size: 16px;
    line-height: 16px;
    vertical-align: middle;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    margin-left: 4px;
    cursor: pointer;
}
.cx_tag-x:hover{
	background: #31708f;
	color: white;
	-webkit-transition: all ease-in-out .15s;
    -o-transition: all ease-in-out .15s;
    transition: all ease-in-out .15s;
}
.cx_tag-input{
	line-height: 30px;
	margin-right: 4px!important;
	padding: 0 6px;
	border: none;
	/* background: beige; */
	float: left;
}

/* suggestion */
.cx_tag-suggestion-wrapper{
	display: table;
    position: absolute;
    border: 1px solid #ccc;
    padding: 4px;
    margin-top: -1px;
    z-index: 999;
    background: white;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3)
}
.cx_tag-suggestion{
	display: table;
	float: left;
	color: #31708f;
	background-color: #e6f3ff;
    margin-right: 4px;
    border-radius: 4px;
    padding: 0 6px;
    height: 30px;
	line-height: 30px;
	cursor: pointer;
}
.cx_tag-suggestion-highlight{
	font-weight: bold;
	text-decoration: underline;
}


@media only screen and (max-width: 767px) {
	.cx_wiki-page-user-card{
		width: 100%;
		margin-left: 0;
		margin-top: 15px;
	}	
	.cx_wiki-page-user-card-sameuser .cx_wiki-page-user-card-username{
		height: 0;
	}
	.cx_wiki-page-user-card-sameuser .cx_wiki-page-user-card-photo {
		height: 20px;
	}
}