/**
*	Thema Massxess CSS
* 	Code generated by Jeroen Martens at http://www.hieronymusdesign.nl
*/

/**
*	Table of Contents
*
*	1. General styling
*	2. Agent box styling
*	3. Navigation menu styling
*	4. Comments styling
*	5. Footer and sidebar styling
*	6. Credits template styling
*	7. Media queries
*	8. Toolbox plugin
*	9. Blog template styling
*	10. Template Consulent styling
*	11. Default page styling
*/

/**
*	1. General styling
*/
body{
	text-shadow: none !important;
	font-family: 'Poppins', sans-serif !important;
	color: #000;
	background: #fcfcfc !important;
}

strong{
	font-weight: 600;
	font-family: 'Poppins', sans-serif !important;	
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important; 	
}

.white-box{
	border-right: solid 1px #000;
	border-left: solid 1px #000;
	background: #fff;
}

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

.border-bottom{
	border-bottom: solid 1px #000;
}

.logo p{ 
	padding: 4px;
}

hr{
	border-top: 1px solid #000;
}


h1,h2,h3,h4,h5,h6{
	margin: 0;
	padding: 0;
	color: #000;

	font-family: 'Poppins', sans-serif !important;
	font-size: 14px !important;
	text-shadow: none;
	font-weight: 600;
}

h1{
	margin-top: 20px;
	font-size: 16px !important;		
	line-height: 22px;
}

h2{
	margin-top: 18px;
	font-size: 14px !important;	
}

a{ color: rgb(51, 51, 51); }

a:hover{ color: rgb(51, 51, 51); text-decoration: underline;}

.btn-primary {
	background: rgb(253, 155, 39);
	border: none !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	text-shadow: none !important;
}

.btn-primary:hover,
.btn-primary:focus {
	background: rgb(253, 175, 109);
}

.grey-stripes{
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
}

/**
*	General bootstrap adjustments
*/
.col-lg-12{
	padding-right: 0px;
	padding-left: 0px;
}
	
.col-lg-8{
	padding-right: 0px;
}

/**
*	Image alignment for post content
*/
.alignleft{float: left; padding:4px}
.aligncenter{text-align: center; padding:4px}
.alignright{float: right; padding: 4px;}

/**
*	Header styling
*/
			
/**
*	Bootstrap changes
*/
.jm_cpl_online_row .col-lg-2,
.jm_cpl_online_row .col-md-2,
.jm_cpl_inconversation_row .col-lg-2,
.jm_cpl_inconversation_row .col-md-2,
.jm_cpl_offline_row .col-lg-2,
.jm_cpl_offline_row .col-md-2,
.jm_cpl_online_row .col-lg-9,
.jm_cpl_online_row .col-md-9,
.jm_cpl_inconversation_row .col-lg-9,
.jm_cpl_inconversation_row .col-md-9,
.jm_cpl_offline_row .col-lg-9,
.jm_cpl_offline_row .col-md-9{
	padding-right: 0px;
}

.jm_cpl_online_row{
	margin-top: 8px;
	background: #fff;
	min-height: 127px;
}

.jm_cpl_inconversation_row{
	padding-top: 10px;
	background: #fa6607;
	min-height: 137px;
}

	/**
	*	Status text
	*/
	.col_status_text{
		position: relative;
		display: block;
		font-weight: bold;
	}
	
		.col_status_text .online{
			position: absolute;
			top: 72px;
			left: 20px; /* was 50px */
			font-family: Arial;
			font-size: 20px;	

			color: rgb(51, 51, 51);

			/* Safari */
			-webkit-transform: rotate(-90deg);
			
			/* Firefox */
			-moz-transform: rotate(-90deg);
			
			/* IE */
			-ms-transform: rotate(-90deg);
			
			/* Opera */
			-o-transform: rotate(-90deg);
			
			/* Internet Explorer */
			filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);	
				
		}
		
		.col_status_text .inconversation{
			position: absolute;
			top: 53px;
			left: 0px; /* was 30px */
			font-family: Arial;
			font-size: 20px;	
			color: rgb(255,255,255);		
			white-space: nowrap;

			/* Safari */
			-webkit-transform: rotate(-90deg);
			
			/* Firefox */
			-moz-transform: rotate(-90deg);
			
			/* IE */
			-ms-transform: rotate(-90deg);
			
			/* Opera */
			-o-transform: rotate(-90deg);
			
			/* Internet Explorer */
			filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);	
				
		}
	
	/**
	*	The actual lists with users
	*/
	.jm_cpl_user_status_list{
		margin: 0;
		padding: 0;
		list-style-type: none;
		font-size: 85%;
		line-height: 155%;
	
	}
		/**
		*	Textlist
		*/
		.online-text li,
		.inconversation-text li,
		.offline-text li{
			font-family: Arial;
			font-weight: bold;
			font-size: 13px;
			line-height: 16px;
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;
		}
		
		/**
		*	Dummies for linebreaks after 7 names
		*/
		.online-text li:nth-child(7):after,
		.offline-text li:nth-child(7):after,
		.online-text li:nth-child(14):after,
		.offline-text li:nth-child(14):after,
		.online-text li:nth-child(21):after,
		.offline-text li:nth-child(21):after{
			display: block;
			content: "-";
			color: #fff;
		}
		
		.inconversation-text li:nth-child(7):after,
		.inconversation-text li:nth-child(14):after,
		.inconversation-text li:nth-child(21):after{
			display: block;
			content: "-";
			color: #fa6607;
		}
		
		/**
		*	Imagelist
		*/
		.jm_cpl_user_status_list.online-image li,
		.jm_cpl_user_status_list.inconversation-image li,
		.jm_cpl_user_status_list.offline-image li{
			display: inline-block;
		}
	
		.online-image img,
		.inconversation-image img,
		.offline-image img{
			margin-bottom: 10px;
			margin-left: 10px;
			width: 113px;
			height: 117px;		
		}
	

/**
*	Mobile
*/
.jm_cpl_online_row_mobile{
	margin-top: 8px;
	margin-bottom: 10px;
	padding-left: 10px !important;
}

.jm_cpl_inconversation_row_mobile{
	margin-top: 8px;
	margin-bottom: 10px;
	padding-left: 0px !important;
}

	.jm_cpl_online_row_mobile .jm_cpl_online_row{
	}
	
	.jm_cpl_inconversation_row_mobile .jm_cpl_inconversation_row{
		padding-top: 8px;
		padding-left: 10px;
	}

/**
*	Banner with name and phonenumbers	
*/
.jm_cpl_header{
	background: #fff;
}	

.jm_cst_small_user_control_panel{
	padding: 0px;
}
	
	.jm_cst_small_user_control_panel .jm_cplb_online{
		margin: 0;
		padding: 10px 0px;	
		background: none;
		border: 0px;	
		color: #333333;	
		
		-webkit-box-shadow: none;
		-moz-box-shadow:    none;
		box-shadow:         none;	
	}
	
	.jm_cst_small_user_control_panel .jm_cplb_inconversation{
		padding: 0px;
		background: none;
		border: 0px;	
		color: rgb(250, 102, 7);
		
		-webkit-box-shadow: none;
		-moz-box-shadow:    none;
		box-shadow:         none;		
	}
	
	.jm_cst_small_user_control_panel .jm_cplb_offline{
		padding: 0px;	
		background: none;
		border: 0px;	
		color: #333333;	
		
		-webkit-box-shadow: none;
		-moz-box-shadow:    none;
		box-shadow:         none;		
	}
	
	.jm_cst_small_user_control_panel .jm_cplb_website_logout{
		padding: 0px;
		background: none;
		border: 0px;	
		color: #333333;
		
		-webkit-box-shadow: none;
		-moz-box-shadow:    none;
		box-shadow:         none;	
	}

/**
*	2. agent styling
*/
.agent-item{
	display: block;
	height: 270px;
	margin-bottom: 25px;
	border: solid 1px #808080;
	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	/*
	-webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.29);
	-moz-box-shadow:    2px 2px 2px 0px rgba(50, 50, 50, 0.29);
	box-shadow:         2px 2px 2px 0px rgba(50, 50, 50, 0.29);
 */
}

	/**
	*	Bootstrap adjustments
	*/
	.agent-data .col-lg-4,
	.agent-data .col-lg-5,
	.agent-data .col-lg-6,
	.agent-data .col-lg-7,
	.agent-data .col-lg-8{
		padding-left: 0px;
	}	

	.agent-info .row{
		margin: 0;
	}
	
	.agent-info .col-md-4,
	.agent-info .col-md-5,
	.agent-info .col-md-6,
	.agent-info .col-md-7,
	.agent-info .col-md-8{
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
	
	.agent-header{ 
		height: 27px;
		padding: 0 4px 0 4px;
		text-align: center;
		background: rgb(253, 155, 39);
		color: #fff; 
	}
	
	h2.agent-name{ 
		display: inline-block; 
		width: 100%;
		color: #fff;
		font-weight: bold !important;
	}

	.agent-info{
		padding: 0px;		
	}
	
	.agent-info .btn-primary{
		width: 100%;
		text-align: left;
		font-size: 14px;
	}
	
  .jm_cpl_read_more{
    text-shadow: none;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;			
  }

	.agent-image{
		width: 100%;
		height: 213px !important;
	}
	
	.meta-data p{
		padding-top: 8px;
		margin-bottom:    4px !important;
	}
	
	.display_name{
		padding-left: 6px;
		font-family: Arial, sans-serif !important;
		font-size: 14px;
		font-weight: bold;
	}
	
	
	.user_meta_status_name{
		padding-left: 6px;
		font-family: Arial, sans-serif !important;
		font-family: 14px;
		font-weight: bold;	
	}
	
	.user_meta_boxnumber{
		float: right;
		font-family: Arial, sans-serif !important;
		font-family: 14px;
		color: rgb(0, 61, 198);	
	}

		/**
		*	Align excerpt to bottom
		*/
		.agent-info .row{
			position: relative;
		}
		
		.agent-responsive{
			position: absolute;
			top: 0;
			right: 0;
			height: 100%;
		}
	
		.agent-excerpt{
			position: absolute;
			bottom: 0px; 
			width: 100%;
			max-height: 170px;
			overflow: hidden;
		}
		
		.agent-excerpt p{
			margin: 0;
			padding-left: 8px;
			padding-right: 0px;
			padding-bottom: 0px !important;
		}
	
	.agent-fullprofile{
		padding-top: 15px;
		padding-left: 15px;
	}
	
	.fullprofile{
		padding-right: 0px;
		border-right: 0px;
		border-bottom: 0px;
		border-left: 0px;
				
		-webkit-box-shadow: none;
		-moz-box-shadow:    none;
		box-shadow:         none;			
	}
	
	.agent-fullprofile-image{
		width: 100%;
	}
	
	.meta-data-fullprofile{
		margin-top: 5px;
		margin-bottom: 5px;		
	}
	
	.fullprofile .agent-boxnumber{
		position: relative;
		top:0;
	}
	
	.agent-status{
		margin: 0 !important;
		-webkit-font-smoothing: antialiased !important;
		-moz-osx-font-smoothing: grayscale !important;			
		
	}
	
	.agent-boxnumber{
		margin: 0;
		padding-top: 0px;
		padding-bottom: 0px;
		font-weight: normal;
		color: rgb(0, 61, 198);
	}

	/**
	*	Agent status colors
	*/
	.online{
		color: rgb(33, 70, 230);
	}
	
	.inconversation{
		color: rgb(249, 0, 0);
	}
	
	.pause{
		color: #cc6600;
	}
	
	.offline{
		color: rgb(0, 61, 198);
	}
	
/**
*	3.	Navigation menu styling
*/	
.navbar{
	margin-top: 8px;
	margin-bottom: 0px;
	min-height:28px !important;

	border: 0px;

	background: rgba(255, 255, 255, 0.7);

	font-family: 'Poppins', sans-serif;
	font-size: 16px !important;
	text-shadow: none;
	font-weight: 400;
	
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;		
}

	/**
	*	Mobile menu
	*/
	.mobile-menu-text{
		display: inline-block;
		margin: 4px 0 0 4px;
	}
	
		.mobile-menu-text a{
			color: #000 !important;
			font-weight: bold;	
			-webkit-font-smoothing: antialiased !important;
			-moz-osx-font-smoothing: grayscale !important;			
		}
		
		.mobile-menu-text small{
			font-size: 70%;
		}

	.navbar a{
		color: #000 !important;
		padding:4px;
		text-align: left;
	}
	
	.navbar-nav>li>a{
		text-shadow: none;
	}
	
	.navbar a:hover{
		text-decoration: underline !important;
	}
	
	.navbar-default {
		-webkit-border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		border-radius: 0 !important;
	}
	
	.navbar-default .navbar-nav>.active>a{
		filter: none !important;
		background-color: none !important;
		background: none !important;
		background-image: none !important;
		text-decoration: underline;
		
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
		
	}

	
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		filter: none !important;
		background-color: none !important;
		background-image: none !important;
		background: none;
	}
	
	.navbar-nav > li > .dropdown-menu {
		background: rgb(253, 155, 39);
		border-radius: none !important;
	}
	
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,
	.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus	{
		background: rgb(253, 155, 39);
		color: #fff;
	}

.navbar-toggle {
    position: absolute;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    display: inline-block;
    right: 0px;
    top: 0px;
}
	
/**
*	4. Comments styling
*/	
.comment-box{
	margin: 16px 0 16px 0;
	padding: 0 4px 0 0; /* was 4px */
	border-bottom: solid 1px #000;
	
}

.comment-box .author-name{
	padding: 4px;

	width: 100%;
	height: 25px;

	color: #fff;
	
	background: rgb(253, 155, 39);

	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

	.comment-respond{
		margin: 16px 0 8px 0;
		padding: 4px;
	
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	
	.comment-respond form#commentform{}
	.comment-respond form#commentform label{ width: 100%;}
	.comment-respond form#commentform input{ width: 100%;}

	.comment-respond form#commentform input[type="submit"]{
		background: rgb(253, 155, 39);
		
		color: #fff;
	}
	
	.comment-respond form#commentform input[type="submit"]:hover{ background: #009999;}
	
	.comment-respond form#commentform select{ width: 100%;}
	.comment-respond form#commentform textarea{ width: 100%;}
	
	/**
	*	Comment widget styling
	*/
	.guestbook-read-more{ color: rgb(174, 40, 110);	}
	.guestbook-read-more:hover{ color: rgb(174, 40, 110); }
	
/**
*	5.	Footer and sidebar styling
*/
.sidebar{
	padding-left: 0px;
	padding-right: 0px;
	border-top: solid 1px #000;
}

.sidebar-item{
	padding-left: 15px;
	border-bottom: solid 1px #000;	
}
	/**
	*	Sidebar menu
	*/	
	.sidebar-menu{
		font-weight: bold;
		font-family: 'Arial Black', sans-serif;
		font-size: 21px;
		letter-spacing: -0.5px;
	}
	
	/**
	*	A good old fashion css 3 dropdown menu, vertical !
	*/
	.sidebar-menu ul{
		margin: 0;
		padding: 0;
	}
	
	/**
	*	Submenu list styling	
	*/
	.sidebar-menu ul ul{
		margin-left: 30px;
		padding: 0;
		font-weight: 500;
		font-size: 18px;
	}
	
	.sidebar-menu ul li,
	.sidebar-menu ul ul li{
		list-style-type: none;
	}
	
		.sidebar-menu a{
			color: #000;
		}
		
		.sidebar-menu a:hover{ 
			color: rgb(253, 175, 109);
			text-decoration: none;
		}
				
		.sidebar-menu ul ul {
			display: none;
		}
		
			.sidebar-menu ul li:hover > ul {
				display: block;
			}
	/**
	*	Custom spotlight
	*/
	.agent-widget{
		margin-bottom: 10px;
		height: 275px !important;
	}
	.jm_cpl_widget_agent_spotlight_child{
		padding-top: 14px;
		padding-bottom: 14px;
	}
	
	.jm_cpl_widget_agent_spotlight_child .heading_1{
		margin: 0;
		padding: 0 0 0 15px !important;
		font-family: 'Arial Black', sans-serif;
		font-size: 20px;
		color: #0000be;
	}
	
	.jm_cpl_widget_agent_spotlight_child .heading_2{
		margin: 0;		
		padding: 0 0 0 15px !important;
		font-family: 'Arial Black', sans-serif;
		font-size: 20px;
		color: #000000;
	}

	/**
	*	Guestbook widget
	*/
	.jm_widget_guestbook{
		font-family: 'poppins', sans-serif !important;
	}
	
	.jm_widget_guestbook_title{
		display: block;
		margin-top: 15px;
		margin-bottom: 15px;
		font-family: 'Arial Black', sans-serif;
		font-size: 20px;
		color: #000000;	
	}
	
	.jm_widget_guestbook p{
		padding-left: 0;
	}
	
	.jm_widget_guestbook .read-more{
		color: rgb(0, 61, 198);
	}
	
	

	/**
	*	Textwidget
	*/
	.textwidget{
		padding-top: 14px;
		padding-bottom: 14px;
		padding-right: 5px;
	}
	
	.textwidget img{
		border: solid 1px #808080;
	}
	
.footer{
	color: #000;
	margin: 8px auto;
	padding: 16px;
}

.footer h2{
	font-weight: normal;
}
	.footer-links{
		color: #000;
	}

	.footer-links a{
		color: #000;
	}

.footer-block {
	background: #ccffff;
}
	
.pages-2 ul{
	margin: 0;
	padding: 0;
	
	list-style-type: none;
}

.pages-2 ul li{
	width: 100%;
	height: 30px;
}

	/**
	*	Loginform
	*/
	p.login-username label{ width: 100% !important; }
	p.login-username input{ width: 100% !important; }
	
	p.login-password label{ width: 100% !important; }
	p.login-password input{ width: 100% !important; }

	p.login-remember label{ width: 100% !important; }
	p.login-remember input{ width: 100% !important; }

.search-form {
	margin-top: 16px;
}

.search-form .table > thead > tr > th > label {
	font-weight: normal;
	margin: 5px 0 0 0;
}

.search-form .table > thead > tr > th {
	margin-top: 16px;
	padding: 0px;
	border-bottom: 0px;
	
	width: 100%;		
	height: 16px;
	
	color: #fff;
	font-size: 120%;
	text-align: center;

	background: rgb(253, 155, 39);
}
	
/**
*	6.	Credits template styling
*/
#inputForm{ display:block; }
#myIframe{ display:none; }
.error { color:#FFF; background:#DD3333; padding:3px;display:none; }
.textbox { border:1px solid #999; width: 100%; }

/**
*	7. Media queries
*/

/* BOOTSTRAP OVERRIDES */
@media (min-width: 1200px) {
  .col-lg-2 {
    width: 18%;
  }
  .col-lg-1 {
      width: 5%;
  }
  .col-lg-9 {
    width: 77%;
  }
}

@media(max-width: 1024px){

.jm_cpl_online_row{
	margin-top: 8px;
	background: #fff;
	min-height: 100px;
}

.jm_cpl_inconversation_row{
	padding-top: 10px;
	background: #fa6607;
	min-height: 110px;
}

	/**
	*	Status text
	*/
	.col_status_text{
		position: relative;
		display: block;
		font-weight: bold;
	}
	
		.col_status_text .online{
			position: absolute;
			top: 47px;
			left: 35px;
			font-family: Arial;
			font-size: 19px;	

			color: rgb(51, 51, 51);

			/* Safari */
			-webkit-transform: rotate(-90deg);
			
			/* Firefox */
			-moz-transform: rotate(-90deg);
			
			/* IE */
			-ms-transform: rotate(-90deg);
			
			/* Opera */
			-o-transform: rotate(-90deg);
			
			/* Internet Explorer */
			filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);	
				
		}
		
		.col_status_text .inconversation{
			position: absolute;
			top: 32px;
			left: 19px;
			font-family: Arial;
			font-size: 18px;	
			color: rgb(255,255,255);		
			white-space: nowrap;

			/* Safari */
			-webkit-transform: rotate(-90deg);
			
			/* Firefox */
			-moz-transform: rotate(-90deg);
			
			/* IE */
			-ms-transform: rotate(-90deg);
			
			/* Opera */
			-o-transform: rotate(-90deg);
			
			/* Internet Explorer */
			filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);	
				
		}
	
	/**
	*	The actual lists with users
	*/
	.jm_cpl_user_status_list{
		margin: 0;
		padding: 0;
		list-style-type: none;
		font-size: 85%;
		line-height: 155%;
	
	}
  
  .jm_cpl_inconversation_row_mobile {
    padding-right: 0;
  }
  
  .jm_cpl_online_row_mobile {
    
  }
  
		/**
		*	Textlist
		*/
		.online-text li,
		.inconversation-text li,
		.offline-text li{
			font-family: Arial;
			font-weight: bold;
			font-size: 11px;
			line-height: 13px;
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;
		}
		
		/**
		*	Dummies for linebreaks after 7 names
		*/
		.online-text li:nth-child(7):after,
		.offline-text li:nth-child(7):after,
		.online-text li:nth-child(14):after,
		.offline-text li:nth-child(14):after,
		.online-text li:nth-child(21):after,
		.offline-text li:nth-child(21):after{
			display: block;
			content: "-";
			color: #fff;
		}
		
		.inconversation-text li:nth-child(7):after,
		.inconversation-text li:nth-child(14):after,
		.inconversation-text li:nth-child(21):after{
			display: block;
			content: "-";
			color: #fa6607;
		}
		
		/**
		*	Imagelist
		*/
		.jm_cpl_user_status_list.online-image li,
		.jm_cpl_user_status_list.inconversation-image li,
		.jm_cpl_user_status_list.offline-image li{
			display: inline-block;
		}
	
		.online-image img,
		.inconversation-image img,
		.offline-image img{
			margin-bottom: 10px;
			margin-left: 6px;
			width: 95.5px;
			height: 90px;		
		}
	
	/**
	*	Agent box
	*/	
	.agent-item{
		position: relative;
		height: 270px;
	}
	
	.agent-responsive{
		position: absolute;
		top: 0;
		right: 0;
	}
	
	.meta-data p{
		padding-right: 0;
	}
	
	.agent-excerpt{
		position: absolute;
		bottom: -4px; 
		width: 100%;
		max-height: none;
		overflow: hidden;
		font-size: 13px;
	}
	
	.agent-image{
		width: 100%;
		height: 130px;
	}
	
	.agent-boxnumber{
		position: absolute;
		top: 260px;
	}	

	.fullprofile{
		height: auto !important;
	}
	
	/**
	*	Custom spotlight widget
	*/
	.jm_cpl_widget_agent_spotlight_child .agent-responsive{
		height: 215px !important;
	}
	
	.jm_cpl_widget_agent_spotlight_child .agent-widget{
		height: 215px !important;
	}
	
	.jm_cpl_widget_agent_spotlight_child .meta-data .display_name{
		display: none;
	}
	
	.jm_cpl_widget_agent_spotlight_child .meta-data .user_meta_status_name{
		position: relative;
		top: 77px;
		font-size: 12px;
	}
	
	.jm_cpl_widget_agent_spotlight_child .meta-data .user_meta_boxnumber{
		position: relative;
		top: 79px;
		font-size: 12px;	
	}
	
	.jm_cpl_widget_agent_spotlight_child .agent-excerpt{
		position: absolute;
		bottom: 8px; 
		width: 100%;
		max-height: none;
		overflow: hidden;
	}
	
	.jm_cpl_widget_agent_spotlight_child .agent-excerpt p{
		font-size: 10px !important;
		
	}
	
}

@media(max-width: 768px){
	
	.navbar{
		/*margin-bottom: 8px;*/
		margin-top: 10px;
		background: rgb(253, 155, 39);
	}	
	
	h1, h2, h3, p{
		padding-left: 5px !important;
	}
	
	.navbar-collapse{
		max-height: 360px;
	}
	
	/**
	*	Contactform 7
	*/
	.wpcf7-form table tr td{
		padding-right: 0px;
	}
	
	.wpcf7 input[type="text"],
	.wpcf7 input[type="email"],
	.wpcf7 textarea{
		width: 256px !important;
	}
	
	/**
	*	Consultshop
	*/
	.jm_cshop_product_link a{
		overflow-x: scroll;
	}

	/**
	*	Bootstrap adjustment
	*/
	.col-lg-8{
		padding-right: 0;
		padding-left: 0;
		padding-top: 15px;
	}

	.agent-data>.col-md-6{
		padding-left: 15px;
		padding-right: 15px;		
	}
	
	.agent-info .col-md-7,
	.agent-info .col-md-4{
		padding-right: 0px;
	}
	
	.agent-info .col-md-5{
		padding-left: 0px;
	}

	.agent-image{
		width: auto;
		height: auto;
	}
	
	.agent-excerpt{
		position: absolute;
		bottom: -4px; 
		width: 100%;
		max-height: none;
		overflow: hidden;
	}
	
}

@media(max-width: 414px){
	
	.sidebar-item{
		/*margin-bottom: 10px;
		padding-left: 5px;*/
	}	
	
	.agent-item{
		position: relative;
		height: 275px;
	}
	
	.fullprofile{
		height: auto !important;
	}
	
	.agent-responsive{
		position: absolute;
		top: 0;
		right: 0;
	}
		
	.agent-excerpt{
		position: absolute;
		bottom: -4px; 
		width: 100%;
		max-height: none;
		overflow: hidden;
		
		font-size: 12px;
	}
	
	.agent-image{
		height: 222px !important;
	}
	
}

@media(max-width: 375px){
	
	.agent-item{
		position: relative;
		height: 255px;
	}	

	.agent-excerpt{
		position: absolute;
		bottom: 19px; 
		width: 100%;
		max-height: none;
		overflow: hidden;
		
		font-size: 12px;
	}
	
	.agent-image{
		height: 199px !important;
	}	
	
}

@media(max-width: 320px){
	
	/**
	*	Textlist
	*/
	.online-text li,
	.inconversation-text li,
	.offline-text li{
		font-family: Arial;
		font-weight: bold;
		font-size: 9px;
		line-height: 12px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.agent-item{
		height: 225px;
	}	

  /* DISABLED BY ERIK on 22-07-2016 on request Leanne
	.meta-data p{
		padding: 0px;
		padding-left: 2px;
	}
	*/
  
	.agent-excerpt{
		bottom: 53px;		
		font-size: 10px;
	}
	
	.display_name{
		display: none;
	}
	
	.user_meta_status_name{
		margin-top: 20px;
	}

}
	
/**
*	8. Toolbox plugin
*/
.jm_skills{
	text-align: right;
	font-weight: bold;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;			
	
}
.jm_skills_title{
	padding-top: 8px;
}

.jm_skills_list{
	margin: 0;
	padding: 4px;
}

	.jm_skills_list li{
		list-style-type: none;
		word-break: break-word;
	}
	
/**
*	9. Blogtemplate styling
*/
.blog-entry-excerpt{
	margin-top: 10px;
	margin-bottom: 30px;
}
.blog-entry-excerpt p{
	margin-bottom: 0px;
}

.blog-entry .readmorelink{
	color: #333 !important;
}

/**
*	10. Template consulent styling
*/
.personal-guestbook-messages {
	padding-left: 0px; /* was 19px */
}
.personal-guestbook-messages table tr th,
.personal-guestbook-messages table tr td{
	padding-left: 5px;
	border-bottom: 1px solid #000 !important;
}