body {
	background-color: #BBB;
	color: #444;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",Arial, sans-serif;
	/*font-size: 0.8em/1.3em;*/
	font-size: 13px;
}

h3 {
	border-bottom: thin solid #c8c9ca;
    color: #555 !important;
}

h5,h6 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
		Arial, sans-serif;
}

a {
	color: #36C;
	word-break: break-all;
}


a:hover,a:focus {
	color: #5599FF;
}
.op-container {
	margin: 0 auto;
	max-width: 1280px;
}
/* header */
.op-header {
	background-color: #FFF;
	position: relative;
	padding: 16px 5px 30px;
}

.op-logo img {
	width: auto;
	max-width: 100%
}

.logo-title {
	position: relative;
	top: 10px;
	left:10px;
	display: table;
}

.op-header .op-site-subtitle {
	position: absolute;
	font-weight:normal;
	/*top: 15px;
	left: 50px;*/
	color: #717781;
	/*font-size: 0.7em;*/
	top: 45px;
	left: 87px;
	font-size: 1.1em;
}

.op-site-subtitle {
	max-width: 325px;
}

.logo-mini {
	display : none;
}

.op-top-links {
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 3px 10px;
	/*font-size: 0.8em;*/
	font-size: 0.9em;
	background-image: -ms-linear-gradient(left, white 0%, #eeeeee 100%);
	/* IE10 Consumer Preview */
	background-image: -moz-linear-gradient(left, white 0%, #eeeeee 100%);
	/* Mozilla Firefox */
	background-image: -o-linear-gradient(left, white 0%, #eeeeee 100%);
	/* Opera */
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, white), color-stop(1, #eeeeee));
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-linear-gradient(left, white 0%, #eeeeee 100%);
	/* Webkit (Chrome 11+) */
	background-image: linear-gradient(to right, #ffffff 0%, #eeeeee 100%);
	/* W3C Markup, IE10 Release Preview */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE', GradientType=1);
	/* IE6-9 */
}

.op-top-links li {
	float: left;
	color: #666;
	list-style: none;
	margin: 2px 0px;
	display: none;
}



.op-top-links  li:last-child::after {
	content: none;
}

.op-top-links  li#liLanguageBarContainer {
	display: block;
	padding-right: 0px;
}

.op-top-links li a {
	color: #666;
	text-decoration: none;
}

.op-top-links li a:hover {
	text-decoration: underline;
}

.op-top-links * {
	vertical-align: sub;
}

.op-top-links li::after {
	content: '|';
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle;
}

#quick-search {
	position: absolute;
	right: 10px;
	top: 40px;
	text-align: right;
	display: block;
}

#quick-search-other {
	position: absolute;
	right: 10px;
	top: 65px;
	text-align: right;
	display: block;
}

.quick-search-border {
	border: 1px solid #777;
	border-radius: 4px;
	padding: 1px 1px;
	font-size: 0.9em;
	text-align: left;
}

#quick-search input {
	border: 0;
	background-color: #FFF;
	padding: 2px 2px;
}

#quick-search button {
	border-radius: 0 4px 4px 0;
	color: #FFF;
	border: 0;
	padding: 5px 6px;
}

#quick-search-help 	.quick-search-border{
		display: inline-flex;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
}

.advanced-search-link {
	margin-top: 5px;
	display: inline-block;
	font-size: 0.9em;
	text-decoration: underline;
}

.op-breadcrumb {
	clear: both;
	background-color: #F5F5F5;
	overflow: hidden;
	zoom: 1;
	padding: 2px 10px;
	border-top: 1px solid #DDD;
	border-radius: 0;
	margin-bottom: 0;
	font-size: 0.9em;
}

.op-breadcrumb>li+li:before {
	content: ">";
}

/* ----------- TOP MENU -------------- */
.op-h-nav {
	display: block;
	position: relative;
	clear: both;
	font-size: 1.1em;
	background: #132241 url(../images/banner.png) right center repeat-y;
	margin: 0;
	padding: 8px 0px 0px 0px;
}

.op-h-nav li {
	list-style: none;
	display: inline-block;
}

.op-h-nav li a {
	font-size: 0.85em;
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
	padding: 3px 10px;
	display: inline-block;
	border-radius: 5px 5px 0 0;
	border-bottom: 0;
	margin-right: 2px;
}

.op-h-nav li.mobile-menu {
	display: inline-block !important;
}

.op-h-nav li a.selected {
	font-weight: bolder;
	background: none;
	background-color: #FFF !important;
	padding: 4px 10px 3px;
}

.op-h-nav li a.hover,.op-h-nav li a.focus {
	background-color: #FFF !important;
}

.op-h-nav ul.sub-menu {
	position: relative;
	margin: 0;
	padding: 0;
	border: 1px solid #DDD;
	border-top: 0;
	display: block;
	margin-left: 5px;
}

.op-h-nav ul.sub-menu li {
	display: block;
}

.op-h-nav ul.sub-menu li a {
	display: block;
	background-color: #F5F5F5 !important;
	color: #444 !important;
	border-radius: 0;
	padding: 6px 10px;
}

.op-h-nav ul.sub-menu li a:hover,.op-h-nav ul.sub-menu li a:focus {
	text-decoration: underline;
}
/*LEFT MENU*/
ul.left-menu{
	padding-top: 0px;
	margin-left: 0px;
	padding-left: 0;
}
.left-menu li{
	list-style-type: none;
}


.left-menu li a{
	color: #000;
	text-decoration: none;
	display: block;
	font-weight: n;
}

ul.left-menu li a:hover{
	background-color:#F5F5F5;
	text-decoration: underline;
}
ul.left-menu li.selected a{
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background-color:#F5F5F5;
}
.left-menu li a:before{
	content: '\2219';
	display: inline-block;
	margin-right: 3px;
	line-height: 2em;
	color: #000;
	padding-left:5px;
	padding-right:2px;
}
ul.left-menu li.with-sub>a:before{
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
	content:'\e080' ;
	font-size:0.7em;
}
ul.left-menu li.with-sub.expanded>a:before{
	content:'\e114' ;
}
ul.left-menu ul.left-sub-menu{ margin-left:25px; padding-left:0; }
ul.left-menu ul.left-sub-menu li a{
	font-weight:normal;
}
ul.left-menu ul.left-sub-menu li a:before{
	content:'\2022' ;
	font-size:1.5em;
	line-height:1em;
}
#main {
	background-color: #FFF;
	padding-bottom: 20px;
}

h1.page-title {
	font-size: 1.2em;
	color: #FFF;
	display: inline-block;
	width: 100%;
	font-weight: bold;
	padding: 3px 10px 3px 25px;
	margin-bottom: 0;
}

#middle-column h1.page-title {
	padding: 3px 0px 10px 0px;
}

.op-panel {
	margin-bottom: 20px;
}
 
h2.op-panel-title {
	font-size: 1.1em;
	color: #FFF;
	display: block;
	font-weight: bold;
	padding: 3px 10px;
	margin-bottom: 0;
}

.op-panel-content {
	padding: 10px;
	background-color: #F5F5F5;
}

.op-btn,.op-btn:hover,.op-btn:focus {
	padding: 2px 6px;
	color: #FFF;
	background-color: #36C;
}

.op-btn-grey {
	background-color: #EEE;
	border: 1px solid #CCC;
	color: #444;
}

.op-btn:hover,.op-btn:focus {
	background-color: #5599FF;
	border-color: #5599FF;
}

.op-btn-grey:hover,.op-btn-grey:focus {
	background-color: #FFF;
	color: #5599FF;
}

.op-btn-print {
	background-color: #FFF;
	color: #36C;
	border-color: #666;
	font-size: 0.8em;
}

.op-btn-share,.op-btn-share:hover {
	background-color: #FFF;
	color: #444;
	border-color: #666;
	padding-left: 32px;
	font-size: 0.8em;
	position: relative;
	padding-right: 30px;
}

.op-btn-share:before {
	position: absolute;
	background-color: #339933;
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
	content: '\e165';
	font-size: 1em;
	left: 0;
	top: 0;
	bottom: 0;
	width: 24px;
	text-align: center;
	color: #FFF;
	line-height: 1.75;
}

.op-btn-share:hover:before {
	background-color: #5599FF;
}

#op-footer-full {
	background: #FFF;
}

h2.footer-item-title {
	font-size: 1.1em;
	font-weight: bold;
	color: #003399;
	margin-top: 5px;
}

#op-footer-full a {
	color: #444;
	text-decoration: none;
	display: block;
}

#op-footer-full a span {
	font-weight: bold;
}

#op-footer-full a:hover,#op-footer-full a:focus {
	text-decoration: underline;
}

#op-footer-full .row {
	margin: 5px 0;
}

#op-footer-full .row>div {
	border-right: 1px solid #DDD;
}

#op-footer-full .row>div:last-child {
	border-right: 0;
}

#op-footer-full .row .row>div {
	border-right: 0;
}

#op-footer-full .container-fluid,#op-footer-full .container-fluid .row>div {
	margin-left: 0;
	padding-left: 0;
}

#op-footer-full .container-fluid .row>div>a {
	line-height: 1.2em;
	margin-bottom: 0.7em;
}

.certifInfo {
	margin-top: 8px;
}

.op-mini-footer {
	background-color: #F5F5F5;
	border-top: 1px solid #DDD;
	padding: 3px 5px;
	font-size: 0.9em;
}

.op-mini-footer p {
	display: block;
}

.op-mini-footer ul {
	margin: 0;
	padding: 0;
}

.op-mini-footer ul li {
	display: inline-block;
	border-right: 1px solid #DDD;
	padding: 0px 5px;
}

.op-mini-footer ul li:last-child,.op-mini-footer ul li.last-update {
	border-right: 0;
	margin-right: 12px;
}

.op-mini-footer ul li a {
	color: #444;
	text-decoration: none;
}

.op-mini-footer ul li a:hover {
	text-decoration: underline;
}

.content-tools {
	text-align: right;
	margin: 20px 1px 5px 1px;
}
.main-container ul li{
	/*list-style-type: none;*/
}
/*.main-container li a:hover {
	color: green;
}*/
/*.main-container a:hover{
	color:green;
}*/
.main-container #cookies h3{
	color:green
}
.main-container #legalNotice h4{
	color:green;
}
.main-container .docAction a.icon{
 color:black;	
}
/***** CSS  fa/glyphicon ******/
.green {
	color: #2C862D;
}
.size-icon
{
	font-size: 1em;
}
.bold {
	font-weight: bold;
}
.about span.glyphicon {
	padding-left: 0;
	padding-top: 0;
	font-size: 2em;
	margin-left: 0;
}
#whyRegisterOnTED li{
	list-style-type: square;
}
.main-container span.glyphicon-remove{
	color:red;
}
.cursor-icon{
	cursor:pointer;
}
.fa-minus-square , .fa-plus-square{
	color:black;
	margin-right:5px;
}

.site-map-category:nth-child(5n) {
	clear: left;
}

.site-map-category a {
	text-decoration: none;
}

.site-map-category a:hover {
	text-decoration: underline;
}

.site-map-category span.title {
	border: 1px solid #D2D2D2;
	z-index: 1;
	border-radius: 0.4em;
	margin: 0.5em;
	padding: 0.25em 0.5em 0.25em 0.5em;
	position: relative;
	display: inline-block;
	color: #3366CC;
	background-color: #ffffff;
}
.site-map-category:hover span.title{
	color: #ffffff;
	background: #7082B1;
}


.site-map-category ul {
	list-style-type: circle;
	display: block;
	position: relative;
	border: 1px solid #D2D2D2;
	top: -10px;
	padding: 2em 1em 1em 2em;
	margin-bottom: 0;
	margin-top: 0;

}

/**** Help ****/
.help-accordion{
	margin-left: -25px;
}
.help-accordion ul{
	list-style: none;
}
 .help-level span.fa {;
	padding-right: 10px;
}
.help-level.help-level-content.helpContent ul li{
	list-style: square;
}
.quick-search-border-help {
	border: 1px solid #DDD;
	border-radius: 4px;
	padding: 1px 2px;
	font-size: 0.9em;
	text-align: left;
}
#quick-search-help input {
	border: 0;
	background-color: #FFF;
	padding: 4px 0px 4px 0px;
}

#quick-search-help button {
	border-radius: 0 4px 4px 0;
	color: #FFF;
	border: 0;
	padding: 6px;
}
.help-accordion .help-level>li>a {
	display: block;
	padding: 8px 10px 8px 10px;
	margin-bottom: 1px;
	position: relative;
	background-color: #ecf0f1;
}
/**** Table ****/
.main-container table {
	margin-bottom: 25px;
	font-size: 1em;
}
table,tr, th, td {
	vertical-align: top;
}
.main-container table tbody tr td {
	padding: 5px;
}
.main-container table>thead>tr>th {
	border-right: 1px solid #fff;
}
/**** Display notice ****/
.main-container #fullDocument #docToc {
	margin-left: 20px;
	list-style-type: none;
}
.main-container #docContent #docToc li {
	display: inline;
	margin-right: 8px;
}
.main-container div.noBg {
	background: none;
}
.main-container .documentDiv {
	border: 1px solid #ccc;
	border-top: none;
	margin-top: -2px;
	background: url('../images/pixel.gif') 0px 1px no-repeat;
	padding-top: 5px;
}
.main-container #docContent .mlioccur .txtmark, #mainContent #docContent .grseq .mlioccur .txtmark {
	margin-left: 50px;
	padding: 0;
}

.main-container .documentDiv #docContent {
	padding: 20px 30px 30px 30px;
}
.main-container .documentDiv .docAction{
	padding-left: 10px;
	margin:5px;
}
#boxComponent {
	z-index: 7546;
	margin-left:10%;
	top: 20%;
	position: fixed;
	max-width:80%;
	min-width:10%;
	border-radius:5px;
}
.boxComponent  .bottom .btn{
	margin-left: 25%;
}
.main-container div ul.tree {
	display: block;
	list-style: none;
}
.main-container .searchSelection{
	background-color: #ecf0f1;
	border: 1px solid #DDD;
	display: block;
	margin-bottom: 10px;
	padding: 5px;
}
.main-Container .searchSelection .selection li {
	display: inline;
}
.main-Container .searchSelection ul.selection {
	margin-left: 2%;
	margin-top: 3px;
	margin-bottom: 3px;
}
.main-container .dropdown-menu>li>a:hover, .main-container .dropdown-menu>li>a:focus {
    background-color: rgb(51,153,255);
	color: white;
}
#facets ul{
	list-style: none;
	margin-left: -30px;
	font-size: 0.80em;
}
.well{
	margin-bottom: 5px;
	padding:8px;
	font-size: 1em;
}
.main-Container hr.greenLine{
	clear: none;
	margin-top: 12px;
	border-bottom: 1px solid #22BB22;
}
/*Result nav Display notice*/
#resultNav li a label.glyphicon {
	color:black;
}
#resultNav li a{
	padding:0;
	margin-right: 2px;
	margin-left: 2px;
}
#resultNav li a:hover{
	background-color:transparent;
}
.register ul{
	list-style: none;
}
input.error, select.error, 
textarea.error {
	box-shadow : 0 0 0 1px red;
}
.pickButton{ /*pickRefData when Js is disabled*/
	background-color: #FFF;
	border-radius:0 3 3 0!important;
}

/*JS Container*/
div.jsContainer h3{
	border:none!important;
	color:white!important;
}
div.jsContainer .checkbox{
	display: inline!important;
	vertical-align: middle;
	margin-right: 5px;
}
/***** CSS override boostrap's css ******/
/*Override bootstrap label style for the checkbox's label*/
.register .checkbox label{
	font-weight: bold;
}
/*Css to prevent combobox/textarea to be more long of the screen*/
.main-Container select, .main-Container textarea{
	max-width: 100%;
}
#search .input-group .form-control:not(:first-child):not(:last-child){
	border-radius:4px 0 0 4px;
}
/*Css treeField checkbox (when Js is disabled) (Override bootstrap style -> display:block)*/
.treeFieldset .checkbox{
	min-height: 0px;
	display: inline-block;
}
.control-label-left{
	padding-top: 7px;
}
.hideBorder{ /*For glyphicons in button*/
	border: 0;
	background-color: transparent;
}
.form-horizontal .form-group{
	margin-left: 0;			/*Add space before form-group; By default in bootstrap : -15px */
}
.form-horizontal .form-group .formLabel {
	text-align: left;
	width: 15%;
}
.form-horizontal .form-group .formInfo {
	margin-left: 15%;
}
.form-horizontal .form-group .formButtons {
	margin-left: 0;
}

.publications-dark-blue{color:#039;}

[aria-hidden="true"] { 
	/* This is hiding (still keep same size) visibility: hidden; */
	display: none; }

/* can still be seen by screen reader */ 
.offscreen
{
position: absolute;
clip: rect(1px 1px 1px 1px); /* for Internet Explorer */
clip: rect(1px, 1px, 1px, 1px);
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
}

#admin h1 {
	font-size: large;
}

#admin h2 {
	font-size: small;
}

#admin h2:last-child {
	margin-bottom: 20px !important; 
}

.right-label {
	margin: 0px !important;
	padding-left: 5px; 
}
 
.heading-content-2 {
	font-size: 1.5em;
	font-weight: 500;
}

.form-control {
	padding:6px 12px 6px 12px;
}
.searchUser label {
	margin-top:10px;
}

.padding-7 {
	padding:7px;
}

.padding-left-15 {
	padding-left: 15px;
}

.no-underline-not-focused {
	text-decoration: none;
}

.valign-middle {
	vertical-align: middle;	
}

.bigger-text {
	font-size:1.1em;
}


.biggerer-text {
	font-size:1.2em;
}

#leftTree a {
	color: #444;
}

#filterTree a {
	color: #444;
}

.no-border {
	border: 0px;
}

.no-background {
	background: none;
}

.no-padding-left {
	padding-left:0px;
}

.red {
	color:#FF2222 !important;
}

.no-margin-bottom {
	margin-bottom: 0px !important;
}

.valign-top {
	vertical-align: top;	
}

.valign-text-top {
	vertical-align: text-top;	
}

.margin-left-10 {
	margin-left: 10px !important;
}


.margin-left-25 {
	margin-left: 25px !important;
}

.input-group-addon-search-plus {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 0px none #CCC;
	border-radius: 4px !important;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	padding: 0px;
	
}
.input-group-addon-search-plus:hover {
background-color: #EEE;
}

.input-group-addon-search {
	border: 1px solid #CCC;
	border-radius: 4px;
	padding: 0px;
	background-color: #FFF;
}

.input-group-addon-search:hover {
	background-color: #EEE;
}

.button-icon {
    background: white none repeat scroll 0 0;
    border: 1px solid #999;
    border-radius: 3px;
    color: #36c;
    font-size: 15px;
    line-height: 0;
    margin: 5px;
    padding: 2px !important;
    text-decoration: none;
}

.button-icon:hover {
    background: #5599FF;
    border: 1px solid #5599FF;
    color: white;
}
	
.button-search-plus {
	border:0px;
	background: none;
	font-size: 1em;
	color:#36C;
	padding-top: 3px;
}

.button-search-plus:focus {
	color: darkblue;
}

.icon-calendar-search {
	padding:2px 1px 0px 8px;
	color:#36C;
}

.ted-blue {
	color:#36C;
}

.ted-blue-light {
	color:#59F;
}

.valign-sub {
	vertical-align: sub;
}

.ted-link {
	text-decoration: none;
	color:#36C;
}

*.ted-link:hover {
	text-decoration: underline;
	color:#59F;
}

.font-size-13 {
	font-size:13px;
}

.border-round {
	border: 1px solid #59F;
	border-radius: 4px;
}

.float-right {
	float: right;
}

.pagebanner {
	margin-bottom:10px;
	float:left;
}

.pagelinks {
	
}

.pager-number {
	border: 1px #CCC solid;
	padding: 0px 6px;
	display:table-cell;
	text-align: center;
	width: 25px !important;
	border-left: none;
}

.pager-number-link {
	text-decoration: none;
}

.margin-top-25 {
	margin-top:25px;
}

.page-icon {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* other common part */
	text-decoration: none;
	vertical-align: middle;
	padding:2px;
	border: 1px solid #CCC;
	color:#36c;
	display:table-cell;
	width: 25px !important;
	text-align: center;
}



.pageprev {
    text-decoration: none;
    border-left: none;
}

.pagenext {
    text-decoration: none;
    border-left: none;
}
.pagefirst {
    text-decoration: none;
     border-radius: 5px 0 0 5px ;
}

.pagelast {
    text-decoration: none;
    border-radius: 0 5px 5px 0;
    border-left: none;
}

.pageprev-icon:before {
	text-decoration: none;
    content: "\e913";
}

.pagenext-icon:before {
	text-decoration: none;
    content: "\e915";
}
.pagefirst-icon:before {
	text-decoration: none;
    content: "\e914";
}

.pagelast-icon:before {
	text-decoration: none;
    content: "\e917";
}

.page-number-selected {
	background-color: #DDD;
}

.refine-search {
	background-color: white;
	border-color: #CCC;
}


.searchSelection {
	overflow: auto;
}
#searchSelection dt {
  float: left;
  clear: left;
  margin-right: 5px;
  font-weight: bold;
}

#searchSelection dd {
  margin-left: 5px;
  float:left;
  border
}

.searchCriteriaBut {
	border:1px solid #CCC;
	margin: 1px;
	padding:0px 0px 0px 5px;
	color: #36C;
	background-color: #FFF;
	border-radius:3px;
}

.searchCriteriaBut:hover, .searchCriteriaBut:focus {
	color: #C00;
	text-decoration: line-through;
}

.searchCriteriaBut:after {
	content: "\e920";
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size:xx-small;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-left: 2px;
	margin-right: 5px;
}

.text-upper {
	text-transform: uppercase;
}

.margin-bottom-15 {
	margin-bottom: 15px !important;
}

.margin-right-10 {
	margin-right:10px;
}

.nowrap {
	white-space: nowrap;
}

.descriptionDetail{
	padding-left:  15px;
	display:block;
}

.help-block {
    margin-bottom: 0px;
}

.searchButton {
	background: none;
	border: none;
	vertical-align: text-top;
}

.tooltipted {
    position: relative;
    display: inline-block;
}

.tooltipted .tooltiptextted {
    visibility: hidden;
    width: 240px;
    background-color: #2c862d;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 10;
    bottom: 150%;
    left: 50%;
    margin-left: -120px;
}

.tooltipted .tooltiptextted::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.tooltipted:hover .tooltiptextted {
    visibility: visible;
}

.tooltiptextted {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",Arial, sans-serif;
}

.radio-inline, .checkbox-inline {
    vertical-align: inherit;
}

a.icon-link {
	text-decoration: none;
}

#leftTree a.icon-link:focus, #leftTree span.icon-plus-square-o:focus, #leftTree span.icon-minus-square-o:focus,
#filterTree a.icon-link:focus, #filterTree span.icon-plus-square-o:focus, #filterTree span.icon-minus-square-o:focus {
	color: #36c;
}

.input-xs {
  height: 30px;
  padding: 2px 5px;
  font-size: 12px;
  line-height: 1.5; /* If Placeholder of the input is moved up, rem/modify this. */
  border-radius: 3px;
}

#notice td a:visited {
    color: #551A8B;
}

#signedAs {
	margin-bottom: 5px;
}

#searchTextHelp {
	box-sizing: border-box;
	width: 55%
}

.form-horizontal {
    margin-bottom: 10px;
}

.word-wrap-bw {
	word-wrap: break-word;
}

.ui-autocomplete-loading {
	background: white url("../images/ui-anim_basic_16x16.gif") right center no-repeat;
}

.footer-issn {
	float: right;
	margin-right: 25px;
}

.permaLink {
	width: 100%;
	margin-bottom: 10px;
}

.permaLink:last-child {
	margin-bottom: 0px;
}

.editable-content {
	outline: #36C dashed 3px;
}

.edit-content-link {
	color: #36C;
	margin-top: 5px;
	margin-right: 5px;
	position: relative;
	float: right;
}

#hamburger-nav {
	display: none;
}

.btn-circle {
	width: 30px;
	height: 30px;
	text-align: center;
	padding: 6px 0;
	font-size: 12px;
	line-height: 1.428571429;
	border-radius: 15px;
}

.additionalTr {
	display: none;
}

#notice tr td:last-child, #notice tr th:last-child {
	display : none;
}

.facet_criterion_menu {
	position: absolute; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 5%;
	width: 90%; /* Full width */
	background-color: rgb(255, 255, 255); /* Fallback color */
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;
	box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

.facet_criterion_menu .close {
	margin:5px;
}

.btn-small {
	width: 20px;
	height: 20px;
	padding: 1px;
	border-radius: 10px;
}

.circle{
	border:2px solid #36c;
	width:18px;
	height:18px;
	border-radius:100%;
	position:relative;
	display:inline-block;
}
.circle.plus:before,
.circle.plus:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background:#36c;
}
.circle.plus:before{
	width: 2px;
	margin: 2px auto;
}
.circle.plus:after{
	margin: auto 2px;
	height: 2px;
}

.facet-criterion-menulist {
	list-style-type: none;
}

div.sbkm.wt.wt-sbkm {
	display:inline-block;
	padding:0px;
	width:fit-content;
	height:25px;
	vertical-align: bottom;
}

div.sbkm.wt.wt-sbkm a {
	font-size:10px;
}

div.sbkm.wt.wt-sbkm a::before {
	font-family: 'icomoon' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	content: "\e931";
	padding-right: 3px;
}


@media screen and (max-width: 992px) {

	.overflow-dashboard{
		overflow-x: auto;
		width: 100%;
	}

	.logo-right, .op-header .op-site-subtitle {
		display : none;
	}

	/* Hide the description and deadline columns from notice table on small devices */
	#notice tr td:nth-child(3n+0), #notice tr th:nth-child(3n+0) {
		display:none;
	}

	#notice tr td:last-child, #notice tr th:last-child {
		display : table-cell;
	}

}
@media screen and (max-width: 770px) {
	.no-margin-bottom-sm{
		margin-bottom: 0px;
	}

	.input-row-sm{
		margin-bottom: 10px;
	}

}

@media screen and (max-width:767px) {
	#nav-menu {
		position: absolute; /* Stay in place */
		z-index: 10; /* Sit on top */
		left: 5%;
		top:100px;
		width: 90%; /* Full width */
		background-color: rgb(255, 255, 255); /* Fallback color */
		border-width:1px;
		border-style:solid;
		box-shadow: 1px 1px 8px #888888;
		padding-left: 10px;
		padding-right: 10px;
	}

	#next-update-text {
		display:none;
	}

	#hamburger-nav {
		display:block;
		float:right;
		height:100%;
		color:green
	}
}

@media screen and (max-width: 460px) {
	.op-h-nav li a, #quick-search-other, .breadcrumb.op-breadcrumb, .op-logo {
		display: none;
	}

	.logo-mini {
		margin-top:23px;
		display : inline-block;
	}
}

.ted-autocomplete-field-name {
    color:#36C;
    font-weight: bold;
}

.ui-state-active:hover .ted-autocomplete-field-name{
    color: white;
}

@media screen and (max-width: 370px) {
	#quick-search input{
		width: 220px;
	}
}
@media screen and (min-width: 370px) {
	#quick-search input{
		width: 280px;
	}
}
#quick-search input{
	height: 25px;
}

/* Hide the Title of notice columns from can reports table on small devices */
#preview_can tr td:nth-child(2), #preview_can tr th:nth-child(2) {
	display:none;
}

#preview_can tr td:last-child, #preview_can tr th:last-child {
	display : table-cell;
}