*, ::after, ::before {
    box-sizing: border-box;
}

body { 
	font-family: verdana; 
	line-height: 1.6; 
	margin: 20px; 
}

p {
	margin-top: 0;
	margin-bottom: 1rem;
	display: block;
	font-size: 12px;
}

a {
	color: #0000FF;
	text-decoration: none;
}

a:hover {
	color: #FF0000;
	text-decoration: underline;
}

table {
	display: table;
	text-indent: initial;
	border-spacing: 2px;
	border-color: gray;
}

thead {
	display: table-header-group;
	vertical-align: middle;
	border-color: inherit;
}

th {
	text-align: inherit;
}

tbody {
	display: table-row-group;
	vertical-align: middle;
	border-color: inherit;
}



.admonition {
	display: block;
	padding: 1rem 1rem 0 1rem;
	margin-bottom: 1rem;
	color: #c09853;
	background-color: #fcf8e3;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	border-radius: 12px; 
	margin-right: 25px;
	margin-left: 25px;
	text-align: left;
}

.admonition p {
	display: block;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}

.admonition.warning>.admonition-title:before, .admonition.caution>.admonition-title:before, .admonition.attention>.admonition-title:before {
		content: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23c09853" viewBox="0 0 16 16"><path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/></svg>');
}

.admonition.danger, .admonition.error {
		color: #b94a48;
		background-color: #f2dede;
}

.admonition.danger>.admonition-title:before, .admonition.error>.admonition-title:before {
		content: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23b94a48" viewBox="0 0 16 16"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/></svg>');
}

.admonition.note, .admonition.important {
		color: #468847;
		background-color: #dff0d8;
}

.admonition.note>.admonition-title:before, .admonition.important>.admonition-title:before, .admonition.greentext>.admonition-title:before {
		content: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23468847" viewBox="0 0 16 16"><path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm8.93 4.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM8 5.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/></svg>');
}

.admonition.info, .admonition.hint, .admonition.tip {
	color: #3a87ad;
	background-color: #d9edf7;
}

.admonition.info>.admonition-title:before, .admonition.hint>.admonition-title:before, .admonition.tip>.admonition-title:before {
		content: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%233a87ad" viewBox="0 0 16 16"><path d="M2 6a6 6 0 1 1 10.174 4.31c-.203.196-.359.4-.453.619l-.762 1.769A.5.5 0 0 1 10.5 13h-5a.5.5 0 0 1-.46-.302l-.761-1.77a1.964 1.964 0 0 0-.453-.618A5.984 5.984 0 0 1 2 6zm3 8.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1l-.224.447a1 1 0 0 1-.894.553H6.618a1 1 0 0 1-.894-.553L5.5 15a.5.5 0 0 1-.5-.5z"/></svg>');
}

.admonition-title {
	font-weight: 700 !important;
	font-size: 15px;
}

.admonition-title:before {
	margin-right: .5em;
}

.admonition-title::before {
	vertical-align: -0.125em;
}

.content-area { 
	max-width: 1500px; 
	margin: auto; 
	padding: 20px; 
	border: 1px solid #ccc; 
	border-radius: 5px; 
}

.md-center {
	display: block;
	text-align: center;
}

.ntable {
	width: 100%;
	margin-bottom: 0 !important;
}

.ntable td {
	padding: 10px;
	border-left: 1px solid rgba(20, 125, 125, 0.1);
	vertical-align: middle;
}

.ntable th {
	background-color: #e2e4e7;
	border-left: 1px solid #e2e4e7;
	color: #000000;
	padding: 6px 10px;
}

.ntable tr:nth-child(even) {
	background-color: #f7f7f7;
}

.title-section { 
	text-align: center; 
	margin-bottom: 20px; 
} 

.title-section img { 
	max-width: 100%; 
	height: auto; 
} 

.task-list {
	list-style-type: none;
	display: list-item;
	text-align: left;
}

.table-of-contents { 
	background: #f4f4f4; 
	padding: 15px; 
	margin-bottom: 20px; 
	margin-left: 50px;
	margin-right: 50px;
	border-radius: 5px; 
} 

.table-of-contents ul { 
	list-style: list-item; 
	padding: 6px; 
	text-align: left;
} 

.table-of-contents li { 
	margin-bottom: 5px;
	margin-top: .25em;
	margin-left: 50px;
}

.table-of-contents ol { 
	display: block;
	list-style-type: decimal;
	padding-inline-start: 40px;
}


.todo-section li {
	font-size: 12px;
}

.update-section, .todo-section { 
	margin-bottom: 20px;
	text-align: left;
}

.update-section blockquote {
	border-left: solid 4px;
	padding: .1rem .1rem .1rem .4rem;
	color: #0000FF;
	border-color: #0000FF;
	overflow-x: auto;
	text-align: left;
}

.update-section li {
	font-size: 12px;
	margin-left: 25px;
}

.update-section ol {
	list-style-type: circle;
}

.software-section, .ai-section, .flashkit-section, .identified-loops, .unidentified-loops, .songs-used, .unidentified-songs, .video-sources, .old-videos, .unsourced-videos, .new-videos, .og-ul-credits, .ending-remark {
	text-align: left;
}

.software-section h1, .ai-section h1, .flashkit-section h1, .identified-loops h1, .unidentified-loops h1, .songs-used h1, .unidentified-songs h1, .video-sources h1, .old-videos h1, .unsourced-videos h1, .new-videos h1, .og-ul-credits h1, .ending-remark h1 {
	text-align: center;
}

.warning-box { 
	padding: 15px; 
	margin-bottom: 15px; 
	border-radius: 5px; 
} 

.warning-box.yellow { 
	background-color: #ffffe0; 
	border: 1px solid #e6db55; 
} 

.warning-box.red { 
	background-color: #ffdddd; 
	border: 1px solid #f44336; 
} 

.sortable-table { 
	width: 100%; 
	border-collapse: collapse; 
} 

.sortable-table th, .sortable-table td { 
	border: 1px solid #ddd; 
	padding: 8px; 
} 

.sortable-table th { 
	padding-top: 12px; 
	padding-bottom: 12px; 
	text-align: left; 
	background-color: #f2f2f2; 
	cursor: pointer; 
}