			
			
			/* Datatables backgroud */
			/*
			div.dts div.dataTables_scrollBody 
			{
				background: white !important;
				border-top: solid 2px #067FB8 !important;
				color: #606060;
			}
			
			

			table.dataTable td.dt-border
			{
				border-left: solid 1px silver !important;
				padding-left: 8px !important;
				padding-right: 8px !important;
			}	
	
			table.dataTable th.dt-border 
			{
				border-left: solid 1px silver !important;
				padding-left: 8px !important;
			}
			
			// Datatables row selected
			table.dataTable tbody tr.selected > * 
			{
				box-shadow: inset 0 0 0 9999px rgba(220, 220, 230, 0.9) !important;
				color: black;
				// font-weight: bold;
			}

			table.dataTable.hover > tbody > tr:hover > *, table.dataTable.display > tbody > tr:hover > * 
			{
				box-shadow: inset 0 0 0 9999px rgba(240, 240, 240, 0.935) !important;
			}
			
			table.dataTable.hover > tbody > tr.selected:hover > *, table.dataTable.display > tbody > tr.selected:hover > * 
			{
				box-shadow: inset 0 0 0 9999px rgba(200, 200, 210, 0.935) !important;
			}
			*/
			
			
			
			
			/* Datatables collapse-expand button */
			table.dataTable td.dt-control:before 
			{
				height: 22px !important;
				width: 22px !important;
				margin-top: 0px !important;
				color: black !important;
				border: 0.0em solid white;
				border-radius: 0em;
				
				box-shadow: 0 0 0.0em #944;
				box-sizing: content-box;
				
				content: "" !important;
				background-color: transparent !important;
				background-image: url(../bmp/expand.png)  ! important;
				background-size: 100% auto;
			}
			
			table.dataTable tr.dt-hasChild td.dt-control:before 
			{
				height: 22px !important;
				width: 22px !important;
				margin-top: 0px !important;
				color: black !important;
				border: 0.0em solid white;
				border-radius: 0em;
				
				box-shadow: 0 0 0.0em #944;
				box-sizing: content-box;
				
				content: "" !important;
				background-color: transparent !important;
				background-image: url(../bmp/collapse.png)  ! important;
				background-size: 100% auto;
			}
			
			

			/* Tabs */
			.nav-tabs>li>button
			{
				color: #cccccc;
			}
	
			.nav-tabs>li>button:hover
			{
				color: #eeeeee;
			}
			.nav-tabs button.nav-link.active 
			{
				color: #090808;
			}
	
			/* img clickable */
					
			.imgclickable:hover 
			{
				cursor:pointer;
				// font-weight:bold;
				// text-decoration:underline;
				transform: scale(1.10);
			}
		
		
			.bd-placeholder-img 
			{
				font-size: 1.125rem;
				text-anchor: middle;
				-webkit-user-select: none;
				-moz-user-select: none;
				user-select: none;
			}

			@media (min-width: 768px) 
			{
				.bd-placeholder-img-lg 
				{
					font-size: 3.5rem;
				}
			}

			/*
			.red .nav-pills .nav-link.active 
			{
				background-color: green !important;
			}
			*/

			


			.ximeo.nav-item > a:hover 
			{
				text-decoration: underline;
			}
		
			.ximeo.nav-item > a.active
			{
		            	color: red;
				background-color: #2F83B0;
        		}
		
			.ximeo.nav-item > a
			{
				color: white;
				background-color: #67B5ED;
        		}


			
			.splitter-v 
			{
				width: 100%;
				height: 100px;
				display: flex;
			}
			
			.splitter-h 
			{
				width: 100%;
				height: 100px;
				display: flex;
				flex-direction: column;
			}
			
			.separator_v 
			{
						cursor: col-resize;
						background-color: #ddd;
						background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='10' height='30'><path d='M2 0 v30 M5 0 v30 M8 0 v30' fill='none' stroke='black'/></svg>");
						background-repeat: no-repeat;
						background-position: center;
						width: 6px;
						height: 100%;
						
						-moz-user-select: none;
						-ms-user-select: none;
						user-select: none;
			}
			
			.separator_h 
			{
						cursor: row-resize;
						background-color: #ddd;
						background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='30' height='10'><path d='M0 2 h30 M0 5 h30 M0 8 h30' fill='none' stroke='black'/></svg>");
						background-repeat: no-repeat;
						background-position: center;
						height: 6px;
						width: 100%;
						
						-moz-user-select: none;
						-ms-user-select: none;
						user-select: none;
			}
			
			.pan-left
			{
				width: 20%;
				height: 100%;
				min-width: 10px;
			}
					
			.pan-right
			{
				width: 80%;
				height: 100%;
				min-width: 10px;
			}
			
			.pan-top
			{
				width: 100%;
				height: 20%;
				min-height: 10px;
			}
					
			.pan-bottom
			{
				width: 100%;
				height: 80%;
				min-height: 10px;
			}
			
			
.std-btn{
  background: #2F83B0;
  border-radius: 15px;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  padding: 15px 20px 15px 20px;
  width:auto;
  text-decoration: none;
}

.std-btn:hover {
  background: #3cb0fd;
  text-decoration: none;
}

.shortcut-btn{
  background: #2F83B0;
  border-radius: 15px;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  padding: 15px 20px 15px 20px;
  width:auto;
  text-decoration: none;
}

.shortcut-btn:hover {
  background: #3cb0fd;
  text-decoration: none;
}

.setup-icon
{
  background-image: url(../bmp/setup_1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}

.setup-icon:hover
{
  background-image: url(../bmp/setup_1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}

.calendar-icon
{
  background-image: url(../bmp/calendar_white_48.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}

.calendar-icon:hover
{
  background-image: url(../bmp/calendar_white_48.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}


.zoom-fit-icon
{
  background-image: url(../bmp/zoom-fit-white.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}
.zoom-fit-icon:hover
{
  background-image: url(../bmp/zoom-fit-white.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}

.zoom-increase-icon
{
  background-image: url(../bmp/zoom-increase-white.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}
.zoom-increase-icon:hover
{
  background-image: url(../bmp/zoom-increase-white.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}


.zoom-decrease-icon
{
  background-image: url(../bmp/zoom-decrease-white.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}
.zoom-decrease-icon:hover
{
  background-image: url(../bmp/zoom-decrease-white.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}

.shortcut-add-icon
{
  background-image: url(../bmp/add_100_white.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}
.shortcut-add-icon:hover
{
  background-image: url(../bmp/add_100_white.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}

.shortcut-patient-icon
{
  background-image: url(bmp/patient_white.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}
.shortcut-patient-icon:hover
{
  background-image: url(bmp/patient_white.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}
.shortcut-edit-icon
{
  background-image: url(bmp/edit_white.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}
.shortcut-edit-icon:hover
{
  background-image: url(bmp/edit_white.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}

.shortcut-refering-icon
{
  background-image: url(../bmp/doc.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}
.shortcut-refering-icon:hover
{
  background-image: url(../bmp/doc.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}








.linktagset{
font-size:10pt;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
	padding:7px 15px 7px 7px;
	border: 1px solid #067fb8;
	border-radius: 3px 3px 3px 3px;
	cursor:pointer;
	margin-right:5px;
	margin-bottom:5px;
	color:white;
	font-weight:bold;
	background-color: #3e606f;
	position:relative;
}
.linkraggroupset{
	font-size:10pt;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
	padding:7px 15px 7px 37px;
	border: 1px solid #067fb8;
	border-radius: 3px 3px 3px 3px;
	cursor:pointer;
	margin-right:5px;
	margin-bottom:5px;
	color:white;
	font-weight:bold;
	display:inline-block;
	background-color: #3e606f;
	position:relative;

}
.linktag {
	font-size:10pt;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
	padding:7px 15px 7px 7px;
	border: 1px solid #067fb8;
	border-radius: 3px 3px 3px 3px;
	cursor:pointer;
	margin-right:5px;
	margin-bottom:5px;
	color:white;
	font-weight:bold;
	background-color: #45a9d2;
	position:relative;
}
.linktaggroup{
	font-size:10pt;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
	padding:0px 20px 7px 37px;
	border: 1px solid #067fb8;
	border-radius: 3px 3px 3px 3px;
	cursor:pointer;
	margin-right:5px;
	margin-bottom:5px;
	color:white;
	font-weight:bold;
	display:inline-block;
	background-color: #2f83b0;
	position:relative;
}
.linktagcr{
	background: #2f83b0 url('/eoISCommon/pics/calendar/CR.jpg')  no-repeat;
	background-size: 28px 28px;
	background-position:3px center;
}
.linktagus{
	background: #2f83b0  url('/eoISCommon/pics/calendar/US.jpg')  no-repeat;
	background-size: 28px 28px;
	background-position:3px center;
}
.linktagct{
	background: #2f83b0  url('/eoISCommon/pics/calendar/CT.jpg')  no-repeat;
	background-size: 28px 28px;
	background-position:3px center;
}
.linktagnm{
	background: #2f83b0  no-repeat;
	background-size: 28px 28px;
	background-position:3px center;
}
.linktagmr{
	background: #2f83b0  url('/eoISCommon/pics/calendar/MR.jpg')  no-repeat;
	background-size: 28px 28px;
	background-position:3px center;
}
.linktag:hover { border-color: #FF5573; color:#000; }
.linktag a { color:#777; text-decoration:none; }


.linktagremove {
	position: relative;
	font-size:16px;
	text-shadow: 1px 1px red;
	color: #C01111;
	top: -7px;
	right: -12px;
}
.linktagremove:hover{
	color:white;
}
.linktagremovegroup {

	position: absolute;
	font-size:16px;
	color: #C01111;
	
	top: -8px;
	right: 2px;
}
.linktagremovegroup:hover{
	color:white;
}

.cal_pat_histo_elem{
	font-size:10pt;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
	padding:0px 20px 7px 37px;
	border: 1px solid #067fb8;
	border-radius: 3px 3px 3px 3px;
	cursor:pointer;
	margin-right:5px;
	margin-bottom:0px;
	color:white;
	font-weight:bold;
	display:inline-block;
	background-color: #2f83b0;
	position:relative;
}


.stripe-1 {
	color: white;
	opacity:0.7;
	width:20px;
	background: repeating-linear-gradient(
		45deg,
		#606dbc,
		#606dbc 10px,
		#465298 10px,
		#465298 20px
		);
	z-index: 100;
}

.dhx_body_black{
	color: black !important;
}

.dhx_title_black{
	color: black !important;
}
.dhx_event_selected{
	background-color: orange !important;
}

.horizontal_appointment{
	position:absolute;
	display:none;
	background-color:rgba(255,255,255,0.4);
	border-top-color:red;
	border-bottom-color:red;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style:solid;
	border-bottom-width: 1px;
}

.horizontal_appointment_ok{
	position:absolute;
	display:none;
	background-color:rgba(255,255,255,0.4);
	border-top-color:green;
	border-bottom-color:green;
	border-top-style: solid;
	border-top-width: 2px;
	border-bottom-style:solid;
	border-bottom-width: 2px;
}

.vertical_appointment{
	position:absolute;
	display:none;
	background-color:rgba(255,255,255,0.4);
	border-left-color:red;
	border-right-color:red;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style:solid;
	border-right-width: 1px;

}

.vertical_appointment_ok{
	position:absolute;
	display:none;
	background-color:rgba(255,255,255,0.4);
	border-left-color:green;
	border-right-color:green;
	border-left-style: solid;
	border-left-width: 2px;
	border-right-style:solid;
	border-right-width: 2px;

}

.modalityheaderclass {
	font-size:10pt;
	font-weight:bold;
}

.context-menu {
			position: absolute;
            // border-radius: 10px;
			border: 1px solid #e0e0e0;
            background-color: #fafafa;
			box-shadow: 0 10px 20px rgb(64 64 64 / 5%);
			padding: 10px 0;
        }
  
 .context-menu ul {
            padding: 0px;
            margin: 0px;
            min-width: 100px;
            list-style: none;
        }
  
 .context-menu ul li {
			font-size: 12px;
			text-align: left;
            padding-bottom: 2px;
            padding-top: 2px;
			padding-left: 3px;
            // border: 1px solid #ff0000;
        }
  
 .context-menu ul li a {
            text-decoration: none;
            color: black;
        }
  
 .context-menu ul li:hover {
            background: #f0f0f0;
        }
		
.modalityclose{
	background:#FFC8AC no-repeat 10px 10px;
	opacity: 0.9;
	filter: alpha(opacity=90);
	color:#FF0000;
	margin:0px 0;
	z-index:0;
}

.modalityalmostopen{
	background:#FFC8AC no-repeat 10px 10px;
	opacity: 0.9;
	filter: alpha(opacity=90);
	color:#FFC8AC;
	margin:0px 0;
	z-index:0;
}

.rdvavailable{
	background:#87CEFA no-repeat 10px 10px;
	opacity: 0.5;
	filter: alpha(opacity=100);
	color:#87CEFA;
	margin:0px 0;
	z-index:1;
}

.modality_open{
	background:#FFE8AC no-repeat 10px 10px;
	opacity: 0.8;
	filter: alpha(opacity=30);
	color:#FFFF40;
	margin:0px 0;
	z-index:0;
}

.legalholiday{
	background:#404040 no-repeat 10px 10px;
	opacity: 0.3;
	filter: alpha(opacity=30);
	color:#40FF40;
	margin:0px 0;
	z-index:0;
}

.dhx_cal_event:hover{
	z-index:100;
	border: 1px solid #FFFFFF;

}
.maintenance{
	background:#604040 no-repeat 10px 10px;
	opacity: 0.3;
	filter: alpha(opacity=30);
	color:#AAFF40;
	background-image:url(/eoISCommon/pics/maintenance.png);
	background-size: contain;
	background-position: center center;
	background-repeat: repeat-y;
	margin:0px 0;
	z-index:500;
}

.notbusycss{
	background:#40FF40 no-repeat 10px 10px;
	opacity: 0.3;
	filter: alpha(opacity=30);
	color:#40FF40;
	margin:0px 0;
	z-index:0;
}
.busycss{
	background:#FF4040 no-repeat 10px 10px;
	opacity: 0.3;
	filter: alpha(opacity=30);
	color:#40FF40;
	margin:0px 0;
	z-index:0;
}
.reddaytab{
	background:#FFBBBB no-repeat 4px 4px;
	border:1px solid #C0C0C0;
	color:#404040;
	padding:2px 2px 2px 2px;

	margin-left:8px;
	font-size: 11pt;
	/*css3*/
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow:2px 2px 4px 0 #A9A9A9;
	-moz-box-shadow:2px 2px 4px 0 #A9A9A9;
	-webkit-box-shadow:2px 2px 4px #A9A9A9;
	float:left;

}
.reddaytab:hover {
	cursor: pointer;
}
.daytab{
	background:#EEEEEE no-repeat 4px 4px;
	border:1px solid #C0C0C0;
	color:#404040;
	padding:2px 2px 2px 2px;

	margin-left:8px;
	font-size: 11pt;
	/*css3*/
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow:2px 2px 4px 0 #A9A9A9;
	-moz-box-shadow:2px 2px 4px 0 #A9A9A9;
	-webkit-box-shadow:2px 2px 4px #A9A9A9;
	float:left;

}
.daytab:hover {
	cursor: pointer;
}
.txtclickme:hover{
	cursor:pointer;
	color:#FF1111;

}
.activateddaytab{

	background:#BBFFBB no-repeat 4px 4px;
	border:1px solid #C0C0C0;
	color:#404040;
	padding:2px 2px 2px 2px;

	margin-left:8px;
	font-size: 11pt;
	/*css3*/
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow:2px 2px 4px 0 #A9A9A9;
	-moz-box-shadow:2px 2px 4px 0 #A9A9A9;
	-webkit-box-shadow:2px 2px 4px #A9A9A9;
	float:left;

}
.activateddaytab:hover {
	cursor: pointer;
}
.dhx_scale_holder {
	background-image: url("/eoRIS/dbconnector/calendar/getimage.php");
}

.dhx_scale_holder_now {
	background-image: url("/eoRIS/dbconnector/calendar/getimagenow.php");
}


.imghelper2 {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.imghelper {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
/*
.study_slot_tooltip {
	display: none;
	background: #FFFF00;
}
*/
/*
.study_slot
{
	border: 2px solid transparent;
}
*/

.study_slot:hover 
{
	// cursor:pointer;
	// font-weight:bold;
	// text-decoration:underline;
	transform: scale(1.05);
}

/*
.study_slot:hover ~.study_slot_tooltip
{
	display: block;
}
*/

/*fix bug with bootstrap (grid resize after research)*/
dhx_popup_area::before, dhx_popup_area::after {
  box-sizing: content-box;
 }
 
 .dhx_block{background-color:#706966 !important;border-color:transparent;color:#fff}
.dhx_hospi{background-color:#179670 !important;border-color:transparent;color:#fff}
.dhx_scale_hour{
	line-height:normal;
}
.dhx_cal_select_menu{
	z-index:3;
}
.dhx_notvalidated{background: repeating-linear-gradient(
	45deg,
	#8E2121,
	#8E2121 6px,
	#300606 6px,
	#300606 12px
	) !important;border-color:transparent;color:#fff}

.dhx_notvalidatedover{
	background-color:#B22B2B !important;border-color:transparent;color:#fff
}
.dhx_nothospi{background-color:#1796b0 !important;border-color:transparent;color:#fff}

.dhx_notvalidatedrdv{background-color:#96063d !important;border-color:transparent;color:#fff}

.dhx_currentvis{background-color:#ffff00 !important;border-color:transparent;color:black}

 
 
	// .ximeo.dataTables_wrapper { font-family: "courier"}
 
	.fs_smaller.dataTable { font-size: smaller}
 
 
	
 
 
 
 
 .cell-ellipsis {
    position: relative;
}

.cell-ellipsis:before {
    content: '&nbsp;';
    visibility: hidden;
}

.cell-ellipsis span {
    position: absolute;
    left: 0;
    right: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width:500px;

}


.disabled_element {
    pointer-events: none;
    opacity: 0.6;
}


/* remove arrows from input number control */ 
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}




.test001 
	{
		font-size: 40px;
		font-weight: bold;
	}
	
	
	.ximeo_text-light {
		    color: rgb(200, 200, 200) !important;
	}

	.ximeo_bg-light {
		    background-color: var(--ximeo_bg_light-color) !important;
	}

	.ximeo_bg-dark {
		    background-color: var(--ximeo_bg_dark-color) !important;
	}

	.ximeo_bg-dark-1 {
		    background-color: var(--ximeo_bg_dark-1-color) !important;
	}

	.ximeo_bg-dark-2 {
		    background-color: var(--ximeo_bg_dark-2-color) !important;
	}

	.ximeo_bg-dark-3 {
		    background-color: var(--ximeo_bg_dark-3-color) !important;
	}

	.ximeo_bg-dark-4 {
		    background-color: var(--ximeo_bg_dark-4-color) !important;
	}
	
	
		
	
			
	
	
	.ximeo_sol-selected-display-item {
    display: inline-table;
    border: 1px solid #ccc;
    background: #f7f7f9;
    font-size: 0.9em;
    border-radius: 4px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-collapse: initial;
}
	
	.ximeo_sol-quick-delete {
    color: #777;
    display: table-cell;
    font-weight: bold;
    text-align: center;
    padding: 3px 5px;
    vertical-align: top;
}

	.ximeo_sol-selected-display-item-text {
    padding: 3px 5px;
    display: table-cell;
    vertical-align: top;
}

	.ximeo_sol-quick-delete + .sol-selected-display-item-text {
    padding-left: 0;
}

	.ximeo_sol-quick-delete:hover {
    color: #111;
    cursor: pointer;
}

:root {
	// XIMEO;
	--ximeo_app-color: #1ECFBC;
	//	--ximeo_app-color: #01A3C6;			
	--ximeo_bg_dark-color: #1F1F1F;
	--ximeo_bg_dark-1-color: #4F4F4F;
	--ximeo_bg_dark-2-color: #6F6F6F;
	--ximeo_bg_dark-3-color: #AFAFAF;
	--ximeo_bg_dark-4-color: #BFBFBF;
	--ximeo_bg_light-color: #C9C9C9;
	--ximeo_bg_danger: #F8D7DA;
	--ximeo_bg_warning: #FFF3CD;
	--ximeo_bg_info: #D1ECF1;
	--ximeo_bg_success: #A3D1AD;
	--ximeo_bg_gray_1: #E0E0E0;
	}

.ximeo_caption 
{
	color: #FFFFFF;
	font-weight: normal;
	font-size: medium;
	background-color: var(--ximeo_app-color);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.ximeo_caption_1 
{
	color: #FFFFFF;
	// color: #404040;
	font-weight: normal;
	font-size: small;
	background-color: var(--ximeo_app-color);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.ximeo_pdf-color1
{
	background-color: #FF0000 !important;
}

.ximeo_app-color
{
	background-color: var(--ximeo_app-color) !important;
}

.ximeo_bg_danger 
{
	background-color: var(--ximeo_bg_danger) !important;
}

.ximeo_bg_warning 
{
	background-color: var(--ximeo_bg_warning) !important;
}

.ximeo_bg_info 
{
	background-color: var(--ximeo_bg_info) !important;
}

.ximeo_bg_success 
{
	background-color: var(--ximeo_bg_success) !important;
}

.ximeo_bg_gray_1 
{
	background-color: #E0E0E0 !important;
}

.ximeo_bg_gray_2 
{
	background-color: #D0D0D0 !important;
}

.ximeo_bg_gray_3 
{
	background-color: #C0C0C0 !important;
}

.ximeo_bg_gray_4 
{
	background-color: #B0B0B0 !important;
}

.ximeo_bg_gray_5 
{
	background-color: #A0A0A0 !important;
}

.ximeo_bg_gray_6 
{
	background-color: #909090 !important;
}

.ximeo_bg_gray_7 
{
	background-color: #808080 !important;
}

.ximeo_bg_gray_8 
{
	background-color: #707070 !important;
}

.ximeo_bg_gray_9 
{
	background-color: #606060 !important;
}
.ximeo_bmp
{
	width: 22px;
	vertical-align: middle;
}

.ximeo_bmp_small
{
	width: 20px;
	vertical-align: middle;
}

.divclickable:hover 
{
		cursor:pointer;
}



.card-body-icon {
  position: absolute;
  z-index: 0;
  top: -1.25rem;
  right: -0.6rem;
  opacity: 0.4;
  font-size: 5rem;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}

.card-body-icon-1 {
  position: absolute;
  z-index: 0;
  top: -0.65rem;
  right: +2.9rem;
  opacity: 0.4;
  font-size: 3.5rem;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}









.nav-tabs .nav-item .nav-link {
  background-color: var(--ximeo_app-color);
  color: #FFF;
  opacity: 0.5;
  border-top: solid 1px;
  border-left: solid 1px;
  border-right: solid 1px;
  border-bottom: solid 0px;
  border-color: #ffffff;
}

.nav-tabs .nav-item .nav-link.active {
  color: #FFF;
  font-weight: bold;
  background-color: var(--ximeo_app-color);
  opacity: 1.0;
  border-top: solid 1px;
  border-left: solid 1px;
  border-right: solid 1px;
  border-bottom: solid 0px;
  border-color: #ffffff;
}
/*
.tab-content {
  border: 1px solid #dee2e6;
  border-top: transparent;
  padding: 15px;
}

.tab-content .tab-pane {
  background-color: #FFF;
  color: #0080FF;
  min-height: 200px;
  height: auto;
}
*/

/* Image checkbox */

.ximeo_checkbox {
	cursor: pointer;
  caret-color: transparent;
	display: block;
	padding: 0;
	margin: 0;
}


/* Hide the browser's default checkbox */
.ximeo_checkbox input {
  display: none;
}

/* Hide the checked checkbox */
.img-checked {
	display: none;
}

/* If checked, show the checked image */
.ximeo_checkbox input:checked ~ .img-checked {
	display: inline;
	/* background-color: var(--ximeo_app-color); */
	border-radius: 5px;
	opacity: 1.0;
	padding: 2px;
}

/* If checked, hide the unchecked image */
.ximeo_checkbox input:checked ~ .img-unchecked {
	display: none;
}




/* Checkbox */

.ximeo_checkbox_1 input {
  display: none;
}

.ximeo_checkbox_1 {
	cursor: pointer;
  caret-color: transparent;
	display: block;
	padding: 0;
	margin: 0;
}

.div-checked {
	display: block;
	background-color: var(--ximeo_bg_gray_1);
	border-radius: 5px;
	padding: 3px;
}

.div-checked:hover {
		transform: scale(1.04);
		filter: brightness(1.1);
}



/* Hide the browser's default checkbox */
.ximeo_checkbox_1 input {
  /* display: none; */
}

/* If checked, change bg color */
.ximeo_checkbox_1 input:checked ~ .div-checked {
	background-color: var(--ximeo_app-color);
	border-radius: 5px;
	opacity: 1.0;
	padding: 3px;
}






/* Image radio */

.ximeo_radio {
	cursor: pointer;
  caret-color: transparent;
	display: block;
	padding: 0;
	margin: 0;
}


/* Hide the browser's default checkbox */
.ximeo_radio input {
  display: none;
}

/* Hide the checked checkbox */
.img-radio {
	display: inline;
	filter: invert(100%);
}

/* If checked, show the checked image */
.ximeo_radio input:checked ~ .img-radio {
	display: inline;
	border-radius: 0px;
	opacity: 1.0;
	background-color: RGB(255,0,255);
}




.ximeo_row_form {
	height: 26px;
	min-height: 26px;
	// margin-left: 14px !important;
	margin-bottom: 4px !important;
	margin-top: 4px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
}



/* Fieldset */

fieldset, legend {
   all: revert;
}

.ximeo_fieldset {
    all: revert;
    border-radius: 5px;
    border-color: #D0D0D0;
    border-width: 1px;
    box-sizing: border-box;
}



/* Sub table */
table.SubTable tr:hover td {
	background-color: #EFEFF4;
	/* box-shadow: inset 0 0 0 9999px rgba(240, 240, 240, 0.935) !important; */
}

table.SubTable tr:nth-child(even) {
  background-color: #F7F7F7;
}






#IdcDocumentViewer .modal-content {
  height: 90vh;
  overflow: hidden;
  resize: both;
  width: 100vh;
}

#IdcDocumentViewer .modal-body {
  height: relative;
  overflow-x: hidden;
  overflow-y: auto;
}

#IdcDocumentViewer .modal-header {
  background: var(--ximeo_app-color);
  color: var(--white);
  border-bottom: 0px;
  padding: 0px;
}

#IdcDocumentViewer .modal-header h3 {
  color: var(--white);
  font-size: 18px;
}


#IdcDocumentViewer .close_btn {
  top: -2px;
  margin: 0px !important;
  opacity: 1;
  width: 30px;
  height: 30px;
  padding: 0px;
  color: #fff;
}

.dragable_touch {
  cursor: move;
}


/* -------------------------------------------------------- */
/* Left tabs */

.eoqual_left_tabs_bg {
		    /* background-color: var(--ximeo_app-color) !important; */
		    background-color: var(--ximeo_bg_dark-color);
}

.c_tab 
{
	color: #C0C0C0;
}




.languageImgBorder {
	border: 1.0px solid #A0A0A0 !important;
	border-radius: 5px !important;
}




.oddline{
      background-color: #f9f9f9;
}
.sdrtitle{
  		background-color: var(--ximeo_bg_dark-3-color);
  		color:white;
}

.sdrtitle2{
  		background-color:#8f89a0;
  		color:white;
  		font-weight:bold;
  		font-size:large;
  		padding: 5px;
}


	.ximeo_button {
    background-color: rgba(47, 131, 176, 1.0);
    color: white;
    border-width: 0px !important;
    border-radius: 4px;
    padding: 3px 10px;
    cursor: pointer;
    // transition: all 0.1s ease-in-out;
}

.ximeo_button:hover:not(:disabled) {
    transform: scale(1.03);
    filter: brightness(1.2);
}

.ximeo_button:active:not(:disabled) {
    transform: scale(1.04);
}

.ximeo_button:disabled {
    background-color: #aaa !important;
    color: #eee !important;
    cursor: not-allowed !important;
    filter: none !important;
    transform: none !important;
    opacity: 0.6;
}

.ximeo_img_button {
	width: 22px; 
	vertical-align: middle;"
}


.stattemplate{
      list-style-type: none;
      cursor: pointer;
      font-size: larger;
      background:
        linear-gradient(
          to right,
          rgba(100, 200, 200, 0),
          rgba(100, 200, 200, 0)
        ),
        linear-gradient(
          to right,
          rgba(21, 87, 36, 0.2),
          rgba(21, 87, 36, 5),
          rgba(21, 87, 36, 1)
      );
      background-size: 100% 1px, 0 1px;
      background-position: 100% 100%, 0 100%;
      background-repeat: no-repeat;
      transition: background-size 300ms;
    }

    .stattemplate:hover {
      background-size: 0 1px, 100% 1px;
    }





    #drltable,#modalitystatetable, #newmodident,#tasyncdl,#alertpatient{
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#drltable tr:nth-child(even),#modalitystatetable tr:nth-child(even), #newmodident tr:nth-child(even),#tasyncdl tr:nth-child(even),#alertpatient tr:nth-child(even){
  background-color: #f2f2f2;
}

#drltable tr:hover,#modalitystatetable tr:hover,#newmodident tr:hover,#tasyncdl tr:hover,#alertpatient tr:hover {
  background-color: #ddd;
}

#drltable tr>td:hover,#modalitystatetable tr>td:hover,#alertpatient tr>td:hover {
  cursor: pointer;
}

#drltable th,#modalitystatetable th,,#newmodident th,#tasyncdl th,#alertpatient th {
     padding-top: 12px;
     padding-bottom: 12px;
     text-align: left;
     background-color: rgba(52, 56, 62, 0.86);
     font-weight: normal;
     color:white;
}




#IdcELAlertIcon:hover {
	transform: scale(1.04);
	cursor: pointer;
}


.alert_red {
	color: red !important;
}

.alert_orange {
	color: darkorange !important;
}

.alert_green {
	color: #808000 !important;
}

.aaa {
	color: #808000 !important;
}





.bstreeview {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;

    padding: 0;
    overflow: hidden;
}

.bstreeview .list-group {
    margin-bottom: 0;
}

.bstreeview .list-group-item {
    border-radius: 0;
    border-width: 1px 0 0 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    cursor: pointer;
}

.bstreeview .list-group-item:hover {
    background-color:#dee2e6;
}

.bstreeview > .list-group-item:first-child {
    border-top-width: 0;
}

.bstreeview .state-icon {
    margin-right: 8px;
    width: 12px;
    text-align: center;
}
.bstreeview .item-icon {
    margin-right: 5px;
}




ul[role="group"] {
    margin-left: 1rem;
    display: none;
  }
  li[aria-expanded="true"] > ul {
    display: block;
  }

  li[role="treeitem"] {
    cursor: pointer;
    list-style: none;
    user-select: none;
  }













        .h_list {
            display: flex;
            list-style-type: none; /* Supprime la numérotation par défaut */
            padding: 0;
            font-size: 16px;
        }

        .h_list li {
            display: inline; /* Affiche les éléments en ligne */
            margin-right: 10px; /* Espacement entre les éléments */
        }

        /* Séparateurs '>' entre les éléments */
        .h_list li span.separator {
            margin-left: 4px;
            margin-right: 4px;
            color: #808080; /* Couleur du séparateur (noir ou toute autre couleur) */
            font-weight: bold;
        }

        /* Styles des éléments cliquables */
        .el_clic {
            color: #007bff; /* Couleur bleue par défaut */
            cursor: pointer; /* Curseur 'pointer' pour indiquer que c'est cliquable */
            text-decoration: none; /* Pas de soulignement par défaut */
        }

        /* Effet au survol des éléments cliquables */
        .el_clic:hover {
            text-decoration: underline; /* Souligner au survol */
            color: #0056b3; /* Changer la couleur au survol */
        }


        
    .nav-pills .nav-link.active 
			{
  			background-color: var(--ximeo_app-color); 
  			color: #fff;               
  		}

  		.nav-pills .nav-link {
  			color: #555; 
  			 border-top-right-radius: 0;
  			border-bottom-right-radius: 0;
			}





			div.dts div.dataTables_scrollBody 
			{	
					background: white !important;
					// border-top: solid 1px var(--ximeo_app-color) !important;
					border-top: solid 2px var(--ximeo_bg_dark-2-color) !important;
					color: #606060;
			}