body {
	height           : 100%;
	background-color : #f4f4f4;
}

.bg_Grad {
	background-color : #00000017;
}

.cursor_pointer {
	cursor : pointer;
}

.SwalInputEdit {
	direction     : ltr;
	text-align    : left;
	width         : 90%;
	padding       : 5px;
	border-radius : 5px;
}

.dir_right {
	direction  : rtl;
	text-align : right;
}

.dir_left {
	direction  : ltr;
	text-align : left;
}

.cursor_pointer {
	cursor : pointer;
}

.editable, .editAbleField {
	color : #19a700;
}

.SwalInputEdit {
	direction     : ltr;
	text-align    : left;
	width         : 90%;
	padding       : 5px;
	border-radius : 5px;
}

.tableConst_times p, span, td {
	padding : 0 !important;
	margin  : 0 !important;
}

.tableConst_times tr {
	border-bottom : #ffc107 solid 5px;
	border-right  : #ffc107 solid 5px;
}

.selectedTime {
	cursor    : pointer;
	font-size : 12px;
}

.selectedConsultant {
	background-color : #d7f1a2 !important;
	color            : #000000 !important;
	font-size        : 12px;
}

.busyConsultant {
	background-color : #ffd9d9 !important;
	color            : #000000 !important;
	font-size        : 12px;
}

.freeConsultant {
	background-color : #b6e2ff !important;
	color            : #000000 !important;
	font-size        : 12px;
}

/************ Comment *****************/
#CommentsModal p {
	padding : 0;
	margin  : 0;
}

#CommentsModal .comments {
	height        : 20rem;
	overflow-y    : scroll;
	border-radius : 10px;
	direction     : rtl;
	text-align    : justify;
}

#CommentsModal .messageSection {
	margin-bottom : .2rem;
}

#CommentsModal .message {
	word-wrap  : break-word;
	overflow-x : auto;
}

#CommentsModal .name {
	color : #ff9a9a;
}

#CommentsModal .sender {
	border-bottom : #ffffff solid thin;
	direction     : ltr;
	text-align    : left;
}

/*****************Request management table***********************/
#timeTableModal td,
#timeTableModal th,
.requestManTable td,
.requestManTable th {
	text-align : center;
}

.requestManTable td,
#timeTableModal td {
	vertical-align : middle;
}

/***********  Smart Search*****************************/
.smHolder {
	position : relative
}

.smUl {
	position         : absolute;
	z-index          : 1;
	background-color : #fff8d7;
	width            : 100%;
	list-style       : none;
	padding          : 10px 0 10px 10px;
	border           : #e4dfd9 thin solid;
	border-radius    : 5px;
}

.smLi {
	padding : 5px 0;
}

.smUl li:hover {
	cursor           : pointer;
	background-color : #50440a;
	color            : white;
}

/****************** Box Formats **********************/
.searchBox {
	background : rgb(147, 220, 252);
	background : linear-gradient(270deg, rgba(147, 220, 252, 1) 0%, rgba(7, 169, 240, 1) 100%);
}

.searchBox_btn {
	width     : 200px;
	font-size : 19px !important;
}

.tableHeaderBg_T1 {
	background : rgb(51, 158, 255);
	background : linear-gradient(270deg, rgba(51, 158, 255, 1) 0%, rgba(26, 113, 252, 1) 100%);
}

.IFIColorPrimary {
	color : rgba(26, 113, 252, 1) !important;
}

.IFIColorPurPle {
	background-color : #9e6ef8cc;
	color            : white;
}

.btn_results_points {
	min-width    : 8rem;
	margin-right : 10px;
}

/****************************************/
#dataGrid td {
	position : relative;
}

#dataGrid .txt_dataGrid {
	position : absolute;
	top      : 0;
	left     : 0;
	width    : 100%;
	height   : 100%;
}

/*****************************************/
@media print {

}