/*******
 * @package xbMaps Component
 * @version 1.2.1.3 21st February 2023
 * @filesource media/css/xbmaps.css
 * @author Roger C-O
 * @copyright Copyright (c) Roger Creagh-Osborne, 2021
 * @license GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
 ******/
 
/* set height for editor:none if markdowne editor not available */
.js-editor-none textarea {
  height: 100px !important;
}

/* allow narrower labels in horizontal forms */
.form-horizontal.lbl100 .control-label {width:100px;}
.form-horizontal.lbl100 .controls {margin-left:115px;}
.form-horizontal.lbl50 .control-label {width:50px;}
.form-horizontal.lbl50 .controls {margin-left:60px;}

/* improve transparency on leaflet scale control */
.leaflet-control-scale-line {
	background: rgba(255, 255, 255, 0.75) !important;
}

/* replace the nasty default white on black tooltip style */
.tooltip > .tooltip-inner {
    background-color: #FFFFF0; 
    color: #2f2f2f; 
    border: 1px solid #3f3f3f;
    padding: 5px 10px;
    font-size: 1em;
}

/* reduce bootstrap modal opacity */
.modal-backdrop.in {opacity:0.6 !important;}

/* provide space for hint when selecting trackcolour in subform */
.trkcol  {width:150px !important;}

/* make file and folder controls wide enough for longer path */
.xbfilecontrol, .xbfoldercontrol {width:400px !important; }

/*hide default icon in admin toolbar */
.page-title>.icon-generic {display:none;}

/*adjust default margins round labels for tags and cats */
.label { margin:2px;}
.tags ul.inline > li {
	margin:0;
}

 /*give visual hint to presence of tooltips*/
.hasTooltip {
  	text-decoration-line: underline; 
	text-decoration-color: #a0a0a0;
	text-decoration-style: dotted; 
    text-underline-position: under;
}
.hasPopover {
  	text-decoration-line: underline; 
	text-decoration-color: #a0a0a0;
	text-decoration-style: dashed; 
    text-underline-position: under;
}
/* override the annoying default transparency on bootstrap tooltips */
.tooltip.in {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}

/* use an spacer custom button as a toolbar spacer (22px is minimum width*/
#toolbar-spacer .btn {
	visibility:hidden; width:22px;
}
 
/* make tab titles a bit more prominent */
ul.nav-tabs { 
	font-weight:bold;
	font-size:1.1em;
}
	
/*shade background of subform headings */
.subform-repeatable thead { 
	background-color:aliceblue;
}
.subform-repeatable .table th {
  font-weight:normal;
  font-style:italic;
}

/* style accordions */
.xbaccordion .accordion-heading {
	background-color:#eee;	
}
.xbaccordion .accordion-body {
	background-color:aliceblue;
}

/* additional badge/label colours with info(blue) success(green), warning(orange) important(red) */
.badge-yellow, .label-yellow {
	background-color: #ffff5f !important;
	color: #5f5f5f !important;
}
.badge-cyan, .badge-cyan {
	background-color: #cfffff !important;
	color: #5f5f5f !important;
	border: 1px solid #31708F;
}
.badge-mag, .badge-mag {
	background-color: #ffcfff !important;
	color: #5f5f5f !important;
	border: 1px solid #812c8F;
}
.badge-grey, .label-grey {
	background-color: #aaa !important;
	color: #fff !important;
}
.mapcnt, .mrkcnt, .trkcnt, .othcnt {
    border: solid 1px #31708f;
      color: #31708f !important;
}
.mapcnt { background-color: #deefef !important;  }           
.mrkcnt { background-color: #deefde !important;  }      
.trkcnt { background-color: #efdeef !important;  }      
.othcnt { background-color: #efefef !important;  }    

/* boxes with rounded corner border and gradient shading */
.xbbox {
	padding: 8px 7px 7px 15px;
	margin: 0 0 8px;
	list-style: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/* box 200px high with internal scroll */
.xbboxscroll200 {
	max-height:200px; 
	overflow-y:scroll;
}

/* colours for boxes */
.xbboxwht {
	background-color: #fefefe;
	border: solid 1px #ccc;
}
.xbboxyell {
	background-image: linear-gradient(#ffffff,#efefde);
	border: solid 1px #cc8;
}
.xbboxgrn {
	background-image: linear-gradient(#ffffff,#deefde);
	border: solid 1px #8a8;
}
.xbboxcyan {
	background-image: linear-gradient(#ffffff,#deefef);
	border: solid 1px #8aa;
}
.xbboxblue {
	background-image: linear-gradient(#ffffff,#e0e0ff);
	border: solid 1px #8aa;
}
.xbboxmag {
	background-image: linear-gradient(#ffffff,#efdeef);
	border: solid 1px #a8a;
}
.xbboxred {
	background-image: linear-gradient(#ffffff,#ff7f7f);
	border: solid 1px #b88;
}
.xbboxgrey {
	background-image: linear-gradient(#ffffff,#efefef);
	border: solid 1px #ccc;
}

/* general font size, margin,width and padding classes */
.xbtc {text-align:center;}
.xb15 { font-size:1.5em; }
.xb12 { font-size:1.2em; }
.xb11 { font-size:1.1em; }
.xb10 { font-size:1.0em; }
.xb095 { font-size:0.95em; }
.xb09 { font-size:0.9em; }
.xb085 { font-size:0.85em; }
.xb08 { font-size:0.8em; }
.xbnorm { font-weight: normal; }
.xbbold { font-weight: bold; }
.xbm0 { margin:0 !important; } /*flagged important as we want to override any template margins*/
.xbml10 { margin-left:10px; }
.xbml15 { margin-left:15px; }
.xbml20 { margin-left:20px; }
.xbmr10 { margin-right:10px; }
.xbmr15 { margin-right:15px; }
.xbmr20 { margin-right:20px; }
.xbmt2 { margin-top:2px; }
.xbmt10 { margin-top:10px; }
.xbmt16 { margin-top:16px; }
.xbmb8 { margin-bottom:8px; }
.xbmb12 { margin-bottom:12px; }
.xbpr20 { padding-right:20px }
.xbbb1 { border-bottom:solid 1px gray;}
.xbmh200 {max-height:200px; }
.xbmh300 {max-height:300px; }
.xbmh400 {max-height:400px; }
.xbmw400 {max-width:400px; }
.xbw50p {width:50px; }
.xbwid100 {width:100%; }
.xbw100 {width:100px;}
.xbyscroll { overflow-y:scroll;}

.xbilb20 {
	display:inline-block;
	margin-left:20px;
}

.xbhlt {
	background-color: yellow;
	color: #444;
}
.xbdim {
	background-color: #ccc;
	color: #888;
}
.xbnit {
	font-style:italic;
	font-weight:normal;
	padding-right:5px;	
}
.xbcredit {
	text-align:center;
	font-size:0.8em;
	font-style:italic;
}
.xbinfo:after {
	color:#44f;
	font-size:12px;
	font-weight:bold;
	content:"ⓘ"; /* relies on file being utf8 */
}
.xbmsgsuccess {
	color:#fff;
	background-color: #189735;
	padding: 3px 5px;
}

/* unordered list with no bullet and margins adjusted */
ul.xblist {
	margin: 0 0 9px 10px;
}
ul.xblist li {
	list-style-type: none;
}

/* definition list with term and definition on same line */
dl.xbdl dt{
  display: inline-block;
  font-style:italic;
  font-weight:normal;
  min-width: 100px;
}
dl.xbdl dd:before{
	content:' : ';
}
dl.xbdl dd {
  display: inline;
  margin: 0;
}
dl.xbdl dd:after{
  display: block;
  content: '';
}

/* leaflet classes */
.xbmarkerpop hr, .leaflet-popup hr { margin: 5px 0;}