#limit{width:40px}
.standardsearchActions{ display:none; }
.main-content ul li { background-image:none!important;padding-left:0!important} 

.standards-loading-area { width: 100%; border-top: 1px solid #ddd;}
.loading-icon { width: 200px; height: 55px; margin: 0 auto; margin-top: 60px; margin-bottom: 30px; text-align: center;}
.loading-icon img { margin-bottom: 15px;}
.loading-slug { color: #848D93; opacity:0.5; }
.lazy-loading {float:left; width: 100%; border-top: 1px solid #ddd;}
.lazy-loading .loading-icon { width: 200px; height: 30px; margin: 0 auto; margin-top: 30px; margin-bottom: 40px; text-align: center;}
.lazy-loading .loading-icon img { height: 100%}
.lazy-loading{display:none}

/* STANDARDS PAGE */

.results-figure {font-size: 12px; color: #999; float: right; font-weight: normal; margin-bottom: 8px;}
/* TOP */

.standards-results { clear: both;}
.standards-results-check { border-right:1px solid #d4d7d9; display:block; float: left; width: 50px; text-align: center; height: 100%; }
.standards-results-check input { margin-top: 13px;}
.standards-results-check input:hover {cursor: pointer;}

.download-all-button,
.export-list-button { display: block; float: left; margin: 10px 0 0 15px; border-radius: 2px; background:#d4d7d9; border: 0; color: #fff; font-size: 9px; text-shadow:none; padding: 0;line-height:10px; height: 20px;}

.download-all-button .button-icon, .export-list-button .button-icon { display: inline-block; width: 23px; height: 20px; border-right:1px solid rgba(255,255,255,0.3); margin-right: 0px; float: left; background: url(/wp-content/themes/etsi/standards/images/export-icon.png) no-repeat center center; background-size: 20px 20px;}
.download-all-button .button-icon {background: url(/wp-content/themes/etsi/standards/images/zip-icon.png) no-repeat center center; background-size: 20px 20px;}

.download-all-button span,
.export-list-button span { float: left; padding: 6px 8px 0px 8px;}

.download-all-button.active:hover { cursor: pointer; opacity: 0.8;}
.export-list-button.active:hover { cursor: pointer; opacity: 0.8;}

.download-all-button.active { background: #f39c12;}
.export-list-button.active { background: #007dc3; }

/* SEARCH MENU */

.standards-search { padding: 0 17px 20px 17px; border: 1px solid var(--black);}
.standards-search h3 { margin-left: -17px; margin-right: -17px; padding: 10px 17px; border-bottom: 1px solid var(--black); }

.standards-search label { font-size: 0.875rem; line-height: 130%; display: flex; gap: 5px; align-items: flex-start; padding: 0 0 8px 0; }
.standards-search label:hover { cursor: pointer;}

.standards-search label.standards-search-select-multi { flex-wrap: wrap;font-weight: 500;}
.standards-search label.standards-search-date { flex-wrap: wrap; font-weight: 500; }
.standards-search label.standards-search-date input, #standardsSearchsearch { font-weight: normal; width: 100%; border: 1px solid rgba(0, 0, 0, 0.15); padding: 5px; font: inherit; font-size: 0.875rem; }
#standardsSearchsearch { padding-left: 10px; padding-right: 10px; }

.standards-search hr { border-top: solid #ddd 1px;	clear: both; margin: 10px 0; height: 0px; background:0; }

.standards-search h5 { font-size: 1rem; color: var(--black); padding: 10px 0 10px 0; }

i.status-stamp {display: inline-block; margin:0 0 0 20px; font-size: 12px;}

i.status-stamp.hist {color: #a04242;}
i.status-stamp.aprv {color: #dca90e;}
i.status-stamp.publ {color: #69972e; color: var(--blue); font-weight: bold;}

i.status-dot { width: 6px; height: 6px; display: inline-block; margin:-2px 0 0 2px; margin: 7px 0 0 2px; border-radius: 50%; background: #ccc;}

i.status-dot.hist {background: #a04242;}
i.status-dot.aprv {background: #dca90e;}
i.status-dot.publ {background: #69972e;}

.list-group { margin: 0; padding: 0; gap: 10px 0;}
.list-group ol, .list-group ul { margin: 15px 0 0 0 !important;}
.list-group-item { background: #f6f6f6 !important; border-color: #f6f6f6 !important; border-left: 7px solid var(--standards-red) !important; }
#standardsResults p.pt-3 { padding-bottom: 0;}

.list-group-item .col-5.col-md-4.d-flex { justify-content: flex-end; }

.standards-search input[type="text"] { 
width: -moz-calc(100% - 12px);
width: -webkit-calc(100% - 12px);
width: calc(100% - 12px);
font-size: 11px;
margin: 0 0 10px 0;
padding:8px 5px;}

.btn { background: #f2f2f2;}
.standards-search select {  width: 100%; font-size: 0.688rem; margin: 0 0 15px 0; padding: 8px 5px; border: 1px solid rgba(0, 0, 0, 0.15); height: 100px;}

.standards-search .filter-standards-button, .fsubmit input { font: inherit; width: 100%; cursor: pointer; margin-top: 10px; background: var(--blue); border: 1px solid var(--blue); color: #fff; padding: 8px 20px;}
.standards-search .filter-standards-button:hover, .fsubmit input { opacity: 0.8;}
.standards-search .filter-standards-button[type="reset"] { background: var(--black); border-color: var(--black); }
		
.main-content ul li, .search-browse-menu li {
  background-image: none !important;
}
.search-browse-menu li { padding: 0 0 0 0 !important; }

.list-group-item a:not(.btn) { color: var(--blue); color: var(--black); text-decoration: none;}
.list-group-item a:not(.btn):hover { text-decoration: underline;}
.list-group-item .row .col-7 .mr-auto.pt-1 { margin-left: 25px !important; font-size: 1.1rem;}
.list-group-item .row .col-12 .row .col-12 span { display: inline-flex; margin-top: 10px; align-items: center; font-size: 0.75rem; line-height: 140%; padding: 4px 10px !important; 		border: none !important; padding: 6px 12px !important; }
.list-group-item .row .col-12 .col-12 .update-details { margin-left: -15px; margin-right: -15px; padding: 10px 0 0 0;}

/* SEARCH & BROWSE PAGE 

____________________________________________________________________________________________________*/

/* SEARCH */

.main-search { margin-bottom: 35px; }

.main-search input[type="text"] { width: 100%;
min-height: 38px;
line-height: 24px; border: 1px solid var(--blue); padding: 14px 22px; font: inherit; font-weight: 600; color: var(--blue); }

.main-search button.main-search-button { 
border:0;
width: 100%;
background: var(--blue);
color: #ffffff;
text-align: center; height: 100%;  align-items: center; justify-content: center; padding: 10px; cursor: pointer; }

.main-search button.main-search-button:hover {  opacity: 0.8;}

/* PANELS */

.search-browse-menu {  margin: 0 0 45px 0; padding: 20px; display: flex; flex-direction: column; gap: 7px 0; border: 1px solid var(--black); }
.search-browse-menu h4 { padding: 10px 0; margin: 0 -20px; padding: 10px 20px; border-bottom: 1px solid var(--black);  border-top: 1px solid var(--black); width: calc(100% + 40px); }
.search-browse-menu li { margin: 0; padding: 0; background: 0; display: flex; align-items: flex-start;}
.search-browse-menu li a { text-decoration: none; display: flex; gap: 5px 10px; color: var(--black); }
.search-browse-menu li a:hover { text-decoration: underline;}

.search-browse-menu li .icon { display: block; background: #fff; border: 1px solid var(--black); width: 16px; height: 16px; min-width: 16px; margin: 5px 0 0 0; opacity: 1; float: left; z-index: 9999999; z-index: 1;}
.search-browse-menu li span { width: calc(100% - 26px);}

/*

.search-browse-menu li .icon-pre-defined {
	background: red;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background: url(/wp-content/themes/etsi/standards/images/predefined-icon.png) no-repeat;
	background-size: 16px 16px;
}

.search-browse-menu li.mustard.active .icon, .search-browse-menu li.mustard:hover .icon {background-color: #da9e29;}
.search-browse-menu li.lightGreen.active .icon, .search-browse-menu li.lightGreen:hover .icon {background-color: #8bc541;}
.search-browse-menu li.orange.active .icon, .search-browse-menu li.orange:hover .icon {background-color: #f05c27;}
.search-browse-menu li.purple.active .icon, .search-browse-menu li.purple:hover .icon {background-color: #8b54a1;}
.search-browse-menu li.blue.active .icon, .search-browse-menu li.blue:hover .icon {background-color: #00adee;}
.search-browse-menu li.darkGreen.active .icon, .search-browse-menu li.darkGreen:hover .icon {background-color: #279d62;}
.search-browse-menu li.yellow.active .icon, .search-browse-menu li.yellow:hover .icon {background-color: #ffc20e;}
.search-browse-menu li.pink.active .icon, .search-browse-menu li.pink:hover .icon {background-color: #eb008b;}
.search-browse-menu li.turquoise.active .icon, .search-browse-menu li.turquoise:hover .icon {background-color: #00a99d;}
.search-browse-menu li.red.active .icon, .search-browse-menu li.red:hover .icon {background-color: #c4151c;}
*/
.search-browse-menu li.active { font-weight: bold;}
.search-browse-menu li.active a, .search-browse-menu li:hover a { color: var(--blue); }
.search-browse-menu li.active .icon, .search-browse-menu li:hover .icon {  background: var(--blue);}

.panels{width:100%; padding: 20px; background: rgba(179, 76, 76, 0.07);}
.panels ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 0; padding: 0;}
.panels ul li { margin: 0; padding: 0;  }
.panels ul li a { display: flex; height: 100%; width: 100%; color: var(--black); text-decoration: none; padding: 10px 15px !important; border-bottom: 2px solid var(--black); border-right: 2px solid var(--black); }
.panels ul li a:hover { background: var(--black); color: #fff;}

ol li input{position:absolute;top:-1px;left: 23px; left: 12px;}

.ui-widget { font: inherit !important;}
.fsubmit { margin: 15px 0 0 0;}
.fsubmit input { width: auto; }
.ui-widget label { font-weight: bold;}
.ui-widget label[for="policy"] { font-weight: normal; font-size: 0.9rem; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font: inherit !important;}
.ui-widget-header { border: none !important; background: transparent !important;}

.ui-dialog-titlebar-close::before { content: "\00D7";  /* Unicode for × */ font-size: 20px; display: inline-block; line-height: 0; }

@media all and (min-width: 0px) and (max-width : 950px) {
	.panels ul { grid-template-columns: repeat(2, 1fr); }
}
@media all and (min-width: 0px) and (max-width : 670px) {
	.panels ul { grid-template-columns: repeat(1, 1fr); }
}