/* ORHC Cascade Style Sheet */

@charset "UTF-8";

@media print {
	#footer { display:none; }
	#top { display:none; }
}

@media print, screen, projection {

	body { margin:1px; padding:2px; } 

	/* Divs */
	#footer, #copyright, .footer, .tag { clear:both; font-size:9px; text-align:center; width:100%; }

	/* ORHC Bootstrap Menu Cascade Style Sheet */
	/* Main Menu */
	.navbar-dark, .navbar-dark .dropdown-menu, .navbar-dark .dropdown-item  { background-color: #3f6e13; border-color: #3f6e13; color: white;}
	nav.navbar-dark>div>a.navbar-brand, #mainNavbar>ul>li>a.dropdown-toggle, #mainNavbar>ul>li>a.nav-link { color: white; font-weight: normal; }
	nav.navbar-dark>div> a.navbar-brand:hover, #mainNavbar>ul>li>a.dropdown-toggle:hover, #mainNavbar>ul>li>a.nav-link:hover { font-weight: bold; text-decoration: none; }
	#mainNavbar>ul>li>ul>a.dropdown-item:hover { font-weight: bold; text-decoration: none; }
	#mainNavbar>ul>li>ul>a.dropdown-item:active { background-color: white; color: #3f6e13; font-weight: bold; text-decoration: none; }

	/* Admin Menu */
	.navbar-light, .navbar-light .dropdown-menu, .navbar-light .dropdown-item { background-color: #ffc107; border-color: #ffc107; }
	nav.navbar-light>div>a.navbar-brand, #adminNavbar>ul>li>a.dropdown-toggle, #adminNavbar>ul>li> a.nav-link { font-weight: normal; }
	nav.navbar-light>div>a.navbar-brand:hover, #adminNavbar>ul>li>a.dropdown-toggle:hover, #adminNavbar>ul>li>a.nav-link:hover { font-weight: bold; text-decoration: none; }
	#adminNavbar>ul>li>ul>a.dropdown-item:hover { font-weight: bold; text-decoration: none; }
	#adminNavbar>ul>li>ul> a.dropdown-item:active { background-color: black; color: #ffc107; font-weight: bold; text-decoration: none; }
	

	/* ORHC Page Tabs */
	.nav-tabs, .nav-link, .tab-content.rounded.border { border-color: #3f6e13!important; color: #3f6e13; }
	.nav-item > button.nav-link:hover { background-color: #cccccc ;  color: #3f6e13;  font-weight: bold;}
	.nav-item > button.nav-link.active  { background-color: #3f6e13 ; color: white; }

	/* Hyperlinks in normal text */
	a { color:black; font-weight:bold; text-decoration:none; }
	a:link { color:black; text-decoration:none; }
	a:visited { color:black; text-decoration:none; }
	a:active { color:red; text-decoration:underline; }
	a:hover { color:red; text-decoration:underline; }


	/* Bring map or report links to foregroud  */
	a.map { cursor: pointer; position:relative; z-index: 99; } 


	/* Tags */
	p, ol, ul, li { text-align:justify; }
	table, tr, th, td { border-collapse: collapse; empty-cells:show; font-size:95%; } 
	img { border: 0; }
	
	h1, h2, h3 { background-color:#3f6e13; border-radius: 0.25rem; color:white; font-weight:bold; margin-top:3px; padding:3px;}
	h1 { font-size:130%;} 
	h2 { font-size:120%;}
	h3 { font-size:115%; background-color:white; color:#3f6e13; padding:2px; }
	h4 { background-color:#cccccc; border-radius: 0.25rem; color:black; font-size:110%; padding:4px; }
	h5 { font-weight:bold; font-size:100%; }

	/* Classes */
	.pointer:hover, .pointer-modal:hover, .pointer-url:hover { cursor: pointer; }
	.no-pointer:hover { cursor: default!important; }
	.orMap:hover { color:red; cursor: pointer; position:relative; z-index: 99; }

	.modal-title { background-color:#FFF;  color:#3f6e13; } 

	.card-header { font-weight:bold; padding: 2px; }
	.card-body { padding: 2px; min-height: 10px; }

	/* SVG Bootstrap Icon Magnification */
	.bi-lg { font-size: 1.5rem; } 
	.bi-xl { font-size: 2rem; } 
	.bi-xxl { font-size: 2.5rem; } 

	#svgdefs { position: absolute; width: 0; height: 0; overflow: hidden; }	
	.icon { fill: #3f6e13; width: 1rem; height: 1rem; }
	.icon-lg { fill: #3f6e13; width: 1.5rem; height: 1.5rem; }
	.icon-xl { fill: #3f6e13; width: 2rem; height: 2rem; }

	/* Popover */
	.popover { min-width: 30%; max-width: 90%; } 
	.popover-header { font-size:100%; background-color:#3f6e13; color:white; }
	.popover-body { font-size:100%; background-color:#cccccc; }

	/* Colours */
	.bg-black { background-color:black; padding: 3px; }
	.bg-blue { background-color:blue; padding: 3px; }
	.bg-cyan { background-color:cyan; padding: 3px; }
	.bg-gray { background-color:gray!important; padding: 3px; }
	.bg-green { background-color:#3f6e13; padding: 3px; }
	.bg-red { background-color:red; padding: 3px; }
	.bg-white { background-color:white; padding: 3px; }

	/* Drag & Drop */
	div[droppable="true"] { margin-bottom: 8px; min-height: 180px;  padding: 2px; }
	div[draggable="true"] { background-color:white; cursor: move; margin: 5px; min-height: 10px; padding: 2px; }
	[id^="Not_Known_"] { background-color: #0b360fa9; }
	[id^="Available_"], [id^="Squad_Available_"], .Available, Squad_Available { background-color: #dbf8388c; }
	[id^="Not_Available_"] { background-color: #2904046b; }
	[id^="Selected_"] { background-color: #1a5bbb8c; }
	[id^="Selected_Not_Playing_"] { background-color: #bb0f0f8c; }
	[id^="Deleted_"] { background-color: #31232354; text-decoration: line-through; }
	.over { border: 2px dashed #000; }
	.deleted { text-decoration: line-through; }
	.selectable { cursor: pointer;  }
	.drag-selected { background-color:black!important; border: 2px solid #000; color:white!important; }
	.selected { background-color:#15bb0f8c!important; }

	/* Formatting to expand dynamic containers */
	.container, .container-fluid { margin: 0px; max-width: 100%; padding: 0px; }

	/* Forms */
	form .form-label, .col-form-label, .form-floating > label { color: #3f6e13; }
	i[data-bs-toggle="tooltip"] { color: #3f6e13; }

	/* Larger Switch scaling not provided */
	.form-switch .form-check-input:checked { background-color: #3f6e13; border-color: #3f6e13; }
	.form-switch.form-switch-lg { margin-bottom: 1.5rem; }
	.form-switch.form-switch-lg .form-check-input { height: 2rem; width: calc(3rem + 0.75rem); border-radius: 4rem; }
	.form-switch.form-switch-xl { margin-bottom: 2rem; }
	.form-switch.form-switch-xl .form-check-input { height: 2.5rem; width: calc(4rem + 0.75rem); border-radius: 5rem; }


	/* Quill Bubble Editor - invalid and valid copied from Bootstrap */
	.ql-container { font-family: inherit!important; font-size: inherit!important; }
	.ql-editor { padding: inherit!important; }
	.ql-wrapper.invalid { 
		border-color: var(--bs-form-invalid-border-color)!important; 
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
	}
	.ql-wrapper, .ql-wrapper.valid { 
		border-color: var(--bs-form-valid-border-color)!important; 
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
		background-repeat: no-repeat;
		background-position: right calc(0.375em + 0.1875rem) center;
		background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
		min-height: 100px!important;
		overflow:scroll;
		padding-right: calc(1.5em + 0.75rem);
		resize: vertical!important; 
	}
	.ql-bubble .ql-editor.ql-blank::before { left: 5px!important; margin-top: 0.6em!important; }
	.ql-bubble .ql-tooltip, .ql-bubble .ql-picker-options { background-color: #3f6e13!important; z-index: 999!important; }
	.ql-snow .ql-editor.ql-blank::before { left: 0px!important; margin-top: 0.6em!important; }
	.ql-container.ql-snow { border: none!important; }
	.ql-editor p { margin-top: 0.6em!important; margin-bottom: 0.6em!important; }
	.ql-toolbar.ql-snow { border: none!important; border-bottom: inherit!important; }


	/* Dropzone File Upload */
	div.files > .d-flex:hover, div.files > .d-md-flex:hover { background-color: #cccccc; }
	.dropzone, .dz-message, .original-files { margin-bottom: 10px!important; margin-top: 10px!important; min-height: 30px!important; padding: 5px!important; }

	/* Full Calendar */
	td.fc-list-event-time:hover, td.fc-list-event-graphic:hover, td.fc-list-event-title:hover,
	div.fc-event-title-container, div.fc-daygrid-event-harness { cursor: pointer; } /* needed to get pointer for events */
	a.fc-event:hover, a.fc-event:hover > div.fc-event-main > div.fc-event-main-frame > div.fc-event-title-container > div.fc-event-title  { cursor: pointer;  color:red; }
	.cancelled, a.fc-event.cancelled > div.fc-event-main > div.fc-event-main-frame > div.fc-event-title-container > div.fc-event-title { text-decoration: line-through!important; }
	.fc-event-title-container { background-color: #3f6e13!important; cursor: pointer; };
	.fc .fc-toolbar-title { background-color:white; color:#3f6e13; }
	.fc .fc-button-primary { background-color: #3f6e13!important; }
	.fc-addButton-button.fc-button.fc-button-primary { background-color: #ffc107!important; color: black; }


	/* Data Tables */
	div.dataTables_filter label { max-width: 100%; }
	div.dataTables_filter input.form-control { width: 100%; }	

	/* Cookie Control Fix */
	h2#ccc-title, h3#ccc-necessary-title, h3.optional-cookie-header { background-color: #f4f4f4; }

	/* Form Checkbox and Radio - Helps differentiate from active / checked buttons */
	label.btn-outline-secondary:hover { background-color: #cccccc; }


	/* Twitter */
	p.timeline-Tweet-text {
		font-size: 12px!important;
		line-height: 20px!important;
	}

	/* Diff.js formatter */
	del { background: #f3bfba!important; color: #b30000!important; text-decoration: strikethrough!important; }
	ins { background: #d8e2a5!important; color: #406619!important; text-decoration: none!important; }
}