/* CRM */

body.crm {
	background: #fcfcfc;
}

.np {
	padding: 0;
}

.pagination-prev,.pagination-next{
	background: none;
}

.crm-container {
	background-image: initial!important;
	background: #fcfcfc;
	min-height: 110vh!important;
	overflow: hidden;
}

.action-group {
	margin: 20px 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.action-group:after {
	content: " ";
	display: block;
	clear: both;
}

.action-group .form-Search {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 50%;
}

.action-group .form-Search input {
	border-top-right-radius: 0!important;
	border-bottom-right-radius: 0!important;
}

.action-group .form-Search input:focus {
	background: #fcfcfc;
	border: 1px solid transparent;
}




.action-group .form-Search input::-webkit-input-placeholder {
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}


.action-group .form-Search input::-moz-placeholder {
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}


.action-group .form-Search input:-ms-input-placeholder {
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}


.action-group .form-Search input::-ms-input-placeholder {
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}


.action-group .form-Search input::placeholder {
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}

.action-group .form-Search input:focus::-webkit-input-placeholder {
	color: #fcfcfc;
}

.action-group .form-Search input:focus::-moz-placeholder {
	color: #fcfcfc;
}

.action-group .form-Search input:focus:-ms-input-placeholder {
	color: #fcfcfc;
}

.action-group .form-Search input:focus::-ms-input-placeholder {
	color: #fcfcfc;
}

.action-group .form-Search input:focus::placeholder {
	color: #fcfcfc;
}

.action-group .custom-search-form {
	margin: 0;
	width: 100%;
	max-width: 40rem;
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}

.reports_autocomplete_container .action-group .custom-search-form {
	margin-right: 1rem;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.reports_autocomplete_container .action-group {
	margin: 0 auto;
}

.action-group .custom-search-form.active {
	max-width: 100%;
}

.action-group .custom-search-form.active {
	z-index: 9999999!important;
}

.action-group .custom-search-form input {
	background: #fcfcfc;
	min-height: 49px;
	color: #2e2e2e;
	font-size: 1.1rem;
}



.action-group .custom-search-form .btn-search {
	min-height: 49px;
	width: 3.5rem;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin-left: 0;
}

.action-group .custom-search-form .btn-search i {
	font-size: 150%;
}

.action-group .custom-search-form span.input-group-btn {
	width: 3.5rem;
}

.action-group-btn {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}



.client-listing-tasks,
.client-listing-tasks-history {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}

.client-listing-tasks:after,
.client-listing-tasks-history:after {
	content: " ";
	display: block;
	clear: both;
}


.clients-listing-header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.clients-listing-header h1 {
	color: #2e2e2e;
	font-weight: 300;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 50%;
}

.clients-listing-header .btn-filter-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}

.clients-listing-header a.btn-filter {
	margin: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: auto;
	text-transform: capitalize;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.btn-add-client,
.btn-add-task {
	text-transform: capitalize;
	height: 49px;
	padding: 6px 12px;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 1.2rem;
	margin-left: .5rem;
	font-weight: 300;
}

.btn-status,
.btn-agent {
	text-transform: capitalize;
	height: 49px;
	padding: 6px 12px;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: left;
	-webkit-justify-content: left;
	-moz-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1.2rem;
	font-weight: 300;
	position: relative;
}



.btn-add-client,
.btn-add-task,
.btn-status,
.btn-agent {
	background: #fcfcfc;
	color: #2e2e2e;
	border-color: #ddd;
	-webkit-transition: .2s ease all;
	-o-transition: .2s ease all;
	transition: .2s ease all; 
}


.btn-add-client:focus,
.btn-add-client:hover,
.btn-add-client:active:focus,
.btn-add-client:active:hover,
.btn-add-client:focus:active,
.btn-add-client:hover:active {
	background: #fcfcfc;
	border-color: #2e2e2e;
	color: #2e2e2e; 
}


.btn-add-task:focus,
.btn-add-task:hover,
.btn-add-task:active:focus,
.btn-add-task:active:hover,
.btn-add-task:focus:active,
.btn-add-task:hover:active,
.btn-status:focus,
.btn-status:hover,
.btn-status:active:focus,
.btn-status:active:hover,
.btn-status:focus:active,
.btn-status:hover:active,
.btn-agent:focus,
.btn-agent:hover,
.btn-agent:active:focus,
.btn-agent:active:hover,
.btn-agent:focus:active,
.btn-agent:hover:active {
	background: #fcfcfc;
	border-color: #2e2e2e;
	color: #2e2e2e;
}

.open>.dropdown-toggle.btn-status,
.open>.dropdown-toggle.btn-status.focus, 
.open>.dropdown-toggle.btn-status:focus, 
.open>.dropdown-toggle.btn-status:hover,
.open>.dropdown-toggle.btn-agent,
.open>.dropdown-toggle.btn-agent.focus, 
.open>.dropdown-toggle.btn-agent:focus, 
.open>.dropdown-toggle.btn-agent:hover {
	background: #fcfcfc;
	border-color: #2e2e2e;
	color: #2e2e2e;
}



.btn-add-client i,
.btn-add-task i {
	font-size: 150%;
	padding-right: .5rem;
}

.btn-status i,
.btn-agent i {
	font-size: 150%;
	padding-left: .5rem;
}


.filter-status-select,
.filter-agent-select {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	list-style: none;
}

.filter-status-select {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	min-height: 5rem;
	width: 50%;
}

.filter-status-select span {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.filter-status-select span.selection,
.filter-status-select span.selection > span.select2-selection--single {
	width: 100%;
}


.filter-status-select select,
.filter-agent-select select {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	border: 1px solid #ddd;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
	background: transparent;
	font-size: 1.2rem;
	height: 36px;
	padding: 6px 12px;
	font-weight: 300;
}

.filter-status-select select:hover,
.filter-status-select select:focus,
.filter-agent-select select:hover,
.filter-agent-select select:focus {
	border: 1px solid #000;	
}


.filter-status-select li {
	display: none;
}

.clients-listing-content {
	margin-top: 1rem;
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}

.clients-listing-content a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}




.client-listing-item {
	border: 1px solid rgba(0,0,0,.1);
	padding: .5rem 1rem;
	border-radius: .25rem;
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
	position: relative;
	background: #fff;
	z-index: 1;
	opacity: 1;
	margin-bottom: .5rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: hidden;
	border-radius: .25rem;
}

.client-listing-item.open,
.client-listing-item:hover {
	border: 1px solid rgba(0,0,0,.4);
}


.clients-listing-content.open .client-listing-item:not(.open) {
	opacity: .3;
}

.client-listing-item.status-green.open,
.client-listing-item.status-green:hover,
.client-listing-item.status-ok.open,
.client-listing-item.status-ok:hover {
	border: 1px solid #4CAF50;
}


.client-listing-item.status-warn.open,
.client-listing-item.status-warn:hover {
	border: 1px solid #e42d24;
}

.client-listing-item.status-blue.open,
.client-listing-item.status-blue:hover {
	border: 1px solid #0cb5ff;
}

.client-listing-item.status-orange.open,
.client-listing-item.status-orange:hover,
.client-listing-item.status-pending.open,
.client-listing-item.status-pending:hover {
	border: 1px solid #FF9800;
}



.client-listing-item:before {
	content: " ";
	clear: both;
	position: absolute;
	left: -1px;
	top: 0;
	width: 2.5rem;
	height: 100%;
	border-radius: 0;
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem;
	text-align: center;
	color: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 0;
}


.client-listing-item:before {
	background: #fff;
	border: 1px solid rgba(0,0,0,.1);
	border-top: 0;
	border-bottom: 0;
}

.client-info-big-container .client-listing-item:before {
	display: none;
}

.client-listing-item.status-green:before,
.client-listing-item.status-ok:before {
	background: #4CAF50;
	border: 1px solid #4CAF50;

}

.client-listing-item.status-orange:before,
.client-listing-item.status-pending:before {
	background: #FF9800;
	border: 1px solid #FF9800;

}

.client-listing-item.status-blue:before {
	background: #0cb5ff;
	border: 1px solid #0cb5ff;

}

.client-listing-item.status-warn:before {
	background: #e42d24;
	border: 1px solid #e42d24;

}


.flex-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.flex-item {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-right: 1rem;
	width: 100%;
}

.item-no {
	min-width: 2rem;
	max-width: 2rem;
	padding-right: 0;
}


.flex-item.flex-wrap {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	min-width: 5rem;
}

.flex-item.item-date span {
	-webkit-box-pack: end!important;
	-webkit-justify-content: flex-end!important;
	-moz-box-pack: end!important;
	-ms-flex-pack: end!important;
	justify-content: flex-end!important;
	display: -webkit-box!important;
	display: -webkit-flex!important;
	display: -moz-box!important;
	display: -ms-flexbox!important;
	display: flex!important;
}


.flex-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	min-height: 1rem;
	overflow: hidden;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.flex-item span {
	color: #2e2e2e;
	position: relative;
	z-index: 99;
}

.client-listing-item.status-green .flex-item.item-no span,
.client-listing-item.status-orange .flex-item.item-no span,
.client-listing-item.status-blue .flex-item.item-no span,
.client-listing-item.status-ok .flex-item.item-no span,
.client-listing-item.status-warn .flex-item.item-no span,
.client-listing-item.status-pending .flex-item.item-no span {
	color: #fff;
	width: 2rem;
	left: -.75rem;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.client-listing-item .flex-item.item-no span {
	color: #000;
	width: 2rem;
	left: -.75rem;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.flex-item a {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	outline: none;
}

.flex-item.item-desc a {
	overflow: hidden;
	padding-right: .5rem;
	word-break: break-all;
	color: #0cb5ff;
}

.flex-row-btn-group {
	min-height: 3rem;
	-webkit-box-pack: end!important;
	-webkit-justify-content: flex-end!important;
	-moz-box-pack: end!important;
	-ms-flex-pack: end!important;
	justify-content: flex-end!important;
}


.flex-row-btn-group a {
	margin-left: .5rem;
	margin-right: 0;
	padding: 0!important;
	background: none!important;
	border: none!important;
	min-width: 2rem;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin-top: 0;
}

.flex-row-btn-group a:first-child {
	margin-left: 0;
}


.btn-task-done {
	background: #4CAF50;
	border: 1px solid #4CAF50;
}

.btn-task-done i {
	font-size: 200%;
	color: #4CAF50;
	-webkit-transition: .2s ease all;
	-o-transition: .2s ease all;
	transition: .2s ease all;
}

.btn-task-done:hover i:before {
	content: "\f3ff";
}

.btn-task-done:hover i {
	-webkit-transform: scale3d(1.25,1.25,1);
	transform: scale3d(1.25,1.25,1);
}

.btn-task-delayed {
	background: #FF9800;
	border: 1px solid #FF9800;
}


.btn-task-delayed i {
	font-size: 200%;
	color: #FF9800;
	-webkit-transition: .2s ease all;
	-o-transition: .2s ease all;
	transition: .2s ease all;
}

.btn-task-delayed:hover i {
	-webkit-transform: scale3d(1.25,1.25,1);
	transform: scale3d(1.25,1.25,1);
}

.btn-task-delayed:hover i:before {
	content: "\f418";
}

.btn-task-info {
	background: #03A9F4;
	border: 1px solid #03A9F4;
}



.btn-task-done:focus,
.btn-task-done:hover,
.btn-task-done:active:focus,
.btn-task-done:active:hover,
.btn-task-done:focus:active,
.btn-task-done:hover:active {
	background: #62bb66;
	border-color: #62bb66;
}

.btn-task-delayed:focus,
.btn-task-delayed:hover,
.btn-task-delayed:active:focus,
.btn-task-delayed:active:hover,
.btn-task-delayed:focus:active,
.btn-task-delayed:hover:active {
	background: #ffa622;
	border-color: #ffa622;
}

.btn-task-info:focus,
.btn-task-info:hover,
.btn-task-info:active:focus,
.btn-task-info:active:hover,
.btn-task-info:focus:active,
.btn-task-info:hover:active {
	background: #1db7fc;
	border-color: #1db7fc;
}

.modal-client-status {
	margin-top: 93px;
}

.modal-client-status .modal-content {
	border-radius: 6px;
}

.modal-client-status .modal-header,
.modal-client-status .modal-body,
.modal-client-status .modal-footer {
	padding: 15px;
}

.modal-client-status .modal-footer {
	padding-top: 0;
}

.modal-client-status .modal-body i {
	font-size: 300%;
}

.modal-client-status .modal-body i.done {
	color: #4CAF50;
}

.modal-client-status .modal-body i.delayed {
	color: #FF9800;
}

.modal-client-status .modal-body i.info {
	color: #03A9F4;
}

.modal-client-status .modal-footer .btn-close {
	padding: 6px 12px;
}


.modal-client-status .modal-content button.close:focus,
.modal-client-status .modal-content button.close:hover {
	color: #e42d24;
	opacity: 1;
}

.filter-group-btn {
	width: 100%;
	margin-top: .25rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.modal-add-user .modal-dialog,
.modal-task .modal-dialog,
.modal-send-offer .modal-dialog,
.modal-upload-files .modal-dialog {
	width: 50rem;
}

.modal-add-user .modal-content,
.modal-task .modal-content,
.modal-send-offer .modal-content,
.modal-upload-files .modal-content {
	border-radius: 6px;
}


.modal-add-user .modal-body,
.modal-task .modal-body,
.modal-send-offer .modal-body,
.modal-upload-files .modal-body {
	padding: 1rem;
}

.modal-add-user .modal-footer,
.modal-task .modal-footer,
.modal-send-offer .modal-footer,
.modal-upload-files .modal-footer {
	padding: 1rem;
}

.task-container .flex-row {
	min-height: initial;
	max-height: initial;
	overflow: initial;
	margin-bottom: .5rem;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.task-container .flex-row:last-child {
	margin-bottom: 0;
}


.task-container .flex-col {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

input[type="radio"],
input[type="radio"]:focus {
	outline: none;
}

label {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-transform: capitalize;
}

.task-container label,
.task-container input {
	margin-bottom: 0;
}



.task-container .flex-col.params {
	width: 40%;
}

.task-container .flex-col.options {
	width: 60%;
	-webkit-box-pack: space-evenly;
	-webkit-justify-content: space-evenly;
	-moz-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
}

.task-container .flex-col.options input[type="radio"] {
	margin-right: .5rem;
	margin-left: .5rem;
}

.task-container .flex-col.params .client-name,
.task-container .flex-row .task-desc,
.task-container .flex-col.params .task-date,
.task-container .flex-col.options .task-assist,
.task-container .flex-col.options .task-options,
.task-container .flex-col.params .email-reminder {
	width: 100%;
	padding: 0 .5rem;
}

.task-container .flex-col.options .task-assist select {
	margin-bottom: 0;
}

.task-container .flex-col.params .email-reminder label span:first-child {
	padding-right: .5rem;
}

.task-container .flex-col.params .email-reminder label span.input-group-addon {
	min-height: 34px;
	width: auto;
	border: 1px solid #e42d24;
    color: #fff;
    background: #e42d24;
	text-align: center;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.task-container .flex-col.params .email-reminder input:focus + .input-group-addon {
	border: 1px solid #ddd;
}

.task-container .flex-col.params .email-reminder input {
	width: 5rem;
	margin: 0;
	border-top-right-radius: 0!important;
	border-bottom-right-radius: 0!important;
	border-right: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.task-container .flex-col.params .task-date input {
	border-top-right-radius: 0!important;
	border-bottom-right-radius: 0!important;
	border-right: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.task-date input {
	border-top-right-radius: 0!important;
	border-bottom-right-radius: 0!important;
	border-color: #ddd;
	border-right: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.task-date .input-group-addon {
	border: 1px solid #ddd;
}

.task-container .flex-col.params .task-date span.input-group-addon {
	border: 1px solid #e42d24;
    color: #fff;
    background: #e42d24;
}

.task-container .flex-col.params .task-date input:focus + .input-group-addon {
	border: 1px solid #ddd;
}

.task-container .flex-col.params .email-reminder {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.task-container .flex-col.params .email-reminder label {
	width: 100%;
}

.task-container .flex-col.params .email-reminder label,
.task-container .flex-col.params .email-reminder span {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.task-container .flex-col.options .task-options label {
	padding: 0 .5rem;
}


.task-container .flex-col.params .email-reminder label,
.task-container .flex-col.params .email-reminder span {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}



.btn-save, .btn-save-new, 
.btn-step-back, .btn-step-next,
.btn-save-last-step {
	padding: 6px 12px;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 2.5rem;
}


.btn-step-back i {
	padding-right: .5rem;
	font-size: 120%;
}

.btn-step-next i {
	padding-left: .5rem;
	font-size: 120%;
}

li.done,
li.delayed,
li.finished {
	position: relative;
}

li.done:after {
	position: absolute;
	top: 50%;
	right: .5rem;
	content: " ";
	display: block;
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
	background: #4CAF50;
	-webkit-transform: translate(-.5rem, -50%);
	-ms-transform: translate(-.5rem, -50%);
	transform: translate(-.5rem, -50%);
}

li.delayed:after {
	position: absolute;
	top: 50%;
	right: .5rem;
	content: " ";
	display: block;
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
	background: #FF9800;
	-webkit-transform: translate(-.5rem, -50%);
	-ms-transform: translate(-.5rem, -50%);
	transform: translate(-.5rem, -50%);
}

li.finished:after {
	position: absolute;
	top: 50%;
	right: .5rem;
	content: " ";
	display: block;
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
	background: #e42d24;
	-webkit-transform: translate(-.5rem, -50%);
	-ms-transform: translate(-.5rem, -50%);
	transform: translate(-.5rem, -50%);
}


.client-listing-item .task-info {
	display: none;
	position: relative;
	z-index: -1;
	margin-left: 1.95rem;
	min-height: .001rem;
}


.flex-row-nhl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	min-height: initial;
	max-height: initial;
	overflow: initial;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}


.task-info .email-reminder,
.task-info .email-reminder label {
	width: 100%;
}

.task-info .email-reminder label {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-bottom: 0;
}

.task-info .email-reminder span:first-child {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 9rem;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.task-info .email-reminder input {
	width: calc(100% - 20rem);
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-left: 0;
	border-top-right-radius: 0!important;
	border-bottom-right-radius: 0!important;
	border-right: 0;
}

.task-info .email-reminder span.input-group-addon {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-right: 0;
	width: 11rem;
	border: 1px solid #000;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.task-info span.task-info-desc {
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline!important;
	-webkit-align-items: baseline!important;
	-moz-box-align: baseline!important;
	-ms-flex-align: baseline!important;
	align-items: baseline!important;
	width: 100%!important;
	max-height: 5.4rem;
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
	position: relative;
}


.client-listing-item.active span.task-info-desc {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.task-info span.task-info-desc:after {
	content: " ";
	display: block;
	position: absolute;
	z-index: 100;
	background-image: -o-linear-gradient(top,rgba(255,255,255,0) -155%,#fff 100%);
	background-image: -o-linear-gradient(top,rgba(255,255,255,0) -400%,#fff 100%);
	background-image: -webkit-gradient(linear,left top, left bottom,color-stop(-400%, rgba(255,255,255,0)),to(#fff));
	background-image: linear-gradient(to bottom,rgba(255,255,255,0) -400%,#fff 100%);
	width: 100%;
	left: 0;
	top: 2.5rem;
	bottom: 0;
	right: 0;
	pointer-events: none;
	height: 100%;
}

.task-info .view-more {
	text-transform: capitalize;
	color: #000;
	font-size: .9rem;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 1rem;
	position: relative;
	z-index: 999;
}

.task-info .view-more:hover {
	color: #e42d24;
}

.task-info .view-more i {
	font-size: 120%;
	vertical-align: middle;
	padding-left: .25rem;
}

.task-info span.task-info-desc.show-desc {
	overflow: initial;
	height: initial;
}


.task-info span.task-info-desc.show-desc:after {
	display: none;
}


.email-reminder-container,
.task-assist-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: left;
	-webkit-justify-content: left;
	-moz-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left;
	width: 100%;
	padding-top: 1rem;
}


.email-reminder-container .email-reminder input {
	width: 4rem;
	margin-right: 0;
}

.email-reminder-container .email-reminder span.input-group-addon {
	width: 8rem;
}


.email-reminder-container .email-reminder input:focus + .input-group-addon {
	border: 1px solid #ff3333;
}


.task-assist-container .task-assist {
	width: 100%;
}


.task-info .email-reminder-container .email-reminder, 
.task-info .email-reminder-container .email-reminder label {
	width: initial;
}

.task-full-desc {
	min-height: 10rem;
	resize: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}


/* NEW CLIENT CRM */


.add-new-client {
	-webkit-box-shadow: 0.05rem 0.15rem 0.5rem rgba(0,0,0,.2);
	box-shadow: 0.05rem 0.15rem 0.5rem rgba(0,0,0,.2);
	border: 1px solid rgba(0,0,0,.1);
	border-radius: .25rem;
	background: #fff;
	margin-top: 5vh;
}


.add-new-client .new-client-data {
	border-bottom: 1px solid rgba(0,0,0,.1);
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.add-new-client .new-client-data li {
	border-right: 1px solid rgba(0,0,0,.1);
	list-style: none;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 100%;
}



.add-new-client .new-client-data li a {
	padding: .5rem 1rem;
	text-decoration: none;
	color: #000;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
}


.add-new-client .new-client-data li:last-child {
	border-right: 0;
}

.add-new-client .new-client-data li.active a,
.add-new-client .new-client-data li a:hover,
.add-new-client .new-client-data li a:focus {
	background: #e42d24;
	color: #fff;
}


.add-new-client .add-new-client-content {
	padding: .5rem 1rem;
	position: relative;
}


.add-new-client .flex-row {
	min-height: initial;
	max-height: initial;
	overflow: initial;
	margin-top: 1rem;
	margin-bottom: 1rem;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}


.add-new-client .flex-row label,
.add-new-client .flex-row input,
.add-new-client .flex-row .autocomplete-name-container {
	margin-bottom: 0;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}


.add-new-client .flex-row input,
.add-new-client .flex-row select,
.add-new-client .flex-row .autocomplete-name-container {
	width: 50%;
	margin-left: 0;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.add-new-client .flex-row .checkbox-group {
	width: 65%;
	margin-left: 0;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.add-new-client .flex-row.has-error input,
.modal-add-user .flex-row.has-error input {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #ddd;
	outline: none;
}

.add-new-client .flex-row > span.select2-container {
	width: 50%;
	margin-left: 0;
	text-align: left;
	font-weight: initial;
	outline: none;
}

.add-new-client .flex-row label {
	width: 35%;
	cursor: initial;
	-webkit-user-select: initial;
	-moz-user-select: initial;
	-ms-user-select: initial;
	user-select: initial;
}


.add-new-client .flex-row > span {
	width: 35%;
	font-weight: 700;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: left;
}

.filter-autocomplete{
	position: absolute;
	background-color: #fcfcfc;
	border-top: 1px solid #ddd;
	z-index: 9999;
	top: 47px;
	width: 100%;
	pointer-events: none;
	border-bottom-left-radius: .35rem;
	border-bottom-right-radius: .35rem;
	-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,.2);
	box-shadow: 1px 2px 2px rgba(0,0,0,.2);
}

.filter-autocomplete .autocomplete_inner_container {
	width: 100%;
	margin: 0 auto;
	padding: 1rem;
}

.filter-autocomplete .autocomplete_inner_container .clients-listing {
	width: 100%;
}

.filter-autocomplete .autocomplete_inner_container .clients-listing .clients-listing-content {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.filter-autocomplete .autocomplete_inner_container .clients-listing .clients-listing-content a {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 3.8rem;
	margin-bottom: .5rem;
	pointer-events: initial;
}

.filter-autocomplete .autocomplete_inner_container .clients-listing .clients-listing-content a .client-listing-item {
	height: 100%;
}

.filter-autocomplete .btn-reset-filters {
	display: none;
}

.filter-autocomplete > .col-xs-10 {
	width: 100%;
	padding: 1rem;
	margin: 0;
}

.filter-autocomplete > .col-xs-10 > .col-xs-12 {
	width: 100%;
}

.filter-autocomplete .clients-listing-content {
	margin: 0;
}

.checkbox.checkbox-primary {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.checkbox.checkbox-primary label {
	width: 100%;
	height: 17px;
	min-height: initial;
	cursor: pointer;
	font-weight: normal;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	min-width: 6rem;
}

.checkbox.checkbox-primary label::before {
	width: 17px;
	height: 17px;
}

.checkbox.checkbox-primary label::after {
	top: 0;
	left: 0;
	padding-top: 0;
	padding-left: 0;
	width: 17px;
	height: 17px;
}


.checkbox.checkbox-primary input[type="checkbox"] {
	width: 17px;
	height: 17px;
}

.checkbox.checkbox-primary {
	margin-top: 0;
	margin-bottom: 0;
}


.flex-row .save-client-container,
.flex-row .steps-container {
	width: 100%;
	text-align: right;
}


span.steps {
	position: absolute;
	right: 1rem;
	top: 1.5rem;
	border: 1px solid transparent;
	border-radius: 50%;
	width: 3rem;
	height: 3rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 700;
	-webkit-box-shadow: inset 0 0 0 2px #e42d24;
	box-shadow: inset 0 0 0 2px #e42d24;
}


.progress-circle {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.progress-circle-back {
	fill: none;
	stroke: #D2D2D2;
	stroke-width: 3px;
}


.progress-circle-prog {
	fill: none;
	stroke: #e42d24;
	stroke-width: 3px;
	stroke-dasharray: 0 999;
	stroke-dashoffset: 0px;
	-webkit-transition: stroke-dasharray 0.7s linear 0s;
	-o-transition: stroke-dasharray 0.7s linear 0s;
	transition: stroke-dasharray 0.7s linear 0s;
}

.progress-text {
	position: absolute;
	top: 1.5rem;
	right: 1rem;
	font-size: 1rem;
}


.progress-steps {
	position: absolute;
	top: 1.75rem;
	right: 1rem;
	height: 3rem;
	width: 3rem;
}

.progress-text {
	position: absolute;
	top: .825rem;
	left: 4px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: calc(100% - 7px);
	font-weight: 700;
}

svg.progress-circle {
	width: 3rem;
	height: 3rem;
}

.modal-body .add-new-client {
	margin: 0 auto;
	max-width: initial;
	border-top: none;
}

#new-company .modal-body {
	padding: 0;
}


.ui-menu .ui-menu-item {
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.ui-menu .ui-menu-item-wrapper {
	width: 100%;
}

.add-new-client .flex-row .autocomplete-name-container {
	position: relative;
}

.add-new-client .flex-row .autocomplete-name-container input {
	width: 100%;
}

.flex-col.has-error {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.has-error .checkbox, 
.has-error .checkbox-inline, 
.has-error .control-label, 
.has-error .form-control-feedback, 
.has-error .help-block, 
.has-error .radio, 
.has-error .radio-inline, 
.has-error.checkbox label, 
.has-error.checkbox-inline label, 
.has-error.radio label, 
.has-error.radio-inline label {
	color: #e42d24;
	margin: 0;
	font-weight: bold;
	text-align: left;
	padding-left: .5rem;
	padding-right: .5rem;
}

.add-new-client .checkbox-primary {
	margin-bottom: .5rem;
}

/* END NEW CLIENT CRM */


/* CLIENT INFO CRM */

.client-info-container {
	padding: 1rem;
	border: 1px solid #ddd;
	background: #fff;
	display: block;
	margin-top: 1rem;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1);
	box-shadow: 1px 1px 2px rgba(0,0,0,.1);
}

.attr-group:after {
	content: " ";
	display: block;
	clear: both;
	width: 100%;
	height: 1px;
	background: #ddd;
	margin-top: 2rem;
}


.attr-cat {
	padding-top: .25rem;
	padding-bottom: .25rem;
}



.attr-group h3 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	padding-right: 2rem;
}

.attr-group h3 a {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
	color: #3b3f42;
	opacity: .5;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	outline: none;
}

.attr-group h3 a i {
	font-size: 135%;
}

.attr-group h3 a:hover {
	opacity: 1;
}

.attr-cat span,
.attr-cat a {
	color: #3b3f42;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 700;
	padding-top: .25rem;
	padding-bottom: .25rem;
	word-break: break-all;
}

.modal-edit-info .modal-header,
.modal-edit-info .modal-body,
.modal-edit-info .modal-footer {
	padding: 1rem;
}

.modal-edit-info .attr-group .attr-cat {
	padding-top: .5rem;
	padding-bottom: .5rem;
}

.modal-edit-info .attr-group,
.modal-edit-info .attr-group .attr-cat {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 100%;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}



.tabs-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 4px;
}

.tabs-container .btn-tab {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 50%;
	text-transform: capitalize;
	height: 49px;
	padding: 6px 12px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1.2rem;
	font-weight: 300;
	background: #fcfcfc;
	color: #2e2e2e;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	border-radius: 0;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.tabs-container .btn-tab:first-child {
	border: 1px solid #ddd;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: 1px solid transparent;
	position: relative;
}

.tabs-container:after {
	content: " ";
	display: block;
	clear: both;
	height: 100%;
	width: 1px;
	background: #ddd;
	position: absolute;
	left: 50%;
	top: 0;
	z-index: -1;
	-webkit-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	transform: translate(-50%,0);
}

.tabs-container .btn-tab:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border: 1px solid #ddd;
	border-left: 1px solid transparent;
}

.tabs-container .btn-tab:hover {
	border: 1px solid #2e2e2e;
}



.tabs-container .btn-tab.active {
	background: #2e2e2e;
	color: #fff;
	border: 1px solid transparent;
}


.client_big_container:after {
	content: " ";
	display: block;
	clear: both;
}

#saveUserForm{padding:10px;}

.users_container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-moz-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
}

.users_container_header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.users_container_header .action-group .search-container,
.users_container_header .action-group .search-group {
	width: 100%;
}

.users_container_header .action-group {
	width: 100%;
}

.users_container_body {
	margin-top: 1rem;
}


.users_container_body, .user_elem_row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-moz-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
}



.client_elem_row, .user_elem_row {
	padding-top: .5rem;
	padding-bottom: .5rem;
	border-radius: .35rem;
	border: 1px solid transparent;
	cursor: pointer;
}

.user_elem_row:hover {
	border: 1px solid #ddd;
}

.user_elem_row .btn-login-as {
	min-width: 7rem;
}

.user_elem {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-size: 1.25rem;
	color: #555;
}


.user_elem:first-child, .user_elem:nth-child(3) {
	width: 10%;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}


.user_elem:nth-child(2) {
	width: 80%;
}


.user_elem:nth-child(2) span:nth-child(2) {
	padding-left: 1rem;
	font-weight: bold;
}



.btn-select {
	border-radius: 50%;
	width: 2.5rem;
	height: 2.5rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 1px solid #e42d24;
	padding: 0;
}

.btn-select i {
	font-size: 125%;
	color: #e42d24;
	height: 2.5rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}


.btn-select:hover, 
.btn-select:focus, 
.btn-select:active:focus, 
.btn-select:active:hover, 
.btn-select:focus:active, 
.btn-select:hover:active {
	background: #e42d24;
}

.btn-select:hover i, .btn-select:focus i, .btn-select:active:focus i, .btn-select:active:hover i, .btn-select:focus:active i, .btn-select:hover:active i {
	color: #fff;
}

.active-tasks-container,
.history-tasks-container {
	position: relative;
	border: 1px solid #ddd;
	padding: 1.5rem 1rem 1rem 1rem;
	margin-top: 5.5rem;
	background: #fff;
	margin-bottom: 5rem;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1);
	box-shadow: 1px 1px 2px rgba(0,0,0,.1);
	display: block;
}

.clients-charts .users_template .page-header {
	margin: 0;
	padding: 0;
}

.clients-charts .scrolling-outer {
	max-height: 21.2rem;
}

.tab {
	position: absolute;
	top: -3.3rem;
	font-size: 1.5rem;
	font-weight: 300;
	padding: .5rem 1rem;
	color: #fff;
	min-width: 10rem;
	min-height: 2rem;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

.tab:hover {
	color: #fff;
	opacity: 0.8;
}

.active-tasks-tab {
	background: #2ecc71;
	border: 1px solid #2ecc71;
	left: -1px;
}

.history-tasks-tab {
	background: #f69803;
	border: 1px solid #f69803;
	left: 170px;
}

.active-tasks-tab:focus,
.history-tasks-tab:focus {
	color: #fff;
}

.bootstrap-datetimepicker-widget {
	top: 34px!important;
	bottom: auto!important;
}

.bootstrap-datetimepicker-widget [data-action="togglePicker"] {
	display: block;
}


.modal-add-user .modal-content {
	border-radius: 6px;
}


.modal-add-user .flex-row {
	min-height: initial;
	max-height: initial;
	overflow: initial;
	margin-top: 1rem;
	margin-bottom: 1rem;
}


.modal-add-user .flex-row label {
	width: 30%;
	cursor: initial;
	-webkit-user-select: initial;
	-moz-user-select: initial;
	-ms-user-select: initial;
	user-select: initial;
	text-align: left;
}

.modal-add-user .flex-row .user-role-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}

.modal-add-user .flex-row .user-role-container span {
	text-transform: uppercase;
	color: #fff;
	border-radius: .35rem;
	padding: .35rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #2ed573;
}

.modal-add-user .flex-row span.select2-container {
	width: 100%!important;
	text-align: left;
	font-weight: initial;
	outline: none;
	margin-left: 0;
}

.modal-add-user .flex-row span.user-role {
	width: 100%;
	text-align: left;
	color: #2ecc71;
	text-transform: capitalize;
}


.modal-add-user .flex-row span.select2-container--default .select2-selection--single .select2-selection__clear {
	float: none;
	margin-right: .5rem;
}

.modal-body form:after {
	content: " ";
	display: block;
	clear: both;
}


.modal-footer {
	border-top: 0;
}

/* END CLIENT INFO CRM */



.select2-dropdown {
	border: 1px solid #ddd!important;
	border-top: 0!important;
}


.select2-container .select2-search--inline .select2-search__field {
	margin-top: 0;
}

.select2-container .select2-selection--single {
	height: 34px!important;
}

.select2-container--default .select2-selection--single {
	border: 1px solid #ddd!important;
	outline: none;
	text-align: left;
}


.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: initial!important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding: 6px 12px!important;
}

.select2-container--default .select2-results > .select2-results__options {
	overflow-x: hidden;
}


.select2-container--default .select2-search--dropdown .select2-search__field {
	outline: none;
}

.modal-task-done .task-desc textarea {
	width: 100%;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#chartdiv {
	width: 100%;
	height: 30rem;
	margin-top: 12.57rem;
	margin-left: 7.3rem;
}										


body.crm .mobile-nav {
	left: -100%;
	width: 100%;
	top: 79px;
	position: fixed;
}

body.crm .mobile-open {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	left: 0;
	width: 100%;
}

body.crm .mobile-nav li {
	width: 100%;
}


body.crm .add-new-client .tab-pane {
	min-height: 3rem;
}


.search-autocomplete {
	top: 47px;
	width: 100%;
	padding: 6px 12px;
}

.search-autocomplete .col-xs-10.col-xs-offset-1.np {
	width: 100%!important;
	margin: 0;
}

.search-autocomplete .client-listing-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}

a.ss {
	text-decoration: none!important;
	outline: none!important;
	color: #000;
	display:-webkit-inline-box;
	display:-webkit-inline-flex;
	display:-moz-inline-box;
	display:-ms-inline-flexbox;
	display:inline-flex;
}

a.ss:hover {
	text-decoration: none!important;
	outline: none!important;
	color: #000;
}

.search-autocomplete .clients-listing {
	width: 100%;
}


.applyBtn, .cancelBtn {
	margin: 0;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding: .35rem;
	width: 74px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: .9rem;
}

.applyBtn {
	margin-right: 7px;
}


.filter-status-select label {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}

.filter-status-select .range {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.filter-status-select .range i {
	padding-right: .5rem;
}

.filter-status-select > span {
	font-weight: 700;
}


.offers-big-container .table-responsive {
	max-height: 52rem;
	margin-bottom: 1rem;
}

.offers-sidebar .input-group {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.client-listing-tasks .flex-item.item-desc,
.offers-sidebar .input-group .client-listing-tasks .flex-item.item-desc {
	min-width: initial;
	padding-right: 0;
}

.active-tasks-container .client-listing-tasks .flex-item.item-desc,
.history-tasks-container .client-listing-tasks-history .flex-item.item-desc {
	min-width: 27rem;
	padding-right: 1rem;
}

.client-listing-tasks .item-no,
.offers-sidebar .input-group .client-listing-tasks .item-no {
	display: none;	
}

#taskuri .client-listing-item .item-no {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.active-tasks-container .item-no,
.history-tasks-container .item-no {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}



.offers-sidebar .input-group.fwr {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.offers-sidebar .input-group .select2-container {
	width: 100%!important;
}

.offers-sidebar .input-group textarea {
	border: 1px solid #ddd;
	border-radius: 4px;
}

.offers-sidebar a.client-link {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: .5rem;
	font-size: 1.5rem;
	text-decoration: none;
	color: #333;
	font-weight: 500;
}

.offers-sidebar a.btn-save-offer {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0;
	height: 2.5rem;
}

.client-listing-tasks .client-listing-item span,
.offers-sidebar .client-listing-item span {
	width: 60%;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.active-tasks-container .client-listing-item span,
.history-tasks-container .client-listing-item span {
	-webkit-box-pack: initial;
	-webkit-justify-content: initial;
	-moz-box-pack: initial;
	-ms-flex-pack: initial;
	justify-content: initial;
}

.active-tasks-container .client-listing-item .item-date span,
.history-tasks-container .client-listing-item .item-date span {
	width: 100%;
}


.client-listing-tasks .client-listing-item .offer-actions,
.offers-sidebar .client-listing-item .offer-actions {
	width: 40%;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.client-listing-tasks .client-listing-item .offer-actions a,
.offers-sidebar .client-listing-item .offer-actions a {
	width: 100%;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0;
}

.client-listing-tasks .client-listing-item .offer-actions a,
.offers-sidebar .client-listing-item .offer-actions a {
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
	text-decoration: none;
}

.client-listing-tasks .client-listing-item .offer-actions a:focus,
.client-listing-tasks .client-listing-item .offer-actions a:hover,
.offers-sidebar .client-listing-item .offer-actions a:focus,
.offers-sidebar .client-listing-item .offer-actions a:hover {
	text-decoration: none;
}

.client-listing-tasks .client-listing-item .offer-actions a i,
.offers-sidebar .client-listing-item .offer-actions a i {
	color: #ddd;
}

.client-listing-tasks .client-listing-item .offer-actions a:hover i,
.offers-sidebar .client-listing-item .offer-actions a:hover i {
	color: #333; 
}


.btn-export-pdf {
	width: 100%;
	height: 2.5rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0;
}

.offers-sidebar .clients-listing-content {
	margin-top: 0;
}

#offerAttributes .select2-container {
	width: 100%;
}

.offers-sidebar .product-pagination {
	margin-top: .25rem;
	margin-bottom: .25rem;
}

.client_big_container .client-name h1 {
	color: #3b3f42;
	word-break: break-all;
}

#companies .clients-listing {
	width: 100%;
}

.modal-add-user .form-group {
	text-align: left;
}

.modal-add-user .form-group .select2-container .select2-selection__clear {
	display: none;
}

.modal-add-user .modal-header {
	position: relative;
}

.modal-add-user .modal-header .close {
	margin-top: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	float: none;
	position: absolute;
	top: 50%;
	right: 1rem;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

.select2-container--default .select2-selection--multiple {
	border: 1px solid #ddd!important;
}

.product-pagination {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}

ul.product-pagination li {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-right: 0;
}

.task-options {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.task-container .flex-col.options input[type="radio"] {
	margin: 0;
}


.client-name .select2-container {
	width: 100%!important;
}

h4.modal-title {
	word-break: break-word;
	text-align: center;
}

.box-selected-filters .box-title {
	text-align: left;
}

.client-info-big-container {
	margin-top: 6rem;
}

.btn-add-new-task,
.btn-add-new-task-mobile,
.btn-add-files,
.btn-save-email-mobile {
	width: 11rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0;
}

.btn-save-email-mobile {
	margin-left: .5rem;
}

.btn-add-files {
	margin-top: 1rem;
}

.bootstrap-datetimepicker-widget {
	background: #fff;
}

.timepicker-picker {
	background: #fff!important;
	z-index: 99999999!important;
	position: relative;
}

.picker-switch {
	background: #fff!important;
	z-index: 999999;
	position: relative;
}

.timepicker {
	position: relative;
	background: #fff;
}

.modal-add-user .modal-dialog {
	width: 50rem;
}

.clients-listing .box.box-selected-filters,
.client-listing-tasks .box.box-selected-filters,
.client-listing-tasks-history .box.box-selected-filters {
	margin-top: 0;
	padding-right: 0;
}

.clients-listing .box.box-selected-filters .box-heading a.attrFilterChange,
.client-listing-tasks .box.box-selected-filters .box-heading a.attrFilterChange,
.client-listing-tasks-history .box.box-selected-filters .box-heading a.attrFilterChange {
	cursor: pointer;
	background: #e42d24;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	color: #fff;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: .35rem;
	text-decoration: none;
	padding: .35rem .5rem;
}

.clients-listing .list-selected-filters li,
.client-listing-tasks .list-selected-filters li,
.client-listing-tasks-history .list-selected-filters li {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #fff;
	border: 1px solid #ddd;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	border-radius: .35rem;
	padding: .5rem;
	margin-right: .5rem;
	width: initial;
}

.clients-listing .list-selected-filters li a,
.client-listing-tasks .list-selected-filters li a,
.client-listing-tasks-history .list-selected-filters li a {
	color: #555;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none;
	padding-left: .5rem;
	cursor: pointer;
}

.clients-listing .list-selected-filters li a i,
.client-listing-tasks .list-selected-filters li a i,
.client-listing-tasks-history .list-selected-filters li a i {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-right: .5rem;
}

.clients-listing .list-selected-filters li a:focus,
.clients-listing .list-selected-filters li a:hover,
.client-listing-tasks .list-selected-filters li a:focus,
.client-listing-tasks .list-selected-filters li a:hover,
.client-listing-tasks-history .list-selected-filters li a:focus,
.client-listing-tasks-history .list-selected-filters li a:hover {
	text-decoration: none;
}

.filter-status-select > span {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: baseline;
	-webkit-align-items: baseline;
	-moz-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
}

.companies-filters {
	width: initial;
	margin-right: .5rem;
	min-height: initial;
}

.btn-reset-filters {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0;
	height: 36px;
}

.btn-add-offer {
	width: 11rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 0 1rem 0!important;
}

.clients-listing-content a.btn-add-offer {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.modal-add-user.in,
.modal-task.in,
.modal-send-offer.in,
.modal-upload-files.in {
	padding-right: 0!important;
}

.modal-send-offer .modal-footer {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.modal-send-offer .modal-footer button {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0;
}

.modal-send-offer {
	pointer-events: none;
}

.modal-send-offer form.send_email_form {
	pointer-events: initial;
}

.modal-send-offer form.send_email_form .modal-footer .flex-row {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.modal-send-offer .flex-row label {
	min-width: 10rem;
}

.modal-open {
	padding-right: 0!important;
}

.task-actions {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.task-actions button {
	margin: 0;
}

.task-actions button:first-child {
	margin-right: .5rem;
}

.client-listing-item.open .task-info {
	display: block;
}

.btn-mark-task-as-done-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin-top: 1rem;
}

.mark-date-as-done-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-top: 1rem;
}

.mark-date-as-done-container label {
	padding-right: 1rem;
}

.btn-mark-task-as-done-container .btn-mark-task-as-done {
	margin-right: 0;
}

.task-assist .select2-container,
.task-assist .select2-container .select2-container--default .select2-search--inline .select2-search__field {
	width: 100%!important;
}

.task-options label {
	cursor: pointer;
}

.email-reminder input:focus {
	border-color: #ddd;
}

.task-date input:focus {
	border-color: #ddd;
}


.crm-container:after {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .5s background ease-in-out;
	-o-transition: .5s background ease-in-out;
	transition: .5s background ease-in-out;
}

.crm-container.backdrop:after {
	visibility: visible;
	opacity: 1;
	z-index: 999999;
	background: rgba(0,0,0,.5);
}

.clients-listing-content-outer .clients-listing-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.clients-listing-content-outer .clients-listing-content a.ss {
	width: 33.333333333333%;
}

.clients-listing-content-outer .clients-listing-content a.ss .client-listing-item {
	width: 100%;
	margin-right: .5rem;
}

.upload-attachment-container {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.upload-attachment-container .upload-attachment-container-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	position: relative;
}

.general_email_container .flex-row .upload-attachment-container .upload-attachment-container-inner a {
	outline: none;
	text-decoration: none;
	margin-left: 1rem;
}

.general_email_container .flex-row .upload-attachment-container .upload-attachment-container-inner a i {
	font-size: 200%;
	color: #e42d24; 
}

.modal-upload-files .upload-attachment-container-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 1rem;
}

.upload-attachment-container-inner label {
	min-width: initial;
	max-width: initial;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding: 0;
	margin: 0 0 0 1rem;
	background: transparent;
}

.upload-attachment-container-inner label:active,
.upload-attachment-container-inner label:focus, 
.upload-attachment-container-inner label:hover,
.upload-attachment-container-inner label:active:focus,
.upload-attachment-container-inner label:focus:active, 
.upload-attachment-container-inner label:hover:active,
.upload-attachment-container-inner label:active:hover {
	background: transparent;
	border-color: transparent;
}

.upload-attachment-container-inner label i {
	font-size: 200%;
	color: #e42d24;
}

.general_email_container .flex-row .upload-attachment-container .upload-attachment-container-inner span {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}



.general_email_container .flex-row .upload-attachment-container .upload-attachment-container-inner label i {
	font-size: 200%;
}

.upload-attachment-container-inner input[type="file"] {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	height: 39px;
	padding: 0;
	margin-bottom: 0;
	text-align: center;
	white-space: nowrap;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	width: 145px;
	cursor: pointer;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #fff!important;
	border: 1px solid #ddd!important;
}


.clients-listing-outer-container {
	position: relative;
	border: 1px solid #ddd;
	padding: 1.5rem 1rem 1rem 1rem;
	margin-top: .5rem;
	background: #fff;
	margin-bottom: 5rem;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1);
	box-shadow: 1px 1px 2px rgba(0,0,0,.1);
}

.modal-upload-files .modal-footer button {
	margin-right: 0;
}



.uploaded-files-container span {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 1px solid #ddd;
	padding: .35rem;
	cursor: default;
	border-radius: .35rem .5rem;
	height: 2rem;
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}

.uploaded-files-container span:hover {
	border: 1px solid #000;
}

.uploaded-files-container span a {
	margin-left: 1rem;
	text-decoration: none;
	color: initial;
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}

.uploaded-files-container span a:hover {
	color: #e42d24;
	text-decoration: none;
}

.uploaded-files-container span i {
	font-size: 125%;
}


.client-info-big-container .client-listing-item {
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1);
	box-shadow: 1px 1px 2px rgba(0,0,0,.1);
	border-radius: 0;
}

.client-info-big-container .uploaded-files-container {
	margin-top: 1rem;
}

.client-info-big-container .uploaded-files-container span {
	margin-right: .25rem;
	margin-bottom: .25rem;
}

.client-info-big-container .uploaded-files-container-upper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}


.client-info-big-container .uploaded-files-container-upper > span {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 50%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.client-info-big-container .uploaded-files-container-upper > span > span.upload-counter {
	font-weight: bold;
	padding-right: .25rem;
	font-size: 1.25rem;
}

.client-info-big-container .uploaded-files-container-upper > span.remove-all-uploads {
	text-align: right;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.client-info-big-container .uploaded-files-container-upper > span.remove-all-uploads a {
	color: #e42d24;
	text-decoration: underline;
}

.client-info-uploaded-files-container h3 {
	text-transform: capitalize;
}

.modal-new-task .modal-body {
	/*overflow-y: auto;*/
}

textarea::-webkit-input-placeholder {
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}

textarea::-moz-placeholder {
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}

textarea:-ms-input-placeholder {
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}

textarea::-ms-input-placeholder {
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}

textarea::placeholder {
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
}

textarea:focus::-webkit-input-placeholder {
	color: #fff;
}

textarea:focus::-moz-placeholder {
	color: #fff;
}

textarea:focus:-ms-input-placeholder {
	color: #fff;
}

textarea:focus::-ms-input-placeholder {
	color: #fff;
}

textarea:focus::placeholder {
	color: #fff;
}


.filter-autocomplete .flex-item.item-desc {
	min-width: initial;
}

.product-pagination li a {
	pointer-events: initial;
}

.action-group .form-Search input.search-user {
	border: 1px solid #ddd;
	border-right: 1px solid transparent;
}

.action-group .form-Search input.search-user:focus {
	border: 1px solid #ddd;
	border-right: 1px solid transparent;
}

.context-menu-list {
	border: 1px solid #303030!important;
	border-radius: .35rem!important;
	background: #303030!important;
	padding: 0!important;
}

.context-menu-item {
	color: #fff!important;
	background-color: #303030!important;
	-webkit-transition: .5s ease all!important;
	-o-transition: .5s ease all!important;
	transition: .5s ease all!important;
}

.context-menu-icon.context-menu-icon,
.context-menu-icon.context-menu-icon--fa {
	-webkit-transition: .5s ease all!important;
	-o-transition: .5s ease all!important;
	transition: .5s ease all!important;
}

.context-menu-icon.context-menu-icon::before,
.context-menu-icon.context-menu-icon--fa::before {
	color: #e42d24!important;
}

.context-menu-hover {
	color: #fff!important;
	background-color: #e42d24!important;
}

.context-menu-hover.context-menu-icon.context-menu-icon::before,
.context-menu-hover.context-menu-icon.context-menu-icon--fa::before {
	color: #fff!important;
}



.crm-container.backdrop {
	z-index: 9999999!important;
}

.form-Search .filter-autocomplete {
	pointer-events: initial!important;
	z-index: 9999999999999999999999999!important;
}

.reports_autocomplete_container .form-Search .filter-autocomplete {
	top: 4.46rem;
}

.client-info-btns-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.client-info-btns-container .btn-add-new-task,
.client-info-btns-container .btn-save-email {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 10rem;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.client-info-btns-container .btn-save-email {
	margin-left: .5rem;
}




/* END CRM */

/* CRM SETTINGS */

.calendar_container {
	margin-top: 2rem;
	margin-left: auto;
	margin-right: auto;
	max-width: 65rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.calendar_container_inner {
	background: #fff;
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.2);
	box-shadow: 2px 2px 2px rgba(0,0,0,.2);
	padding: 1rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}


.calendar_container_inner .flex-row {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.calendar_container_inner .flex-row label {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}

.calendar_container_inner .flex-row .input-group {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	border-radius: 3px;
}

.calendar_container_inner .flex-row .input-group input {
	width: calc(100% - 10rem);
	padding: .35rem .75rem;
	background: #fcfcfc;
	border: 1px solid #fcfcfc;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 3px;
	margin: 0;
}

.calendar_container_inner .flex-row .input-group input:focus {
	border-color: #fcfcfc;
}

.calendar_container_inner .flex-row .input-group a.btn-copy-link {
	width: 10rem;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 999;
	height: 100%;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border: 1px solid #e42d24;
	text-transform: capitalize;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.calendar_container_inner .flex-row .input-group a.btn-copy-link i {
	font-size: 170%;
	padding-right: .5rem;
}


.ui-tooltip {
	position: absolute!important;
	width: initial!important;
	border: none!important;
	text-align: center!important;
	display: none;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	color: #fff!important;
	background: rgba(0,0,0,.7)!important;
	border-radius: 0!important;
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
}

#new-task .modal-body {
	/*min-height: 73vh;*/
	max-height: 73vh;
	overflow-y: auto;
}

/* END CRM SETTINGS */

/* TASK COMMENTS */

.task-big-container .task-container {
	-webkit-transition: .5s ease all;
	-o-transition: .5s ease all;
	transition: .5s ease all;
	opacity: 1;
}

.task-big-container .task-container.open {
	max-height: 100vh;
}

.task-big-container .task-container.closed {
	max-height: 0!important;
	overflow: hidden;
	opacity: 0;
}

.comments_container,
.comments_inner_container,
.comments_outer_container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.comments_container {
	margin-top: 1rem;
	position: relative;
	margin-right: 1.5rem;
}

.comments_container.open {
	max-height: 80vh;
	margin-top: 0;
}



.comments_inner_container {
	max-height: 15vh;
	overflow-y: auto;
	margin-right: 1.5rem;
	padding: 1rem;
}

a#expandComments {
	position: absolute;
	top: .5rem;
	right: 1.5rem;
	cursor: pointer;
}


a#expandComments i {
	font-size: 250%;
	color: #e42d24;
}

.comments_container h3 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1.25rem;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: 1.5rem;
	margin-left: .5rem;
}


.comments_outer_container {
	margin-right: 1.5rem;
}


.comment_box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}

.comment_avatar,
.comment_name,
.comment_message {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.comment_avatar {
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-right: 1rem;
}

.comment_avatar svg {
	width: 100%;
	height: 100%;
	fill: #ddd;
}




.comment_message {
	width: calc(100% - 3rem);
	padding-left: 1rem;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.comment_message span {
	word-break: break-all;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	color: #686868;
	font-size: .9rem;
}

.comment_message {
	position: relative;
}

.comment_message textarea {
	width: 100%;
	resize: none;
	border-radius: .35rem;
	border: 1px solid #ddd;
	outline: none;
	padding: .5rem 1rem;
	height: 3rem;
	font-size: .9rem;
	-webkit-transition: .2s ease all;
	-o-transition: .2s ease all;
	transition: .2s ease all;
	padding-right: 2.5rem;
}

.comment_message textarea:focus {
	height: 3rem;
}

.comment_message a.send-reply {
	position: absolute;
	top: 0;
	right: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 2.5rem;
	height: 3rem;
	background: #e42d24;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-top-right-radius: .35rem;
	border-bottom-right-radius: .35rem;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
}

.comment_message a i {
	font-size: 150%;
	color: #fff;
}

.comment_message textarea:focus {
	max-height: initial;
}

.comment_row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin-bottom: .5rem;
}

.comment_row .comment_box {
	padding: 0;
}



.comment_message_posted {
	border: 1px solid #fbfbfb;
	border-radius: .35rem;
	width: 100%;
	padding: .5rem 1rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	background: #fbfbfb;
}


.comment_message_posted span {
	font-size: .9rem;
	line-height: 1.2rem;
	padding-bottom: 0;
	text-align: left;
}

.comment_message_posted_bellow {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: .25rem;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.comment_message_posted_bellow a {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.comment_message_posted_bellow a {
	text-decoration: underline;
	font-size: .9rem;
	color: #00a8ff;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.comment_message_posted_bellow span {
	font-size: .9rem;
	color: #ddd;
	font-style: italic;
	padding-bottom: 0;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	width: initial;
}

.comment_message_reply {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}

.comment_message_reply .comment_box {
	display: none;
}

.comment_message_reply .comment_box .comment_avatar {
	width: 2rem;
	height: 2rem;
}

.comment_message_reply .comment_box.open {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	padding-top: .5rem;
}

.comment_message_reply .comment_box .comment_message {
	width: 100%;
}

.author-and-date {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: .25rem;
}

.author-and-date span:first-child {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	text-transform: capitalize;
	font-weight: bold;
}

.author-and-date span:last-child {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	color: #ddd;
	font-style: italic;
}

.comments_outer_container .comment_message {
	width: 100%;
}

.comments_outer_container .comment_message textarea {
	max-height: 3rem;
	width: 100%;
}

.comments_outer_container .comment_message .send-reply {
	max-height: 3rem;
}

form#save-comment-global {
	width: 100%;
}



.comment_message_reply_view {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	padding-top: .5rem;
}

.comment_message_reply_view .comment_box .comment_avatar {
	width: 2rem;
	height: 2rem;
}

.comment_message_reply_view .comment_box .comment_message {
	width: 100%;
}

.comments_container.open .comments_inner_container {
	max-height: 70vh;
}

.modal-open .modal-new-task {
	overflow-y: hidden;
}

.crm.modal-open {
	overflow: hidden;
}

.reply_field {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	position: relative;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.comment_box form {
	width: 100%;
}

/* END TASK COMMENTS */

/* VIEW REPORTS CRM */

.users_template .btn-add-client {
	margin: 1rem 0 1rem 0;
}

/* END VIEW REPORTS CRM */

/* MEDIA QUERIES */

@media (max-width: 767px) {
	.autocomplete_inner_container .clients-listing-content-outer .clients-listing-content a.ss {
		width: 100%;
	}

	.autocomplete_inner_container .clients-listing-content-outer .clients-listing-content a.ss .client-listing-item {
		margin-right: 0;
	}

	.tab {
		font-size: 1.2rem;
		top: -2.8rem;
	}

	.history-tasks-tab {
		left: 156px;
	}
}

@media (max-width: 350px) {

	.tab {
		font-size: 1.1rem;
		top: -2.7rem;
		min-width: auto;
	}

	.history-tasks-tab {
		left: 140px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.autocomplete_inner_container .clients-listing-content-outer .clients-listing-content a.ss {
		width: 50%;
	}
}


/* END MEDIA QUERIES */