#admin {
	text-align: right;
	vertical-align: top;
}

#head {
	width: 100%;
}

.array-field {
	border: 2px solid #474747;
	background: #FFE9D8;
	padding: 5px;
	margin: 5px;
}

.array-field-list li {
	list-style: circle;
	margin-left: 20px;
}

.parsed_query_header {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}

.parsed_query {
	font-family: Courier, Courier New, monospaced;
	font-size: 10pt;
	font-weight: normal;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
}

.navigators {
	float: left;
	margin: 5px;
	margin-top: 20px;
	width: 135px;
	padding: 5px;
	padding-left: 1px;
	top: -20px;
	position: relative;
	background: linear-gradient(66deg,#8d8d8d,#dddddd);


}





.navigators a {
	padding-left: 2px;
	color: #bf0000;
}

.link {
	color: black;
	font-size: 11px;
	margin-left: 5px;
	padding-left: 5px;
}

.tabs-bar {
	padding: 5px;
	width: 100%;
	border: 1px solid;
	border-width: 0px 0px 1px 0px;
}

.tab {
	font-weight: bold;
	padding: 5px;
	margin: 0px 5px;
	border: 1px solid;
/* 	background-color: #dddddd; */
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.tab:hover {
	background: #FEC293;
}

.tab.selected {
	background-color: #ffffff;
	border-bottom: 1px solid #ffffff;
}

.navigators h3 {
	background: #CFCFCF;
	padding: 2px 5px;
}

.navigators ul {
	list-style: none;
	margin: 0;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-left: 1px;
}

.navigators ul li {
	color: #555;
	padding: 1px;
}

.facet-field {
	font-weight: bold;
}

.highlight {
	color: white;
	background-color: gray;
	border: 1px black solid;
}

.highlight-box {
	margin-left: 15px;
}

.field-name {
	font-weight: bold;
}

.highlighted-facet-field {
	background: white;
}

.constraints {
	margin-top: 10px;
}

#query-form {
	width: 100%;
}

.filterTip {
	font-size: 10px;
	background: #939393;
}

.query-box {
	/*border-bottom: 1px solid #888*/
	
}

.query-box,.constraints {
	padding: 5px;
	margin: 5px;
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 0.08em;
}

.query-box {
	margin-left: 140px;
}

.query-box #q {
	margin-left: 8px;
	width: 60%;
	height: 35px;
	border: 1px solid #999;
	font-size: 1em;
	padding: 0.4em;
}

.query_button {
	height: 35px;
}

.query-boost {
	top: 10px;
	left: 50px;
	position: relative;
	font-size: 0.8em;
}

.query-box .inputs {
	/*left: 133px;*/
	position: relative;
}

#logo {
	width: 115px;
	margin: 0px 0px 20px 12px;
	border-style: none;
}

.pagination {
	padding-left: 10px;
	background: #dedede;
	margin: 5px;
	margin-left: 145px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.result-document {
	border: 1px solid #DDDDDD;
	padding: 1px;
	margin: 5px;
	margin-left: 155px;
}

.result-document div {
	padding: 5px;
}

.result-title {
	width: 100%;
}

.hitText {
	margin-left: 25px; 
	margin-right: 20px; 
	text-align: justify; 
}


.mlt {
	
}

.map {
	float: right;
	position: relative;
	top: -25px;
}

.result-document:nth-child(2n+1) {
	background-color: #FFFFFF;
}

.result-document {
	transition: 0.2s ease;
}

.result-document:hover {
	border: 1px solid #8888FF;
	transform: scale(1.02);
}

.selected-facet-field {
	font-weight: bold;
}

li.show {
	list-style: disc;
}

.group-value {
	font-weight: bold;
}

.error {
	color: #ff3030;
	left: 210px;
	width: 80%;
	position: relative;
}

/* nouiSlider positioning css */
.sliderFacet {
	margin-top: 40px;
	margin-left: 17px;
	margin-right: 17px;
	margin-bottom: 35px;
}

.noUi-value-large {
	margin-top: 8px;
}

.disableLink {
	outline: none;
}

.disableLink::before {
	width: 20px;
	padding-left: 8px;
	padding-right: 8px;
	margin-right: -4px;
	content: " ";
	background-image: url(/solr/img/ico/checkmark.png);
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center center;
}

.disableLink:hover::before {
	background-image: url(/solr/img/ico/cross.png);
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center center;
}

.mainArea {
	display: flex;
}

/*
#leftSide {
	height: auto;
	flex: 0 8%;
	margin-top: 5px;
	flex: 0 11%\0/;
	
}

#rightSide {
	flex: 1 83%;
	flex: 1 80%\0/;
}
*/

#leftSide {
	height: auto;
	flex: 0 8%;
	margin-top: 5px;
	flex: 0 11%\0/;
	
}

#rightSide {
	flex: 1 83%;
	flex: 1 40%\0/;
}

.open {
	display: block;
}

.closed {
	display: none;
}

.inlineOpen {
	display: inline;
}

.liftedLink {
	
	padding-bottom: 10px;
	text-decoration: underline;
	cursor: pointer;
}



#rightSide div {
	margin-left: 5px;
}

.collapseButton {
	transform: rotate(90deg);
}

.collapseButton:hover {
	transform: rotate(90deg) scale(1.3);
}

.collapseButtonClosed {
	transform: rotate(270deg);
}

.collapseButtonClosed:hover {
	transform: rotate(270deg) scale(1.3);
}



.copyright {
	font-size: 10px;
	color: black;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#didYouMeanBox {
	margin-left: 10px;
	margin-top: 10px;
	font-size: 16px;
}

#didYouMeanBox a {
	font-weight: bold;
	font-style: italic;
}

.redText14px {
	color: red;
	font-size: 14px;
}

a {
	color: #bf0000 !important;
}

.toggleLink {
	color: black !important;
	font-size: 11px;
	margin-left: 5px;
	padding-left: 5px;
}

.icon_button {
	outline-radius: 3px;
	margin-right:6px;
}

.icon_button:hover {
	outline-radius: 3px;
	outline: 1px solid #bebebe;
	transform: scale(1.15);
}

#searchHitEditLink {
	margin:0px;
	padding:0px;
	margin-left: 30px !important;
	
}





/**********************************************************************************************/
/********** Edit Form styles *****************************************************************/
/**********************************************************************************************/

#edit_form, #viewDiv {
	margin-left: auto;
	margin-right: auto;
	width: 60vw; 
	border-top: 3px groove gray;
	
}

.labelCell {
	font-size: 14px;
	width: 200px;
}
.valueCell {
	font-size: 14px;
	max-width: 600px;
	width:575px;
}

.valueCellOverlongDiv {
	font-size: 14px;
	overflow: hidden;
	overflow-y: auto;
	max-height: 400px;
	max-width: 580px;
}
.valueCell input {
	font-size: 14px;
	width: 550px;
}




.mdTableData {
	text-align: left;
}



.mdRow {
	margin-left: auto;
	margin-right: auto;
}

/* .mdRow input { */
/* 	width: 92%; */
	
/* } */

.docLinks {
	padding: 3px;
	height: auto;
	background: #cdcdcd;
	min-height: 16px;
}

.linkDivItem {
	display: block;
	position: relative;
	float: left;
	
}

.docHeader {
	font-size: 18px;
	
}
.linkIcon {
	margin-bottom: -4px;
}


#docEditFields {
	text-align: center;
	border-top: 3px ridge gray;
	border-bottom: 3px groove gray;
	padding-top: 2px; 
	padding-bottom: 7px; 
	
	
}
#submitButtonCell input{
	width: 200px;
	
}

#docNav {
	margin-left: auto;
	margin-right: auto;
	width: 60vw; 
	height: inherit;
	background: none;
}


#deleteFormDiv {
	display:none;
	outline: none;
}
#deleteFormDiv:hover {
	outline: none;
}

.mdRow {
	background: linear-gradient( -90deg,white, #dddddd);
}
.mdRow:nth-child(2n+1) {
	background: linear-gradient(90deg,white, #dddddd);
}



.label {
	font-weight: bold;
}

.value {
	font-weight: normal;
}

/**********************************************************************************************/
/********** Header ****************************************************************************/
/**********************************************************************************************/

.headerDivItem {
	float: right;
	
}

#headerDiv {
	height: 16px;
}

.authLink {
	font-size: 10px;
	color: black !important;
	
}


/**********************************************************************************************/
/********** tool tips ****************************************************************************/
/**********************************************************************************************/



th.tooltip {outline:none; }
th.tooltip strong {line-height:30px;}
th.tooltip:hover {text-decoration:none;} 
th.tooltip span {
    z-index:10;
    display:none; 
    padding:10px 10px;
    margin-top:-5px; 
    margin-left:20px;
    line-height:16px;
}
th.tooltip:hover span{
    display:inline; 
    position:absolute;
    left: calc(var(--mouse-x, 0) * 100%); 
/*     top: calc(var(--mouse-y, 0) * 100%);  */
    border:2px solid #FFF;  
    color:#EEE;
    /*background:#333 url(http://www.menucool.com/tooltip/cssttp/css-tooltip-gradient-bg.png) repeat-x 0 0;*/
    background: linear-gradient(66deg,#8d8d8d, #dddddd);
    transition-property: display;
    transition: display 1s;
    transition-delay: 2s;
    
}

th.tooltip span
{
    border-radius:2px;        
    box-shadow: 0px 0px 8px 4px #666;
}


/**********************************************************************************************/
/********** msg-html ****************************************************************************/
/**********************************************************************************************/

#msgDiv {
	min-width: 300px;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	font-family: Arial, Helvetica, sans-serif;
/* 	font-size: 75%; */
	line-height: 1.7;
}

#msgHeading {
	color: #da251c;
	font-weight: bold;  
	text-transform: uppercase;  
	letter-spacing: 1px;
}

#msgText {
}


.disabled_link {
	color: gray;
	padding-left: 3px;
	padding-right: 3px;
	
	
	
}


.pagination .page, .pagination .prev-page, .pagination .next-page{
    padding-left: 1px !important;
    padding-right: 1px !important;
    
    
}



 /**********************************************************************************************/
/********** year slider ****************************************************************************/
/**********************************************************************************************/
 
 
 .timeSliderDiv {
 	position:relative;
	max-width: 96%;
	
}
 
 
 /**********************************************************************************************/
/********** Handy classes/narrow window classes ************************************************/
/**********************************************************************************************/
 
 @media only screen and (max-device-width:640px), only screen and (max-width:640px) 
{
	.result-document {
		margin-left: 110px;
		border: 0px;
	}

	.thumbDiv {
	   display: none;
	}


	.result-title {
		width: 95%;
		margin-left: 110px;
	}

	.pagination {
		margin-left: 110px;
		background: none !important;
	}
	
	.mainArea {
	   display: block;
    }
    
    #divFacetPublishDateRange th {
        white-space: nowrap;
    }
    
    #divFacetpublish_date {
        overflow: auto;
        max-height: 110px; 
        
    }

	#divFacetPublishDateRange, #divFacetpublish_date {
	    display: block;
	    position: relative;
	    float:left;
	    margin-top: 5px;
	    margin-left: 10px;
	    margin-right: 10px;
	    padding-left: 10px;
	    padding-right: 10px;
	    border-right: 1px solid gray;
	    
	}
	
	#navigators {
	    float: none;
	    width: 100%;
	    height: 120px;
	    margin-top: 0px;
	    background: linear-gradient(66deg,#dddddd, #FFFFFF) !important;
	    position: relative;
	    left: 0px;
	    top: 0px;
	    padding-bottom: 10px;
	    
    }
    
    .query-box {
        margin-left: auto;
        margin-right:auto;
        
    }
}

 @media only screen and (max-device-width:1000px), only screen and (max-width:1000px) 
{
	.result-document {
		margin-left: 110px\0/;
		border: 0px\0/;
	}

	.thumbDiv {
	   display: none\0/;
	}


	.result-title {
		width: 95%\0/;
		margin-left: 110px\0/;
	}

	.pagination {
		margin-left: 110px\0/;
		background: none !important\0/;
	}
	
	.mainArea {
	   display: block\0/;
    }
    
    #divFacetPublishDateRange th {
        white-space: nowrap\0/;
    }
    
    #divFacetpublish_date {
        overflow: auto\0/;
        max-height: 110px\0/; 
        
    }

	#divFacetPublishDateRange, #divFacetpublish_date {
	    display: block\0/;
	    position: relative\0/;
	    float:left\0/;
	    margin-top: 5px\0/;
	    margin-left: 10px\0/;
	    margin-right: 10px\0/;
	    padding-left: 10px\0/;
	    padding-right: 10px\0/;
	    border-right: 1px solid gray\0/;
	    
	}
	
	#navigators {
	    float: none\0/;
	    width: 100%\0/;
	    height: 120px\0/;
	    margin-top: 0px\0/;
	    background: linear-gradient(66deg,#dddddd, #FFFFFF) !important\0/;
	    position: relative\0/;
	    left: 0px\0/;
	    top: 0px\0/;
	    padding-bottom: 10px\0/;
	    
    }
    
    .query-box {
        margin-left: auto\0/;
        margin-right:auto\0/;
        
    }
}