.alertify-title-logo {
	width: 100px;
}

.outdated-msg h4 {
	font-weight: 100;
}

.outdated-msg .outdated-btns {
	text-align: center;
}

.outdated-msg .btn-remind {
	/* font-family: 'comfortadone'; */
	margin-left: 7px;
	font-size: large !important;
	font-weight: 100 !important;
	padding: 15px;
	background-color: #f3f3f3;
	color: #0c0c0c;
	border-bottom-width: 3px;
	border-color: #f3f3f3;
	border-radius: 10px;
	cursor: pointer;
}

.outdated-msg .btn-show-tickets {
	font-family: 'comfortadone';
	font-size: x-large !important;
	font-weight: 100 !important;
	padding: 15px;
	background-color: #ffa100;
	color: white;
	border-bottom-width: 3px;
	border-color: #ffc893;
	border-radius: 10px;
	cursor: pointer;
}

.outdated-msg .count-tickets {
	color: red;
}

.outdated-msg .change-deadline-title {
	font-weight: 700;
	color: red;
	margin-right: 10px;
}

.outdated-msg .change-deadline-value {
	color: black;
	margin-right: 4px;
	font-weight: 100 !important;
}

.alertify .ajs-footer {
	display: none !important;
}

.alertify-notifier .ajs-message.ajs-warning {
	background-color: #ffbf4e !important
}

.alertify-notifier .ajs-message.ajs-success {
	background-color: #3FAE29 !important
}

#reason_change_time_billed,
#reason_change_time_estimated {
	height: 30px;
	width: 185px;
}

.reason-title {
	padding: 8px 14px;
	margin: 0 0 0 -12px;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
}

.reason-history {
	padding-top: 6px;
	padding-left: 68px;
}

.reason-history p {
	margin-bottom: 5px;
}

.activity-details .reason-history {
	padding-left: 0;
	padding-bottom: 6px;
	overflow-wrap: break-word;
}

.time-remaining,
.time-spent {
	font-size: 10px !important;
}

#total_tickets_time .sidebar-content {
	float: right;
}

#updateStatusDeadline {
	margin-bottom: 15px;
}

.deadline-arrow {
	position: absolute;
	top: 3%;
	left: 27%;
	width: 22px;
	height: 22px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxnPiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPiAgPHJlY3QgZmlsbD0ibm9uZSIgaWQ9ImNhbnZhc19iYWNrZ3JvdW5kIiBoZWlnaHQ9IjQwMiIgd2lkdGg9IjU4MiIgeT0iLTEiIHg9Ii0xIi8+IDwvZz4gPGc+ICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+ICA8cmVjdCBpZD0ic3ZnXzEiIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgZmlsbD0ibm9uZSIvPiAgPHBhdGggaWQ9InN2Z18yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2U9IiNmZjAwMDAiIGZpbGw9Im5vbmUiIGQ9Im0zNC4zOTcsMjlsLTE0LjM5NywxOWwtMTQuMzk2LC0xOWw5LjM5NiwwYzAsLTI5IDI5LC0yOCAyOSwtMjhzLTE5LDEuMzczIC0xOSwyOGw5LjM5NywweiIvPiA8L2c+PC9zdmc+);
	background-size: cover;
}

.deadline-bounce {
	animation: bounce 2s infinite;
}

@keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(-30px);
	}
	60% {
		transform: translateY(-15px);
	}
}

.popover {
	animation-iteration-count: 3;
	animation-delay: 0.5s;
}

.task-number {
	float: left;
	margin-left: -8px;
}

.text-danger {
	color: red;
}

.important-word {
	font-weight: bold;
	color: red;
}


/* --------------- mention list | ckeditor Editor -------------- */

.cke_autocomplete_panel {
	width: auto !important;
}

.cke_autocomplete_panel li {
	padding: 10px !important;
}

.cke_autocomplete_panel li img {
	border-radius: 100% !important;
	width: 40px !important;
}

.cke_autocomplete_panel li strong {
	margin-right: 10px !important;
	margin-left: 7px !important;
}

.cke_autocomplete_selected,
.cke_autocomplete_panel li:hover {
	background-color: #1d93c959 !important;
}

.note-text {
	padding-top: 4px;
}

.note-text.editable-pre-wrapped {
	white-space: normal !important;
}

.note-text a {
	color: #0093C9 !important;
}

.list-note .note .note-action {
	width: auto !important;
}

.notification.list-group-item,
.mod-notification.list-group-item {
	cursor: pointer;
	margin-bottom: 1px;
}

/*.am-i-mentioned {*/
/*	background-color: #eccccc !important;*/
/*	border: 1px solid #b20811 !important;*/
/*}*/

.ajs-close {
	display: none !important;
}

.notifications.list-group .state-notification {
	float: right;
	position: relative;
	top: -38px;
}

.mod-notification-details .state-notification {
	float: right;
	position: relative;
	top: -31px;
	left: 29px;
}

.notifications-not-found {
	display: block;
	text-align: center;
}

#floating-notifications.dropdown-menu .mod-notifications-url,
#floating-notifications.dropdown-menu .mod-notifications-mark-read {
	color: #0093C9 !important;
	line-height: 1;
	margin: 0 0 15px;
}

.alertify-notifier.ajs-top {
	top: 51px !important;
}

#form_signin {
	text-align: center;
}

#form_signin .form-signin-heading {
	display: inline-block;
}

.credentials-fild-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 20px;
}

.credentials-fild-wrapper label {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 80px;
	flex: 0 0 80px;
	margin: 0 5px 0 0;
}

.credentials-fild-wrapper input {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
	margin: 0;
}

#floating-notifications .list-group-item.unread {
    background-color: #e3ecfc;
}

.notes-and-tasks .task-number {
	float: left;
    margin-left: 0px;
    margin-right: 6px;
}

.loader {
	display: none;
    z-index: 5000;
    width: 16px;
    height: 16px;
    background-image: url(../../../modules/mod_ajaxsearch/img/ajax-loader.gif);
    background-repeat: no-repeat;
}

#remaining-exceeded-msg {
	display: none;
}

#remaining-exceeded-msg h5.success {
	color:  #3FAE29;
}

#remaining-exceeded-msg h5.error{
	color: red;
}

#users_time_by_hour .chart-type-button {
	float: right;
}

#users_time_by_hour .chart-type-button button {
	height: 29px !important;
    padding: 5px 5px 5px 30px !important;
}

/******************************* Responsive CSS ********************************/

@media all and (max-width: 600px) {
	.navbar.main {
		height: 100px;
	}
	.navbar.main .btn-navbar {
		left: 0 !important;
		border-right: none;
		padding: 0 15px;
	}
	.navbar #search {
		border-left: none !important;
	}
	.navbar.main .topnav>li.notif {
		border-right: none;
		border-left: none;
		margin-left: 10px;
	}
	.navbar.main .topnav>li {
		padding: 0;
	}
	#menu {
		top: 0;
	}
	h3.glyphicons.home {
		line-height: 1;
	}
	.done-shortcuts {
		display: block;
		position: absolute;
		margin-top: 50px;
		/*margin-left: 30px;*/
		margin-left: 14%;
		border-right: none;
	}
	.navbar.main .topnav>li.notif:after,
	.navbar.main .topnav>li.notif:before {
		content: none;
	}
	.searchajax {
		width: 68%;
		padding: 10px 0 !important;
	}
	.ajaxsearch {
		height: 30px;
		/*width: 100%;*/
	}
	.top3.topnav {
		width: 85%;
	}
	.navbar.main .topnav {
		/*overflow: scroll;*/
		overflow: inherit;
		height: 100px;
	}
	.heading-buttons {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.buttons.pull-right {
		margin: 0;
	}
	h3.glyphicons.show_thumbnails {
		font-size: 18px;
		line-height: 2;
	}
	.input-append input[class*="span"] {
		width: 80%;
	}
	.input-append button.btn.btn-small {
		height: 30px;
	}
	header.header.header-primary,
	header.header.header-info,
	header.header.header-warning,
	header.header.header-success {
		font-size: 11px;
	}
	#board div.box_left {
		padding-right: 0;
	}
	.filter-bar.margin-bottom-none div {
		width: 100%;
	}
	div#filter_company_chzn,
	div#filter_project_chzn,
	div#filter_mandate_chzn,
	div#filter_resource_chzn,
	div#filter_priority_chzn {
		width: inherit !important;
	}
	div#myModal {
		width: 90%;
	}
	.row-fluid #myModal {
		position: absolute;
		top: inherit;
		margin-left: inherit;
		left: inherit;
	}
	input#jform_title,
	input#jform_name {
		width: 90%;
	}
	div#jform_euser_chzn,
	div#jform_priority_chzn,
	input#jform_time_estimated,
	div#jform_type_chzn,
	input#jform_budget,
	div#jform_status_chzn {
		width: 95% !important;
	}
	.page-mandate-add div#jform_project_chzn {
		width: 95% !important;
	}
	.page-mandate-add button.validate.btn.btn-icon.btn-primary.glyphicons.circle_ok {
		margin-top: 10px;
	}
	.page-ticket-add div#jform_project_chzn,
	.page-ticket-add div#jform_mandate_chzn {
		width: 82% !important;
	}
	/* page tickets*/
	.page-tickets h3.glyphicons.show_thumbnails_with_lines {
		line-height: 1.47;
		font-size: 20px;
		margin-bottom: 20px;
	}
	.page-tickets .heading-buttons {
		display: block
	}
	.page-tickets div#filter_status_chzn,
	.page-tickets div#filter_state_chzn {
		width: 100% !important;
	}
	/* page-mandates*/
	.page-mandates h3.glyphicons.notes_2 {
		line-height: 1.2;
		font-size: 20px;
	}
	.page-mandates .heading-buttons {
		display: block
	}
	.page-mandates div#filter_status_chzn,
	.page-mandates div#filter_state_chzn {
		width: 100% !important;
	}
	/* page-users*/
	.page-users h3.glyphicons.user {
		line-height: 1.5;
		font-size: 20px;
		margin-bottom: 20px;
	}
	.page-users div#filter_block_chzn,
	.page-users div#filter_group_id_chzn,
	.page-users div#filter_published_chzn {
		width: 100% !important;
	}
	.page-users .heading-buttons {
		display: block
	}
	/*page-projects*/
	.page-projects h3.glyphicons.briefcase,
	.page-project h3.glyphicons.briefcase {
		line-height: 1.5;
		font-size: 20px;
	}
	.page-projects div#filter_state_chzn {
		width: 100% !important;
	}
	.page-projects .heading-buttons {
		display: block
	}
	/*page-companies*/
	.page-companies h3.glyphicons.bank {
		line-height: 1.5;
		font-size: 20px;
		margin-bottom: 20px;
	}
	.page-companies .heading-buttons {
		display: block
	}
	.page-companies div#filter_state_chzn {
		width: 100% !important;
	}
	/*page-reports-users*/
	.page-reports-users h3.glyphicons.charts {
		line-height: 1.5;
		font-size: 20px;
	}
	.page-reports-users input#dateRangeFrom {
		width: 90% !important;
	}
	.page-reports-users input#dateRangeTo {
		width: 77% !important;
	}
	.page-reports-users button.btn.btn-small {
		height: 24px !important;
	}
	.page-reports-users div#filter_project_chzn,
	.page-reports-users div#filter_project_chzn,
	.page-reports-users div#filter_mandate_chzn {
		width: 100% !important;
	}
	ul#list_notifications,
	.highlight.profile {
		font-size: 11px;
	}
	.box_left.sort.td-primary,
	.box_left.sort.td-info,
	.box_left.sort.td-warning,
	.box_left.sort.td-success {
		font-size: 11px;
	}
	/*page-profile-edit*/
	.page-profile-edit h3.glyphicons.user {
		line-height: 1.5;
		font-size: 20px;
		margin-bottom: 20px;
	}
	.page-profile-edit .heading-buttons {
		display: block
	}
	.page-profile-edit .form-horizontal .control-group>label {
		width: inherit;
	}
	.page-profile-edit input,
	.page-profile-edit textarea {
		width: 70%;
	}
	.page-profile-edit div#jform_profile_country_chzn {
		width: 80% !important;
	}
	.page-profile-edit div#jform_params_timezone_chzn,
	.page-profile-edit select#jform_params_language,
	.page-profile-edit select#jform_params_format_date {
		width: 80% !important;
	}
	.page-profile-edit input#jform_email1,
	.page-profile-edit input#jform_email2,
	.page-profile-edit input#jform_password1,
	.page-profile-edit input#jform_password2 {
		width: 60% !important;
	}
	.page-profile-edit input#jform_password1,
	.page-profile-edit input#jform_password2 {
		width: 70% !important;
	}
	.page-profile-edit input#jform_password2 {
		margin-bottom: 20px;
	}
	.list-overview-item .overview-item-right {
		padding: 10px;
	}
	.list-overview-item {
		padding: inherit;
	}
	.mod-notification-details.pull-left {
		width: 70%;
		float: right;
	}
	a.mod-notifications-url {
		float: right;
	}
	li.account.open img {
		margin-left: 5px;
		margin-right: 5px;
	}
	/*page-ticket*/
	.page-ticket h3.glyphicons.show_thumbnails_with_lines {
		line-height: 1.5;
		font-size: 20px;
	}
	.page-ticket div#ticket_description {
		word-break: break-word;
	}
	.page-ticket .bwizard-steps li.active {
		color: #fff;
		background: #0093C9 !important;
	}
	.page-ticket .bar,
	.page-mandate .bar {
		/*width : inherit !important;*/
		width: 100% !important;
		font-size: 0.7rem;
	}
	.page-ticket button.btn.btn-default.btn-icon.glyphicons.remove {
		display: none;
	}
	.page-ticket .bwizard-steps .status a,
	.page-mandate .bwizard-steps .status a {
		font-size: 0.7rem;
	}
	.page-ticket #rootwizard .widget,
	.page-mandate #rootwizard .widget {
		height: 39px
	}
	.page-ticket #rootwizard .widget-head,
	.page-mandate #rootwizard .widget-head {
		line-height: 38px;
	}
	.page-ticket .widget .widget-head.progress,
	.page-mandate .widget .widget-head.progress {
		height: 40px !important;
	}
	.innerLR .span2:first-child,
	.innerLR .span2:nth-child(2),
	.innerLR .span2:nth-child(3),
	.innerLR .span2:nth-child(4),
	.innerLR .span2:nth-child(5),
	.innerLR .span2:nth-child(6) {
		display: none;
	}
	.navbar.main .btn-navbar:before {
		border-right: none;
	}
	.page-profile .heading-buttons h3.glyphicons {
		line-height: initial;
	}
	#users-profile-custom dt,
	#users-profile-custom dd,
	#users-profile-core dt,
	#users-profile-core dd {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#floating-notifications {
		width: 90% !important;
	}
	#list_notifications {
		width: 90%;
		margin: auto;
		margin-right: 5px;
	}
	.page-mandate .bwizard-steps li.active {
		background-color: #0093C9;
		color: #fff;
	}
	.page-mandate .bwizard-steps li a {
		padding: 0 20px 0 20px;
	}
	.page-mandate h3.glyphicons {
		line-height: 26px;
	}
	.highcharts-container {
		width: 100% !important;
		height: 100% !important;
	}
	.page-company h3.glyphicons {
		line-height: 36px;
	}
	.page-company button.btn.btn-default.btn-icon.glyphicons.remove,
	.page-project button.btn.btn-default.btn-icon.glyphicons.remove {
		display: none;
	}
}

@media all and (max-width: 360px) {
	.navbar.main {
		height: 100px;
	}
	#menu {
		top: 0;
	}
	h3.glyphicons.home {
		line-height: 1;
	}
	.navbar.main .topnav>li.notif:after,
	.navbar.main .topnav>li.notif:before {
		content: none;
	}
	.heading-buttons {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.buttons.pull-right {
		margin: 0;
	}
	h3.glyphicons.show_thumbnails {
		font-size: 18px;
		line-height: 2;
	}
	.input-append input[class*="span"] {
		width: 80%;
	}
	.input-append button.btn.btn-small {
		height: 30px;
		padding-right: 8px;
		padding-left: 8px;
	}
	header.header.header-primary,
	header.header.header-info,
	header.header.header-warning,
	header.header.header-success {
		font-size: 10px;
	}
	#board div.box_left {
		padding-right: 0;
	}
	.box_left.sort.td-success {
		width: 22% !important;
	}
	.filter-bar.margin-bottom-none div {
		width: 100%;
	}
	div#filter_company_chzn,
	div#filter_project_chzn,
	div#filter_mandate_chzn,
	div#filter_resource_chzn,
	div#filter_priority_chzn {
		width: inherit !important;
	}
	.page-profile-edit input#jform_email1,
	.page-profile-edit input#jform_email2 {
		width: 50% !important;
	}
	.page-profile-edit input#jform_password1,
	.page-profile-edit input#jform_password2 {
		width: 65% !important;
	}
	.page-profile-edit input#jform_password2 {
		margin-bottom: 15px;
	}
}

@media all and (max-width: 320px) {
	.navbar.main .topnav>li.notif {
		border-right: none;
		border-left: none;
		margin-left: 3px;
	}
	.page-ticket .bar,
	.page-mandate .bar {
		/*width : inherit !important;*/
		width: 100% !important;
		font-size: 0.5rem;
	}
	.page-ticket .bwizard-steps .status a,
	.page-mandate .bwizard-steps .status a {
		font-size: 0.5rem;
	}
	.done-shortcuts {
		margin-left: 10%;
	}
}

/******************************* /Responsive CSS ********************************/

#assigned_duplicate_user{
	font-weight: normal !important;
	text-align: center;
}

.confirm-duplicate{
	margin-right: 14px;
}

#assigned_duplicate_user .assigned-name {
	margin-right: 4px;
	margin-left: 8px;
}

.alertify-assigned .cancellations {
	text-align: center;
    width: 260px;
    margin: auto;
}

.alertify-assigned .assigned {
    width: 260px;
}

.btn-action-duplicate {
	margin-right: 8px;
}

#assigned_duplicate_user .avatar {
	width: 64px;
}

.ajaxsearch {
	height: 28px;
}

table.cq-table, table.cq-table td, table.cq-table th {
    /* this rule is very important to avoid Google Chrome div insertion when pasting multilines from clipboard */
    /* --------------------------------------- don't remove this please ---------------------------------------*/
    white-space: pre-wrap;
    /* ---------------------------------------/don't remove this please ---------------------------------------*/
}

table.cq-table td:first-child {
    width: 250px;
}

table.cq-table tr:nth-child(1) {
    background-color: #c9daf8;
}
table.cq-table tr:nth-child(2) {
    background-color: #d9ead3;
}
table.cq-table tr:nth-child(3) {
    background-color: #f4cccc;
}
table.cq-table tr:nth-child(4) {
    background-color: #d9d2e9;
}
table.cq-table tr:nth-child(5) {
    background-color: #fff2cc;
}
table.cq-table tr:nth-child(6) {
    background-color: #fce5cd;
}

[data-type="wysihtml5"] h1 {
    line-height: 1;
    font-size: 38px;
    margin: 10px 0;
}

[data-type="wysihtml5"] h2 {
    line-height: 1;
    font-size: 28px;
    margin: 10px 0;
}

[data-type="wysihtml5"] h3 {
    line-height: 1;
    font-size: 22px;
    margin: 7px 0;
}

#page-project .wizard .wizard-head, #page-company .wizard .wizard-head {
    border-bottom: 1px solid #c1c1c1;
}

#rootwizard.archive-activate.not-allowed {
	opacity: 0.5;
    cursor: not-allowed;
}

#rootwizard.archive-activate.not-allowed .wizard-head {
	pointer-events: none;
}

#check-name-msg {
	font-size: 14px;
    font-family: 'comfortadone';
    position: relative;
    top: -2px;
	left: 8px;
}

.custom-success {
	color: #3FAE29;
}

.custom-error {
	color: red;
}

.disabled {
	opacity: 0.5;
    cursor: not-allowed !important;
}

.disabled > * {
	pointer-events: none;
	opacity: 0.5;
	cursor: not-allowed !important;
}

#activities_filter_action_type_chzn {
	width: 123px !important;
}

.node-color {
    width: 15px;
    height: 15px;
    display: inline-block;
    position: relative;
    border-radius: 15px;
}

.node-color.page-board {
    top: 6px;
}

.node-color.page-tickets {
    top: 3px;
}

.node-color.page-ticket {
    top: 1px;
}