			
			
			/* 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 !important;
				// 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: 10px;
						height: 100%;
						
						-moz-user-select: none;
						-ms-user-select: none;
						user-select: none;
			}
			*/
			
			.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: 10px;
						width: 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;
			}
			
			/*
			table.dataTable tbody tr.selected {
				color: white !important;
				background-color: #eeeeee !important;
			}
			
			#IdcDT tbody tr.selected {
				color: white;
				background-color: #eeeeee;
			}
			*/
			

			/*
			Fonctionne partiellement
			
			table.dataTable > tbody > tr.selected > * {
				// box-shadow: inset 0 0 0 9999px rgba(47, 131, 176, 0.9);
				box-shadow: inset 0 0 0 9999px rgba(140, 140, 140, 1.0);
				color: #ffffff !important;
				background-color: #ffffff !important;
			}
			*/
			
			/*
			table.dataTable tbody tr:hover {
				background-color: #ffa;
			}
			*/
 
			/*
			table.dataTable tbody tr:hover > .sorting_1 {
				background-color: #ffa;
			}
			*/
			
			/*
			table.dataTable.table-striped > tbody > tr.odd > * {
				box-shadow: inset 0 0 0 9999px rgba(255, 0, 0, 0.05)  !important;
			}
			
			table.dataTable.table-striped > tbody > tr.odd.selected > * {
				box-shadow: inset 0 0 0 9999px rgba(255, 110, 253, 0.95)  !important;
			}

			table.dataTable.table-hover > tbody > tr.selected:hover > * {
				box-shadow: inset 0 0 0 9999px rgba(255, 110, 253, 0.975)  !important;
			}
			
			td.highlight { background-color: white !important; }
			*/
			
			/*
			td{
word-break: break-all !important;
}
*/
/*
[data-title] {
  font-size: 18px;
  position: relative;
  cursor: help;
}
  
[data-title]:hover::before {
  content: attr(data-title);
  position: absolute;
  bottom: -46px;
  padding: 10px;
  background: #000;
  color: #fff;
  font-size: 14px;
  white-space: nowrap;
}
[data-title]:hover::after {
  content: '';
  position: absolute;
  bottom: -12px;
  left: 8px;
  border: 8px solid transparent;  
  border-bottom: 8px solid #000;
}
*/

/*
	.dt-control:before
			{
				border-radius: 0 !important;
				content: 'A' !important;
				background-image: linear-gradient(red, yellow, blue); 
				background-size: 100px;
			}
			
	.dt-control:after
			{
				border-radius: 0 !important;
				content: 'B' !important;
				background-image: linear-gradient(red, green, blue); 
				background-size: 100px;
			}
*/


/*
custom button
*/

.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_bg-dark-5 {
		    background-color: var(--ximeo_bg_dark-5-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;
    font-weight: bold;
    text-align: center;
    padding: 0px 0px;
    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: #E19F62;
	--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: #CFCFCF;
	--ximeo_bg_dark-5-color: #EFEFEF;
	--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_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: solid 1px;
}

.nav-tabs .nav-item .nav-link.active {
  color: #FFFFFF;
  background-color: var(--ximeo_app-color);
  opacity: 1.0;
}
/*
.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;
}


/* 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;
}



/* 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: 64vw;
  left: 0px !important;
}

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

#IdcDocumentViewer .modal-header {
  background: var(--dark);
  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;
}


.ximeo_button {
		    background-color: rgba(47, 131, 176, 1.0 );
		    color: white;
		    border-width: 0px !important;
		    border-radius: 4px;
		    padding-top: 3px;
		    padding-bottom: 3px;
		    padding-left: 10px;
		    padding-right: 10px;
	}

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

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

	.ximeo_button:disabled {
		    opacity: 0.5;
		    cursor: not-allowed;
		    pointer-events: none;
	}

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






.preview-container {
            width: auto;
            max-height: 150px;
            min-height: 150px;
            border: 2px solid #ccc;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #f4f4f4;
        }
        .preview-container img {
        		width: 150px;
        		height: 150px;
            max-height: 100% !important;
            min-height: 100% !important;
            object-fit: scale-down;
            padding: 5px;
        }

.preview-container1 {
            width: auto;
            max-height: 150px;
            min-height: 150px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #f4f4f4;
        }
        .preview-container1 img {
        		width: 150px;
        		height: 150px;
            max-height: 100% !important;
            min-height: 100% !important;
            object-fit: scale-down;
            padding: 5px;
        }




















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



  #floating_print_button {
  	position: absolute;
  	bottom: 20px;
  	right: 20px;
  	z-index: 9999;
  	background-colo: #007bff;
  	color: white;
  	border-radius: 50px;
  	padding: 12px 20px;
  	font-size: 16px;
  	box-shadow: 0 2px 5px rgba(0,0,0,0.3);
  	cursor: pointer;
  	transition: background-color 0.3s;
  }

  #floating_print_button:hover {
  		background-color: #0056b3;
  }