/* CRM */



body.crm {

	background: #fcfcfc;

}



.np {

	padding: 0;

}



.none{

	display: none;

}



.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 var(--master-color);

    color: #fff;

    background: var(--master-color);

	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 var(--master-color);

    color: #fff;

    background: var(--master-color);

}



.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: 6rem;

	margin-bottom: .5rem;

	pointer-events: initial;

}



.last-task-data{

	font-size: 12px;

}



.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 var(--master-color);

	padding: 0;

}



.btn-select i {

	font-size: 125%;

	color: var(--master-color);

	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: var(--master-color);

}



.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-urile vechi cu jQuery */

.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;

}



/* END Tab-urile vechi cu jQuery */



/* Tab-urile noi cu Bootstrap */

.client_big_container nav {

	background: none!important;

}



.client_big_container .nav-tabs {

	border-bottom: 0;

}



.client_big_container .nav-link {

	min-width: 10rem;

	min-height: 2rem;

	text-align: center;

	letter-spacing: 1.5px;

	font-size: 1.5rem;

	font-weight: 300;

}



.client_big_container .nav-item:nth-child(1).active .nav-link {

	border: 1px solid #2ecc71;

	background: #2ecc71;

	color: #fff;

}



.client_big_container .nav-item:nth-child(2).active .nav-link {

	border: 1px solid #f69803;

	background: #f69803;

	color: #fff;

}



.client_big_container .nav-item:nth-child(3).active .nav-link {

	border: 1px solid #7CB5EC;

	background: #7CB5EC;

	color: #fff;

}



.client_big_container .tab-content {

	border: 1px solid #ddd;

	padding: 1.5rem 1rem 1rem 1rem;

	background: #fff;

	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1);

	box-shadow: 1px 1px 2px rgba(0,0,0,.1);

}



/* END Tab-urile noi cu Bootstrap */



.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-selection__clear {

	margin-right: 12px;

}



.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,

.clients-charts .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;

}



.client-listing-tasks .flex-item.item-desc,

.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;

}



.client-listing-tasks .item-no,

.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;

}



.client-listing-tasks .client-listing-item span,

.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;

}



.client-listing-tasks .client-listing-item .item-date span,

.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: var(--master-color);

	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,

.client-info-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: var(--master-color);

}



.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: var(--master-color);

	-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 (min-width: 320px) {

	.client_big_container .nav-link {

		min-width: 0;

		width: 6.7rem;

		font-size: 0.9rem;

	}

}



@media (min-width: 485px) {

	.client_big_container .nav-link {

		min-width: 0;

		width: auto;

		font-size: 1.2rem;

	}

}



@media (min-width: 768px) {

	.client_big_container .nav-link {

		min-width: 10rem;

		font-size: 1.5rem;

	}

}



@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 */



/* V3 companii varianta cards */

.jsonSheet {

	margin: 0 2rem;

}



#component_wrapper_switch_view,

#component_wrapper_save_excel {

	display: inline-block;

}



.component_save_sheet_button {

    display: inline-flex;

    align-items: center;

}



.component_save_sheet_button  #main_container_save_button {

	margin-right: 1rem;

}



.cards-accordion {

	margin-top: 0.5rem;

	display: flex;

	flex-wrap: wrap;

	max-height: 100%;

	overflow: auto;

}



.cards-accordion-card {

	margin-bottom: 1rem;

	padding-left: 1rem;

	border-left: 10px solid var(--master-color);

	width: 100%;

}



@media (min-width: 576px) {

	.cards-accordion-card {

		width: 50%;

	}

}



@media (min-width: 768px) {

	.cards-accordion-card {

		width: 33.333%;

	}

}



@media (min-width: 992px) {

	.cards-accordion-card {

		width: 25%;

	}

}



@media (min-width: 1200px) {

	.cards-accordion-card {

		width: 20%;

	}

}



.cards-accordion-header {

	margin-bottom: 0.5rem;

	font-size: 1.5rem;

	font-weight: bold;

	text-decoration: underline;

	line-height: 1;

}



.cards-accordion-property {

	display: flex;

	justify-content: flex-start;

	align-items: center;

}



.cards-accordion-key {

	margin-right: 0.5rem;

	font-weight: bold;

}



.cards-accordion-value {

    word-break: break-word;

}



.cards-accordion-property  .btn {

	margin: unset;

	margin-left: 0.5rem;

}



.selected-filters-row i {

	color: var(--master-color);

}



.border-unset {

	border: unset !important;

}



@media (min-width: 992px) {

	.table-controls {

		display: flex;

	}



	.table-controls-block {

		margin-right: 0.5rem;

	}

}



.cards-accordion-pagination {

	display: flex;

	justify-content: center;

	width: 100%;

}



.cards-accordion-pagination a {

	float: left !important;

	color: var(--master-color) !important;

}



.cards-accordion-pagination .active a {

	background-color: var(--master-color) !important;

	border-color: var(--master-color) !important;

	color: white !important;

}



/* END V3 companii varianta cards */


#full-screen-loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
}

#full-screen-loader .dots-loader {
	display: flex;
	gap: 10px;
}

#full-screen-loader .dots-loader div {
	width: 25px;
	height: 25px;
	background-color: #3498db;
	border-radius: 50%;
	animation: pulse 1s infinite ease-in-out;
}

#full-screen-loader .dots-loader div:nth-child(2) {
	animation-delay: 0.2s;
}

#full-screen-loader .dots-loader div:nth-child(3) {
	animation-delay: 0.4s;
}

@keyframes pulse {
	0%, 80%, 100% {
		transform: scale(0.7);
		opacity: 0.5;
	}
	40% {
		transform: scale(1.2);
		opacity: 1;
	}
}

body.loader-active {
	overflow: hidden;
}