@import url("default.css");
@import url("menu.css");
@import url("messages.css");
@import url("employe.css");
@import url("search.css");
@import url("settings.css");
@import url("actions.css");
/*@import url("agencies.css");*/


html, body {
    font-size: 12px;
    font-family: Arial;
    color: #000000;
}
a {outline: none; color: #000000;}

a:hover{ text-decoration: none;}

a img{ border: 0px; }

h1 {
    margin: 0px;
    padding: 10px 0px;
    font-size: 18px;
}

h3 {

}


.clear, .clearb {
    height: 0px;
    line-height: 0px;
    font-size: 0px;
    clear: both;
}

div#pagewrapper{
    margin: 0px auto;
    padding: 0px 0px;
    min-width: 990px;
    max-width: 100%;
    width: auto;
}
div#header{
    background-image: url(../images/wbg.gif);
    background-repeat: repeat-x;
    background-position: top;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 6px;
}


/* table_view_form */

div.table-view-form-holder {
    width: 400px;
    background-color: #FFFFFF;
    border: 2px solid #000000;
    padding: 6px;
    padding-top: 15px;
    z-index: 1000;
}

div.table-view-form-holder a {
    border: 2px solid #000000;
}

div.table-view-form-holder a.handle{
    width: 15px;
    height: 150px;
    background-image: url(../images/table_view.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}

ul.table-view-form-ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

ul.table-view-form-ul li {
    text-align: left;
    display: block;
    width: 200px;
    float: left;
}

div.table-view-form-submit{
    text-align: right;
    padding: 25px 10px 0px 0px;
}

/* end table_view_form */

/* pagination */
div#pagination_per_page_form_cnt {
    float: right;
    padding-left: 5px;
}

div.pagination {
    float: right;
}
div.pagination a{
    font-size: 10px;
}

div.table-view-top{
    margin: 5px 0px;
}


/* table-view */
table.table-view{
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    width: 100%;
}
table.table-view tr th{
    background: #FAFAFA url(../images/fhbg.gif) repeat-x scroll center bottom;
    border-left:1px solid #FFFFFF;
    border-right:1px solid #DDDDDD;
    overflow:hidden;
    text-align:left;
    vertical-align:top !important;
    font-weight: normal;
}
table.table-view tr th.sorted{
    background:transparent url(../images/wbg.gif) repeat-x scroll 0 -1px;
}
table.table-view tr th div{
    padding: 0px;
}
table.table-view tr th div a:hover,
table.table-view tr th div.sasc a:hover,
table.table-view tr th div.sdesc a{
    background:transparent url(../images/dn.png) no-repeat scroll center top;
}
table.table-view tr th div.sdesc a:hover,
table.table-view tr th div.sasc a{
    background:transparent url(../images/up.png) no-repeat scroll center top;
}
table.table-view tr th div a {
    display: block;
    color: #000000;
    text-decoration: none;
}
table.table-view tr th div span{
    padding: 5px;
    display: block;
}
table.table-view tr td{
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    padding: 2px 5px;
}
table.table-view tr td a{
    color: #16387c;
	text-decoration: none;
}
table.table-view tr td a:hover{
	text-decoration: underline;
}

input.highlighted,
table.table-view tr td.highlighted,
table.table-view tr.highlighted td {
	background-color: #FEFDAB;
}


input.highlighted_warning,
table.table-view tr td.highlighted_warning,
table.table-view tr.highlighted_warning td {
	color:#cd0a0a; 
	background-color:#FFE0E0;
}

input.highlighted_info,
table.table-view tr td.highlighted_info,
table.table-view tr.highlighted_info td {
	background-color:#EAF7FE    ;
}


table.table-view tr.erow{
    background-color: #f6f6f6;
}

table.table-view tr.highlightRow,
table.table-view tr.elements:hover{
    background-color: #D9EBF5;
}
div.table-view-bottom {
    background:transparent url(../images/wbg.gif) repeat-x scroll 0 -1px;
    padding: 5px;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    margin-left: -1px;
}
select.table-view-bottom-select{
}

.juery-button{
    font-size: 10px !important;
}

/**
 * Two blocks
 */
div#blocks {
    margin-top: 10px;
}

div#left-block {
    width: 15%;
    float: left;
}
div#right-block {
    width: 85%;
    float: right;
}

div.std-background {
    background-image: url(../images/bg.gif);
    background-position: center top;
    background-repeat: repeat-x;
    border: 1px solid #CCCCCC;
    background-color: #f0f0f0;
    padding: 10px;
    min-height: 400px;
}

div.std {
    padding: 0px 10px 10px 10px;
}


h3 {
    color: #555555;
}

ul.simple {
    padding: 0px;
    list-style: none;
}

ul.simple li {
    margin: 3px 0px;
}

div.std-box {
    border: 2px solid #555555;
    padding: 10px;
}

div.std-box {
    padding: 10px;
}

div.title-box {
    width: 350px;
    background-color: #808080;
    padding: 5px;
    padding-left: 15px;
    margin: 10px 5px 10px 5px;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    border: 2px solid #CCCCCC;
}

div.title-box-small {
    width: 150px;
    background-color: #808080;
    padding: 5px;
    padding-left: 15px;
    margin: 10px 5px 10px 5px;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    border: 2px solid #CCCCCC;
}

.sep-line {
    background-color: #cccccc;
    height: 1px;
    margin: 10px 0px;
    width: 100%;
}
table.file-table {
    border-collapse: collapse;
    border: 1px solid #CCCCCC;
}

table.file-table a {
    text-decoration: none !important;
}

table.file-table a:hover {
    color: #555555 !important;
}

table.file-table tr th{
    padding: 4px 15px;
    border: 1px solid #CCCCCC;
    background-color: #EEEEEE;
}

table.file-table tr td{
    padding: 4px 15px;
}
.status_icon{
	width: 12px;
	height: 12px;
	float: left;
	display: inline;
	display: block;
	margin-right: 3px;
	}
.status_6_canceled,
.status_4_done td{
	color: grey;
	}
.comments_count_icon{
	opacity:0.4;
	filter:alpha(opacity=40);
	margin-bottom: -3px;
	margin-left: 5px;
	}


/*
table.table-view .support_overview_project_line td{
	background-color: #3E7EFF;
	
	color: #ffffff !important;
}
table.table-view .support_overview_project_line td a{
	color: #ffffff;
	} */
table.table-view .overview_project_line{
	background-color: #D6E4FF;
	font-weight: bold;
	}
table.table-view .overview_project_line2{
	background-color: #B3CCFF;
	font-weight: bold;
	}
	
table.table-view .report_overview_project_line a,
table.table-view .report_overview_project_line{
	background-color: #6097ff !important;
	font-weight: bold;
	color: #ffffff;
	}
table.table-view .report_overview_client_line a{
	color: white !important;
	}
table.table-view .report_overview_client_line{
	background-color: #1163ff !important;
	color: #ffffff;
	font-weight: bold;
	}
table.table-view .report_overview_record_line{
	background-color: #D9EBF5 !important;
	font-weight: bold;
	
	}
	

.event_username{
	float: right;
	font-weight: bold;
	display: inline;
	padding: 0px;
	}
.event_icon{
	float: right;
	/*display: block;*/
	width: 12px;
	height: 12px;
	/*margin-right: -5px;
	margin-top: -5px;*/
	}
.fc-time { padding: 1px 2px 2px 2px !important; background-color: rgba(0, 0, 0, 0.25); }
.event_description{
	padding: 1px;
	font-style:italic;
	}
.fc-title { font-weight: bold; padding-top: 2px !important; }
/* .event_holiday .fc-content {background-color: rgba(0, 0, 0, 0.25) !important; }	 */
.fc-content { border: 3 px solide red !important; }



.ui-widget,
.ui-widget .ui-widget{
	font-size: 12px !important;
	font-family: Arial !important;
	}

.editable input{
	width: 50px !important;
	}

.editable_parent {
    background-image: url("/images/click_to_edit.png");
    background-position: left top;
    background-repeat: no-repeat;
}
.disabled_row a,
.disabled_row .hours,
.disabled_row{
	/*text-decoration: line-through;*/
	color: grey;
	}
.disabled_row .hours_cell{
	text-decoration: line-through;
	}






input.project_search {
	margin-top: 2px;
	margin-right: 5px;
	float: right;
}






/* start progress bar */
	.meter {
		height: 8px;  /* Can be anything */
		position: relative;
		margin: 0px 0 3px 0; /* Just for demo spacing */
		/*border: 1px solid #555;*/
		background: #555555;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		padding: 1px;
		-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
		-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
		box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
	}
	.meter > span {
		display: block;
		height: 100%;
		background-color: rgb(43,194,83);
		background-image: -webkit-gradient(
		  linear,
		  left bottom,
		  left top,
		  color-stop(0, rgb(43,194,83)),
		  color-stop(1, rgb(84,240,84))
		 );
		background-image: -moz-linear-gradient(
		  center bottom,
		  rgb(43,194,83) 37%,
		  rgb(84,240,84) 69%
		 );
		-webkit-box-shadow:
		  inset 0 2px 9px  rgba(255,255,255,0.3),
		  inset 0 -2px 6px rgba(0,0,0,0.4);
		-moz-box-shadow:
		  inset 0 2px 9px  rgba(255,255,255,0.3),
		  inset 0 -2px 6px rgba(0,0,0,0.4);
		box-shadow:
		  inset 0 2px 9px  rgba(255,255,255,0.3),
		  inset 0 -2px 6px rgba(0,0,0,0.4);
		position: relative;
		overflow: hidden;
	}
	/* .meter > span:after, .animate > span > span {
		content: "";
		position: absolute;
		top: 0; left: 0; bottom: 0; right: 0;
		background-image:
		   -webkit-gradient(linear, 0 0, 100% 100%,
			  color-stop(.25, rgba(255, 255, 255, .2)),
			  color-stop(.25, transparent), color-stop(.5, transparent),
			  color-stop(.5, rgba(255, 255, 255, .2)),
			  color-stop(.75, rgba(255, 255, 255, .2)),
			  color-stop(.75, transparent), to(transparent)
		   );
		background-image:
			-moz-linear-gradient(
			  -45deg,
			  rgba(255, 255, 255, .2) 25%,
			  transparent 25%,
			  transparent 50%,
			  rgba(255, 255, 255, .2) 50%,
			  rgba(255, 255, 255, .2) 75%,
			  transparent 75%,
			  transparent
		   );
		z-index: 1;
		-webkit-background-size: 50px 50px;
		-moz-background-size: 50px 50px;
		-webkit-animation: move 2s linear infinite;
		   -webkit-border-top-right-radius: 8px;
		-webkit-border-bottom-right-radius: 8px;
			   -moz-border-radius-topright: 8px;
			-moz-border-radius-bottomright: 8px;
				   border-top-right-radius: 8px;
				border-bottom-right-radius: 8px;
			-webkit-border-top-left-radius: 20px;
		 -webkit-border-bottom-left-radius: 20px;
				-moz-border-radius-topleft: 20px;
			 -moz-border-radius-bottomleft: 20px;
					border-top-left-radius: 20px;
				 border-bottom-left-radius: 20px;
		overflow: hidden;
	} */

	.animate > span:after {
		display: none;
	}

	@-webkit-keyframes move {
		0% {
		   background-position: 0 0;
		}
		100% {
		   background-position: 50px 50px;
		}
	}

	.orange > span {
		background-color: orange;
		background-image: -moz-linear-gradient(top, orange, orange);
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, orange));
		background-image: -webkit-linear-gradient(orange, orange);
	}

	.light-orange > span {
		background-color: #ffeb99; /* pale yellow-orange */
		background-image: -moz-linear-gradient(top, #fff3cd, #ffeb99);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff3cd), color-stop(1, #ffeb99));
		background-image: -webkit-linear-gradient(#fff3cd, #ffeb99);
		background-image: linear-gradient(to bottom, #fff3cd, #ffeb99);
	}

	.red > span {
		background-color: #f0a3a3;
		background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
		background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
	}

	.nostripes > span > span, .nostripes > span:after {
		-webkit-animation: none;
		background-image: none;
	}
/* end progress bar */


  .droptrue_name,
  .droptrue {
		list-style-type: none;
		margin: 0;
		float: left;
		margin-left: 10px;
		background: #eee;
		padding: 5px;
		width: 18%;
	}

#dashboard_preferences .droptrue_name,
#dashboard_preferences .droptrue{
	width: 23%;
}
	.droptrue_name{
		font-size: 14px;
		font-weight: bold;
		background: none !important;
		}
	.droptrue_step_1{
		margin-left: 0px;
		}
	.droptrue li {
		margin: 5px;
		padding: 5px;
		/*font-size: 1.2em; */
		background-color: #F6F6F6;

	}

	.droptrue li:hover {
		cursor: pointer;
	}

	.droptrue li.ui-sortable-helper {
		cursor: move;
	}


	.checklist_done {
		text-decoration: line-through !important;
		color: #808080 !important;
	}

	.editable_checklist input{
		width: 95% !important;
	}

	.copy2Clipboard {
		cursor: pointer;
		}


.fa-sigma:before {
   content: '\03A3';
   /*font-weight: 700;*/
}

/*
iframe.email_body_preview,
div.email_body_preview{

	border: 1px solid #cccccc;
	height: 700px;
	overflow: scroll;
	width: 100%;
	} */

div.dashboard_tile{

	width: 33%;
	float: left;
	display: inline;
	border: 1px solid #f6f6f6;
	margin: 2px 2px 0px 0px;
	padding: 10px 10px 20px 10px;
	box-sizing: border-box;
	overflow: hidden;

}

div.graph_wrapper{
	height: 300px;
	}

div.dashboard_tile_inner{
	overflow: scroll;
	width: 100%;
    overflow: auto;
    height: 100%;
	}
div.dashboard_tickets{
	padding-bottom: 10px;
	height: 358px;
	}
div.dashboard_tile h3{
	font-size: 12px;
	text-align: center;
	padding: 0px 0px;
	margin-top: 0px;
}

table.gantt_resources_table{
	display: block;
	overflow-x: auto;
	white-space: nowrap;
	}
div.resources_project_bar{
	display: block;
	background-color: red;
	border-color: 1px solid #00004d;
	color: #fff;
	font-size: .85em;
	line-height: 1.3;
	border-radius: 3px;
	}
div.resources_project_bar a:hover{
	text-decoration: none !important;
}
div.resources_project_bar a{
	display: block;
	text-decoration: none;
	color: black;
}

div.resources_gantt_empty_day{
	text-align: center;
	display: block;
}
td.resources_today{
	border-right: 2px solid red !important;
}

/* Start ckeditor autocomplete styling */
	.cke_autocomplete_panel .username {
		padding-left: 5px;
	}

	.cke_autocomplete_panel .fullname {
		padding-left: 5px;
		color: #b7b7b7;
	}
	ul.cke_autocomplete_panel .photo {
		display: inline-block;
		vertical-align: middle;
		height: 30px;
		border-radius: 50%;
	}
	ul.cke_autocomplete_panel {
		width: 250px;
	}
/* end ckeditor styling */


/* start notifications */
	div.header_subnav_container{
		float: right;
		display: inline;
		}
	ul.header_subnav{
		margin: 0px 9px 0px 0px;
		padding: 0px;
		list-style-type: none;
	}
	ul.header_subnav  li{
		position: relative;
		display: inline;
		float: left;
		margin-left: 15px;
		}
	.header_subnav a.subnav_link{
		align-items: center;
		text-decoration: none;
		background-color: transparent;
		display: flex;
		padding-top: 2px;
		padding-bottom: 3px;
		font-size: 14px;
		}
	.header_subnav a.subnav_link .badge{
		left: 50%;
		margin-left: 0;
		position: absolute;
		top: 50%;
		margin-top: -12px;
		}
	.header_subnav span.badge-danger{
		color: #fff;
		background-color: #e55353;
		}
	.header_subnav span.badge-success{
		color: #fff;
		background-color: #28a745;
		}

	div.header_dropdown_menu {
		position: absolute;
		z-index: 9999;
		min-width: 600px;
		max-width: 600px;
		max-height: 700px;
		overflow-y: auto;
		background-color: #ffffff;
		top: 100%;
		right: -7px;
		box-shadow: 0 4px 5px 0 rgba(60,75,100,.14),0 1px 10px 0 rgba(60,75,100,.12),0 2px 4px -1px rgba(60,75,100,.2);
		float: left;
		border-radius: .25rem;
		}
	div.header_subnav_container div.dropdown-header{
		background-color: #f6f6f6;
		color: black;
		padding: 5px 10px;
		margin-bottom: 0;
		white-space: nowrap;
		color: #8a93a2;
		}
	div.header_subnav_container a.header_dropdown_menu_bottom_link{
		display: block;
		padding: 5px;
		text-decoration: none;
		background-color: #F6F6F6;
		color: #16387c;
		border-bottom: 1px solid #CCCCCC;
		border-left: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		}
	div.header_subnav_container a.header_dropdown_menu_bottom_link:hover{
		text-decoration: underline;
		}
	div.header_subnav_container	div.header_dropdown_menu_header{
		display: block;
		padding: 5px;
		border-top: 1px solid #CCCCCC;
		border-left: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		background-color: #F6F6F6;
		}

/* end notifications */

span.badge_green {
	background-color: #008000;
	border: 1px solid #006400;
}
.font_color_green{
	color: #008000;
	}

span.badge_lightgreen {
	background-color: #5fba7d;
	border: 1px solid #5fba7d;
}
.font_color_lightgreen{
	color: #5fba7d;
	}

span.badge_yellow {
	background-color: #FFFF00;
	border: 1px solid #FFD700;
	color: #000000 !important;
}
.font_color_yellow{
	color: #FFFF00;
	}

span.badge_red {
	background-color: #FF0000;
	border: 1px solid #FF7F50;
}
.font_color_red{
	color: #FF0000;
	}

span.badge_orange{
	background-color: #FFA500;
	border: 1px solid #FF8C00;
}
.font_color_orange{
	color: #FFA500;
	}

span.badge_blue {
	background-color: #0000FF;
	border: 1px solid #00008B;
}
.font_color_blue{
	color: #0000FF;
	}

span.badge_lightblue {
	background-color: #87CEEB;
	border: 1px solid #00BFFF;
	color: #ffffff !important;
}
.font_color_lightblue{
	color: #87CEEB;
	}

span.badge_default {
	background-color: #808080;
	color: #ffffff !important;
	border: 1px solid #696969;
}
.font_color_default{
	color: #808080;
	}

span.badge_lightgrey {
	background-color: #D3D3D3;
	color: #ffffff !important;
	border: 1px solid #C0C0C0;
}
.font_color_lightgrey{
	color: #D3D3D3;
	}

span.badge{
	border-radius: 3px;
	color: #fff;
	padding: 0px 3px 0px  3px;
	/* box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 1px 4px rgba(225,225,225,.3); */
	position: relative;
	display: inline-block;
	font-weight: normal;
	/*line-height: 16px;*/
	/*top: -1px;*/
	font-size: 11px;
}
span.badge_large {
	padding: 3px; margin: 5px; font-size: 14px; font-weight: bold;
}

div.notification_bell_i_left{
	float: left;
	font-size: 15px;
	}
div.notification_bell_i_right{
	float: right;
	}

.extra_highlight{
	background-color: red !important;
	color: white !important;
}

	/*
div.notifications_bell_right .fa-stack[data-count]:after{
  position:absolute;
  right:0%;
  top:1%;
  content: attr(data-count);
  font-size:30%;
  padding:.4em;
  border-radius:999px;
  line-height:.75em;
  color: white;
  background:rgba(255,0,0,.85);
  text-align:center;
  min-width:1em;
  font-weight:bold;
  font-size: 10px;
  margin-left: 5px;
}
*/


/* end notifications */

/* start edit record general form */
	div.flex_container{
		display: flex;
	}
	div.record_form_right,
	div.record_form_left{
		flex-basis:50%;
		}
	div.record_form_left table.details_t,
	div.record_form_right table.details_t {
		position: sticky;
		top: 10px;
	}

	@media screen and (max-width: 1440px) {
	  div.flex_container {
		display: block;
	  }
	}
	.record_table td.input_label{
	white-space: nowrap;
	}
	.record_table p{
		margin: 0px 0px 10px 0px;
		}
	.record_table .record_table_comment{
		clear: both;  padding: 10px; margin-bottom: 10px;
		border-radius: 4px;
		}
	.record_table .record_table_comment_title{
		margin-bottom: 10px;
		}
	.record_table .readmore_link{
		padding-top: 10px;
		}
	.record_table .ticket_log{
		margin: 0px 0px 0px 15px;
		padding: 0px;
		}
	.record_table .ticket_log li{
		margin: 0px;
		padding: 0px;
		}
	.record_table_autostatus {
		/*padding: 10px;
		border: 1px solid #cccccc;*/
		margin-bottom: 5px;
		margin-top: 5px;
		}
	.record_table .record_autostatus_list{
		padding: 10px 0px 10px 0px;
		}
	.record_table .record_autostatus_item{
		padding: 5px;
		border-radius: 4px;
		border: 1px solid #cccccc;
		margin-bottom: 10px;
		}
	.record_table .record_autostatus_list i{
		float: left;
		}
	.record_table .record_autostatus_list i.error_icon{
		color: #cd0a0a;
		}
	.record_table .record_autostatus_list_item_message{
		padding-left: 21px;
		}
	.record_table .record_table_user_picture_container{
		border-style: solid; border-width: 14px 14px 14px 0; height: 0; margin-top: 10px; display: block; width: 0; float: right; margin-right: -5px;
		}
	.record_table .record_table_comment_author{
		float: left;
		display: inline;
		}
	.record_table .record_table_comment_action{
		float: right;
		display: inline;
		width: 75px;
		text-align: right;
		}
	/*.record_table .record_table_email_object{
		border: 1px solid #cccccc;
		background-color: white;


		} */

    .record_table_email_iframe
    {
      border: 1px solid #cccccc;
  		background-color: white;
      height: 150px;
      width: 100%;
		overflow: hidden;
    }

    .record_table_email_iframe iframe{
      width: 100%;
	  height: 100%;
      background-color: white;
      border-width: 0px;    
	  }

	.record_table .email_metadata{
		display: flex;
		}
	.record_table .email_metadata_left{
		flex-basis:50%;
		/* display: flex;*/
		}
	.record_table .email_metadata_right{
		flex-basis:50%;
		/* display: flex; */
		}
	.record_table .record_table_comment_wrapper code,
	.record_table .record_table_comment_wrapper pre{
		white-space: pre-wrap; 
		word-break: break-word;
		}

/* end edit record general form */
	div.record_log span {font-style:italic;}
	div.record_log div {padding-bottom: 3px;}

div.records_category_data{
	display: inline;
	float: left;
	margin-right: 10px;
	}
div.records_category_data img{
	float: left;
	display: inline;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-top: -2px;
	}
.profile_picture_small{
	width: 22px;
	height: 22px;
	}
.profile_picture_medium{
	width: 50px;
	height: 50px;
	}
.profile_picture{
	float: right; 
	border-radius: 50%;
	background-color: #DDDDDD;
	}
	
	
.ui-state-holiday .ui-state-default, .ui-datepicker-week-end .ui-state-default {
    color: red !important;
}

.not_underlined_link {
	text-decoration: none;
	}
.not_underlined_link:hover{
	text-decoration: underline;
	}
	
div.invoice_preview_container table#summary_table,
div.invoice_preview_container table.invoice_details{
	border-collapse: collapse;
	}
div.invoice_preview_container td.bordered_td,
div.invoice_preview_container table.invoice_details tr td{
	border: 1px solid #000000;
	}
div.invoice_preview_container td.no_border{
	border-width: 0px !important;
	}
div.invoice_preview_container .invoice_wrapper{
	width: 650px; margin: 0px auto;
	padding: 20px;
	border: 1px solid #EBEBEB;
	margin-bottom: 20px;
	}
div.invoice_preview_container .editable{
	background-image: url(/images/click_to_edit.png);
	background-repeat: no-repeat;
	background-position: left top;
	}

div.invoice_preview_container .invoice_item_details {
	float: right;
	display: inline;
	}
div.invoice_preview_container{
	display: flex;
}
div.invoice_preview_container div.invoice_preview_left{
	width: auto;
	flex: 1;
	}
div.invoice_preview_container div.invoice_preview_right{
	
	width: 300px;
}

.handle_bar {
	cursor: move;
	}
	
.blurred_text {
   color: transparent;
   text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

/*
.highlight_red { background-color: #ffc7c7 ; }
.highlight_yellow { background-color: #faf2cc; }
.highlight_lightgreen { background-color: #bfe3cb; }
*/

.project_search_wrp .select2-container .select2-selection {
	height: 25px; 
}

blockquote {
	padding: 10px 30px 10px 30px;
	position: relative;
	font-size: 1.4em;
	margin:20px auto;
	border-left:8px solid #CCCCCC ;
	line-height:1.6;
	position: relative;
	background:#F6F6F6;
	}
blockquote p{
		margin: 10px 0px !important;
}



.user_block_with_progress {
	margin-bottom: 5px;
	background-color: grey;
	color: #ffffff;
	font-size: 10px;
	line-height: 1.3;
	border-radius: 3px;
	border: 1px solid #000000;
	position: relative;
	display: block;
	cursor: pointer;
}
.user_block_with_progress table{
	padding: 0px;
	margin: 0px;
}
.user_block_with_progress .profile_picture{
		border: 1px solid white;
}
.user_block_with_progress .meter{
	background-color: #f6f6f6;
}