/* ORHC Cascade Style Sheet */

@charset "UTF-8";

/* Base Variables */
:root {
	--base-font-size: 14px;
	--base-font-color: black;

	--base-dark-bg-color: #006c37;
	--base-dark-font-color: white;
	
	--base-gray-bg-color: #cccccc;
	--base-gray-font-color: var(--base-font-color);

	--base-light-bg-color: white;
	--base-light-font-color: var(--base-font-color);

	--base-warning-bg-color: #ffc107;
	--base-warning-font-color: var(--base-font-color);
}

@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: var(--base-dark-bg-color); border-color: var(--base-dark-bg-color); 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: var(--base-dark-bg-color); font-weight: bold; text-decoration: none; }

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

	/* ORHC Page Tabs */
	#orTabs.nav.nav-tabs.rounded { border-bottom: solid var(--base-dark-bg-color)!important; border-radius: 0!important;}
	.nav-link { border-color: var(--base-dark-bg-color)!important; color: var(--base-dark-bg-color); }
	.nav-item > button.nav-link:hover { background-color: var(--base-gray-bg-color) ;  color: var(--base-dark-bg-color);  font-weight: bold;}
	.nav-item > button.nav-link.active  { background-color: var(--base-dark-bg-color) ; color: white; }

	/* Hyperlinks in normal text */
	a { color:var(--base-font-color); font-weight:bold; text-decoration:none; }
	a:link { color:var(--base-font-color); text-decoration:none; }
	a:visited { color:var(--base-font-color); text-decoration:none; }
	a:active { color:red; text-decoration:underline; }
	a:hover { color:red; text-decoration:underline; }
	a.btn, a.btn:focus { font-weight:bold; text-decoration:none!important; }

	/* 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:var(--base-dark-bg-color); border-radius: 6px; 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:var(--base-dark-bg-color); padding:2px; }
	h4 { background-color:var(--base-gray-bg-color); border-radius: 6px; color:var(--base-font-color); font-size:110%; padding:4px; }
	h5 { font-weight:bold; font-size:100%; }

	blockquote { margin-left: 15px; padding-left: 10px; border-left: 5px solid #ccc; color: #555; font-style: italic; }

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

	.modal-title { background-color:white;  color:var(--base-dark-bg-color); } 

	.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; }
	.bi-white { color:white!important; } 

	#svgdefs { position: absolute; width: 0; height: 0; overflow: hidden; }	
	.icon { fill: var(--base-dark-bg-color); width: 1rem; height: 1rem; }
	.icon-lg { fill: var(--base-dark-bg-color); width: 1.5rem; height: 1.5rem; }
	.icon-xl { fill: var(--base-dark-bg-color); width: 2rem; height: 2rem; }

	/* Popover */
	.popover { background-color:var(--base-gray-bg-color); border-color:var(--base-dark-bg-color); border-radius: 6px; border-width:3px; max-width: 90%; min-width: 30%; } 
	.popover-header { background-color:var(--base-warning-bg-color); border-radius: 0px!important; color:black; font-size:100%; margin-top: 0px; margin-bottom: 0px;}
	.popover-body { margin:0px; padding:0px; } 
	.popover-content { background-color:var(--base-light-bg-color); font-size:100%; margin:0px; padding:5px; width:100% } 
	.popover-footer  { background-color:var(--base-gray-bg-color); margin:0px; padding:5px; width:100% }

	.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before { border-top-color:var(--base-dark-bg-color) !important; }
	.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before { border-bottom-color:var(--base-dark-bg-color) !important; }
	.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before { border-left-color:var(--base-dark-bg-color) !important; }
	.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before { border-right-color:var(--base-dark-bg-color) !important; }

	/* 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:var(--base-dark-bg-color); 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: var(--base-dark-bg-color); }
	i[data-bs-toggle="tooltip"] { color: var(--base-dark-bg-color); }

	/* Larger Switch scaling not provided */
	.form-switch.form-switch-lg, .form-switch.form-switch-xl { align-items: center; display: flex; padding-bottom:3px; } 
	.form-switch.form-switch-lg .form-check-label, .form-switch.form-switch-xl .form-check-label  { font-weight:bold; }
	.form-switch .form-check-input:checked { background-color: var(--base-dark-bg-color); border-color: var(--base-dark-bg-color); }
	.form-switch.form-switch-lg .form-check-input { height: 2rem; width: calc(3rem + 0.75rem); border-radius: 4rem; }
	.form-switch.form-switch-xl .form-check-input { height: 2.5rem; width: calc(4rem + 0.75rem); border-radius: 5rem; }
	
	/* Sun Editor */
	.sun-editor-editable, .se-btn-module, .se-btn-list, .se-placeholder { font-family: var(--bs-body-font-family)!important; font-size: var(--bs-body-font-size)!important; }
	.se-placeholder { font-style: italic; }
	.se-wrapper { resize: vertical!important; }
	.sun-editor.se-theme-or, .sun-editor.se-theme-or_valid { 
		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-position: right calc(0.35em + 0.1rem) center;
		background-repeat: no-repeat;
		background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
		border-radius: var(--bs-border-radius)!important;
		border-color: var(--bs-form-valid-border-color)!important; 
		overflow: scroll;
		padding-right: var(--se-edit-inner-padding);
	}
	.sun-editor.se-theme-or_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");
		background-position: right calc(0.35em + 0.1rem) center;
		background-repeat: no-repeat;
		background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
		border-radius: var(--bs-border-radius)!important;
		border-color: var(--bs-form-invalid-border-color)!important; 
		overflow: scroll;
		padding-right: var(--se-edit-inner-padding);
	}

	/* Dropzone File Upload */
	div.files > .d-flex:hover, div.files > .d-md-flex:hover { background-color: var(--base-gray-bg-color); }
	.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: var(--base-dark-bg-color)!important; cursor: pointer; };
	.fc .fc-toolbar-title { background-color:white; color:var(--base-dark-bg-color); }
	.fc .fc-button-primary { background-color: var(--base-dark-bg-color)!important; }
	.fc-addButton-button.fc-button.fc-button-primary { background-color: var(--base-warning-bg-color)!important; color: var(--base-font-color); }


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

	div.dt-container:first-child { background-color: var(--base-gray-bg-color)!important; padding: 1px;}*/

	table.dataTable td.dt-left { text-align: left!important; }
	.orAction_link { cursor: pointer; font-weight: bold; position:relative; }

	table.dataTable tbody .list-group-item { background-color: inherit!important;}
	input.cell-edited, select.cell-edited { background-color: var(--base-warning-bg-color)!important; font-weight: bold!important; opacity: 0.6; }
	div.cell-edited .form-check-input, .cell-edited .form-check-input:focus {border-color: var(--base-warning-bg-color)!important; border-width: 5px!important; }
	div.btn-group.cell-edited {background-color: var(--base-warning-bg-color)!important; }
	.row-edited { background-color: var(--base-warning-bg-color)!important;}

	/* Remove Bootstrap's green validation borders and checkmarks from DataTables controls */
	.was-validated .dt-search input:valid,
	.was-validated .dataTables_filter input:valid,
	.was-validated .dt-length select:valid,
	.was-validated .dataTables_length select:valid {
		border-color: #ced4da !important; /* Resets to Bootstrap's standard gray border */
		background-image: none !important; /* Deletes the checkmark icon */
		box-shadow: none !important; /* Removes any green glow if focused */
	}

	/* Retain the default dropdown arrow icon for the page length selector */
	.was-validated .dt-length select:valid,
	.was-validated .dataTables_length select:valid {
		background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") no-repeat right 0.75rem center/16px 12px !important;
	}

	/* 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: var(--base-gray-bg-color); }

	/* AutoComplete.js */
	.mark, mark { padding:0!important; }
	.autoComplete_wrapper > ul { border-color:var(--base-gray-bg-color)!important; color:var(--base-font-color)!important; }

	/* 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; }
}