/* File name version/number cssIsearchXR_xyz.css must be changed in two places:
 * theIsearchXR.theme
 * xspSearchForm
*/

/*C O L O U R S: 
WEB-SAFE COLOURS:
http://cloford.com/resources/colours/websafe1.htm
MORE:
https://www.w3schools.com/colors/default.asp
https://www.w3schools.com/colors/colors_picker.asp
https://www.rapidtables.com/web/css/css-color.html
https://imagecolorpicker.com/
*/

/*For Translations Button's dropdown*/
/*.dropdown-menu-translations {
	background-color: white;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	padding: 4px;
	min-width: 200px;
}
.dropdown-menu-translations select {
	width: 100%;
	padding: 6px;
	font-size: 14px;
}*/

.wp-container {
    /*visibility: hidden;*/
    display: none;
    font-size: 0;
}

.pdfContainer {
    position: relative;
}
.navBlocker {
    display: none;
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.7);
    z-index: 10;
}
.navInProgress .navBlocker {
    display: block;
}

/* For WorkPart Buttons */
.hiddenJson {
    display: none !important;
}
.glyphicon-clicked, .fa-clicked
{
  color: red !important;
}

/*For Translations btnTRA dropdown menus to position correct*/
.dropdown {
  display: inline-block;
}

#esDebugOverlay {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 360px;
    max-height: 280px;
    overflow: auto;
    background: rgba(0,0,0,0.85);
    color: #0f0;
    font-family: Consolas, monospace;
    font-size: 11px;
    padding: 8px;
    z-index: 99999;
    border-top-right-radius: 6px;
    white-space: pre-wrap;
}

/*To show/hide the loading icon for Search*/
.loading {
  	/*background-image: url('iAv.gif');*/
	background-size: 15em;
  	background-repeat: no-repeat;
  	background-attachment: fixed;
  	/*background-position: center;*/
}

/*.img-fluid {
	max-width: 100%;
	height: auto;	
}*/

/*Flags for Translations on ccGreyBorder*/
.translationFlag{
	height: 30px;
	margin-right: 5px;
}

/*Number Column for xspLists DataViews*/
.number{
	color:limegreen;
}

/*Issue Navigation*/
.disableClass {
	disabled:true;
	cursor:not-allowed;
}

.enableClass {
	disabled:false;
	cursor:pointer;
}

.searchButtonActive {
	color: #5cb85c;
}

/*Buttons Navigation Bar*/
.navbar-default{
	background-color:white;
	/*border-width:0px;*/
	/*border-color:grey;*/	
}

/*BOOTSTRAP BUTTONS - CURRENTLY DEACTIVATED*/
/*Search*/
.btnWarning{
	
}
/* Home Page Documents*/
.btnInfo{
	
}
/*Lists and Publish*/
.btnDefault{
	
}
/*Help*/
.btnPrimary{
	
}
/*Login*/
.btnSuccess{
	
}
/*Logout*/
.btnDanger{
	
}

/*START T H E M E S:*/
/*Cf. theDandelon.theme*/

.labelClass{
	color:grey;	
	font-weight:normal;
}
.computedFieldClass{
	color:black;
}
.buttonCommandClass{	
	color:black;
	background-color:rgb(241, 241, 241);
	/*height:27px;*/
	cursor:pointer;	
}
/*Acts on File Upload controls in Edit Mode ONLY:*/
.inputClass{
	color:black;
	font-weight:normal;
}

/*For Search docoument links, Home Page Doc links, Facets.*/
/*Music School Violet*/
.linkClass{	
	color: #0667cc; 
	/*color: #055ab3;*/
}

/*a:link.linkClass {
    color: green;
    background-color: transparent;
    text-decoration: none;
}*/

/*.linkClass a:hover,
.linkClass a:visited
{
    color: red;
}*/


/*visited NOT working!*/
 /*Music School Violet*/
/*a.linkClass:link { color: #7300fe; text-decoration: none; }
a.linkClass:visited { color: grey; text-decoration: none;}
a.linkClass:hover { color: green; text-decoration: underline; }
a.linkClass:focus { color: orange; text-decoration: none; }
a.linkClass:active { color: red; text-decoration: none; }*/


/*a, a.linkClass, a.linkClass:visited {
  color: #FFFAFA;
  text-decoration: none;
  background-color: #778899;
}*/


/*https://www.w3schools.com/cssref/sel_visited.asp*/
/* unvisited link */
/*a:link {
    color: #7300fe;
}

/* visited link */
/*a:visited {
    color: green;
}*/

/* mouse over link */
/*a:hover {
    color: red;
}*/

/*selected link */
/*a:active {
    color: yellow;
}*/



/*.comboClass{
	color:orange;
}*/

/*Does not work, nor with css only, properties must be set on every field!*/
/*.inputEditClass{
	color:orange;
	font-weight:normal;
}*/
/*END T H E M E S*/

/*START C O L O U R  S C H E M E*/
/*Searching and Facetting (for both xspResultsLists and xspResultsCards):*/
.activeFacet{
	background-color:#0781ff;
	/*background-color: #7300fe; violet */
	display: inline-block;
	padding: 5pt 10pt 5pt 12pt;
	border-radius: 20pt;
	margin-left: 5pt;
	margin-bottom: 10pt;
	vertical-align: middle;
}

.activeFacet:hover{
	opacity:0.9;	
}

.activeFacetLabel {
	font-weight: normal;
	color: white;
	opacity: 0.7;
	display: inline-block;
	margin-right: 7pt;
	vertical-align:middle;
}

.activeFacetValue {
	font-weight: normal;
	color: white;
	vertical-align:middle;
}

.activeFacetRemove {
	background-color: rgba(0,0,0,0.3);
	color: white;
	border: 0;
	border-radius: 50%;
	margin-left: 7pt;
	text-align: center;
	width: 15pt;
	line-height: 15pt;
	padding:0pt;
	vertical-align:middle;
}

.activeFacetRemove:hover{
	background-color: white;
	color: #055ab3;
}

.SearchResultsInfo{
	color:grey;
	font-size:12pt;
	font-weight:normal;
	padding-left:12px;
	/*padding-right:20px;*/
}
.FacetLabel{
	color:grey;
	font-size:12pt;
	font-weight:normal;
	padding-left:2px;
}
.FacetList{
	/*color:#7300fe; Music School Violet*/
	font-size:12pt;
	font-weight:normal;
}

.FacetCount{
	color:grey;
	font-size:12pt;
	font-weight:normal;
}

/*Record Output*/
.title{
	font-size: 30px;
	font-weight:bold;
	/*color:rgb(0,159,130);*/
}
.biblioAuthor{
	/*color: rgb(0, 133, 200); AGI Blue*/
}
.biblioAGIunid{
	color: rgb(169, 205, 98);
}

/*Search Navigation:*/
.rowActive{
	color:#e60000;
	/*ZAK green? color:#29a329;  ZAK Green rgb(60,132,81)*/
	font-weight: normal;
}
.rowInactive{
	color:#949494;	
}

/*Pager colour is set in pagination class in bootstrap.min.css, cf. Bootstrap CSS*/
.bootstrapPager {
    margin-left:55px;
    margin-top: 11px;
    margin-bottom: 1px;
    font-size:14pt;
}

.bootstrapPagerLists {
    margin-left:0px;
    margin-top: 5px;
    margin-bottom: 1px;
    font-size:12pt;
}

/*END C O L O U R  S C H E M E*/


.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color: #0781ff;
	border-color: #0781ff;
}

.pagination>li>a, .pagination>li>span {
	color: #0667cc;	
}


/* ----------------- L E S S  I M P O R T A N T  C S S  S E T T I N G S   B E L O W ----------------------*/


/*AGI-IMC RGB COLOURS:*/
.grey{
	color: rgb(146, 146, 146);
}
.orange{
	color: rgb(238, 110, 67);	
}
.green{
	color: rgb(169, 205, 98);	
}
.blue{
	color: rgb(0, 133, 200);
}
.yellow{
	color: rgb(255 223 65);
}

/*G L O B A L*/
/*body,input,button,a,p,table,th,td,tr,span,div,select,nobr{
	font-family:Arial Narrow, Arial, sans-serif;
	font-size:14px;
	color:grey;
	background-color: lightblue;
}
*/

/*@media screen and (min-width: 480px) {
    body {
        background-color: lightgreen;
    }
}*/

/*NOT WORKING?
.navigation{
	color:#7300fe;
}*/

/*#load{
    width:100%;
    height:100%;
    position:fixed;
    z-index:9999;
    background:url("https://www.creditmutuel.fr/cmne/fr/banques/webservices/nswr/images/loading.gif") no-repeat center #fff
}
*/

td {
    display: table-cell;
    vertical-align: top;
}

/*table, th, td {
    border: 1px solid black;
}*/


.applicationLogo{
	height:50px;
	box-sizing: border-box;
}

.applicationLogo > img {
	height: 100%;
}

/*IBM Blue*/
/*.FacetList{
	color:#4974ad;
	font-size:12pt;
	font-weight:normal;
}*/

/*B O O T S T R A P*/
.appLink{
	font-size:50px;
	font-weight:normal;
	color:blue;
}
.menu-item{
	font-size:15px;
	font-weight:normal;
	color:blue;
}

.popover .close {
    position: absolute;
    top: 10px;
    right: 10px;
}

/*Bootstrap Application Layout Buttons*/
.applayout-links>.menu-item>a {
	padding: 0 10 0 10;
	font-size: 16px;
	border: 0;
	border-radius: 0;
	outline: none;
}
.applayout-links>.menu-item>a:hover {
	background-color: #eee!important;
}

.loginButton>a, .logoutButton>a {
	padding: 0 10 0 10;
	font-size: 16px;
	border: 0;
	border-radius: 0;
	outline: none;
}

.loginButton:hover {
	color: white!important;
	background-color: rgb(40, 167, 89)!important;
}

.logoutButton:hover {
	color: white!important;
	color: rgb(220, 53, 69)!important;
}


/* margin between 2 buttons / button links */
/*li + li, a + a, button + button, a + button, button + a {margin-left: 5px;}*/

/*START S U M M A R Y  B U T T O N*/
.overlay {
     visibility: hidden;
     /*position: absolute;*/
     position:fixed;
     left: 445px;
     top: 70px;
     width:10%;
     height:10%;
     /*text-align:left;*/
     /*z-index: auto;*/
}
.overlayDiv {
     width:300px;
     margin: 100px auto;
     background-color: #fff;
     border:1px solid #000;
     padding:15px;
     text-align:left;
}
/*END S U M M A R Y  B U T T O N*/

/* unvisited link
a:link {
    color: magenta;
}*/

 /*visited link
a:visited {
    color:blue;
}*/

/* mouse over link
a:hover {
    color: red;
}*/

/*
selected link
a:active {
    color: yellow;
}*/

.errorMessage{
	font-family: sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: red;
	/*background: yellow;*/
}


/* Dojo Dialogs*/
.dijitDialog {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
    padding:5px;
}

.dijitDialogTitleBar {
    padding: 9px 15px;
    border-bottom: 1px solid rgb(238, 238, 238);
    cursor: move;
}

.dijitDialogTitle {
    font-size: 24px;
    font-weight: bold;
    margin: 0px;
}

.dijitDialogCloseIcon .closeText {
	cursor:pointer;
    float: right;
    font-size: 20px;
    font-weight: bold;
    color: rgb(0, 0, 0);
    text-shadow: 0px 1px 0px rgb(255, 255, 255);
    opacity: 0.2;
    display: inline;
    position: relative;
    margin-top: 2px;
}

.dijitDialogUnderlayWrapper {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 998;
    display: none;
    background: none repeat scroll 0% 0% black !important;
    opacity:0.5;
    filter:alpha(opacity=50);
}

/*Alternating Row Colours:
SHOULD BE: rowClasses: rowEven, rowOdd
... but right now not used!

.rowOdd {
	//default;
}
.rowOdd:Hover {
	background-color: rgb(102,255,204);
}

.rowEven {
	background-color: rgb(247,247,247);
}
.rowEven:Hover {
	background-color: rgb(102,255,204);
}
*/
/* Not used?!
td.xspBootstrapRowIcon {
padding:0px;
}
*/



/* One Pager Layout */

.content-groups {
	text-align: center;
	color: #333;
}

.content-groups > section {
	display: inline-block;
	font-size:0;
	box-sizing: border-box;
    padding-top: 15px;
}

.content-groups > .extra-space {
	margin-top: 20px;
}


.content-groups > section:last-of-type {
	margin-bottom: 20px;
}

.content-groups > section > img, .content-groups > section > video {
	width: 100%;
	max-width: 600px;
	vertical-align: middle;
	margin: 10px 0;
}

.content-groups > section > video:focus {
	outline: none;
}

.content-groups > section > div {
	width: 100%;
	max-width: 600px;
	font-size:12pt;
	display:inline-block;
	vertical-align: middle;
	text-align: left;
	direction: ltr;
	margin: 10px 0;
}

.top {
	vertical-align: top!important;
}

.content-groups > section > div > img, .content-groups > section > div > video {
	width: 100%;
	max-width: 600px;
	padding-bottom: 10px;
}

.content-groups > h1 {
	padding-top: 150px;
	font-size: 25pt;
	text-align: center;
	font-weight: normal;
}

@media only screen and (min-width: 1037px) {
    .content-groups > section > div { 
        margin-left: 50px;
        margin-right: 50px;
    }
    .content-groups > section > img, .content-groups > section > video { 
        margin-left: 50px;
        margin-right: 50px;
    }
    .content-groups > h1 {
		font-size: 30pt;
	}
}

@media only screen and (max-width: 1900px) {
    #side-navigation {
    	display: none;
    }
}


.content-groups > section > div > h1 {
	font-size: 1.7em;
	text-align: left;
	font-weight: normal;
}

.content-groups > section::after {
	clear:both;
}

.content-groups > .content-left {
	direction: rtl;
}

#side-navigation {
	position: fixed;
	left: 20px;
	top: 30%;
	max-width: 200px;
}

#side-navigation a{
	display: block;
	padding: 15px 15px;
	color: rgba(0,0,0,0.7);
	background-color: #f9f9f9;
	text-decoration: none;
	font-size: 10pt;
	outline: none;
	border-bottom: 1px solid #eee;
}
#side-navigation > a:last-of-type {
	border-bottom: 0px solid black;	
}
#side-navigation a:hover {
	background-color: #efefef;
	/*background-color: #0085ca;*/
}


/* Hide the default icons in a more specific way */
.xspSection-header-underline #section1_lk_open {
    /* Set background image to none */
    /*background-image: none !important;*/
}

.xspSection-header-underline.collapsed::before {
    /*content: '\e146';*/ /* Bootstrap Chevron Down Icon (▼) */
}

.xspSection-header-underline::before {
    /*content: '\e082';*/ /* Bootstrap Chevron Up Icon (▲) */
}